/* Frosted surfaces retain a solid fallback and high-contrast data labels. */
:root{--ink:#222b2c;--muted:#596766;--paper:transparent;--line:#ffffff70;--orange:#e5451c;--orange-dark:#ac3013;color-scheme:light}
body{background:radial-gradient(ellipse at 8% 15%,#ef4b12 0%,transparent 42%),radial-gradient(ellipse at 85% 80%,#ddad4b 0%,transparent 48%),linear-gradient(130deg,#373f42,#eedcc2 55%,#f6efe4);font-size:14px}
body:before{content:'';position:fixed;inset:0;pointer-events:none;background:linear-gradient(115deg,#24252844 0%,#f4ead533 48%,#fff5df55 100%)}
.app-shell{position:relative;padding:16px;gap:16px;max-width:1920px;grid-template-columns:222px minmax(0,1fr);background:transparent;min-height:0}
.sidebar,.workspace{border:1px solid #ffffff66;border-radius:24px;box-shadow:0 18px 60px #10232124,inset 0 1px #ffffff88;backdrop-filter:blur(26px) saturate(135%);-webkit-backdrop-filter:blur(26px) saturate(135%)}
.sidebar{padding:26px 20px 20px;background:#152729ce;overflow:hidden;color:#fff}
.brand{max-width:180px}.brand img{border-radius:7px;box-shadow:0 6px 24px #0002}.brand span{color:#e1e9e7;letter-spacing:2.6px}
.workspace-tag{margin-top:28px;background:#ffffff0e;border-color:#ffffff2e;border-radius:12px;font-size:12px}
.workspace-tag div span{color:#c2d0cd;font-size:10px}.workspace-mark{color:#dee9e4}
.sidebar-label{margin:28px 10px 12px;color:#b8c8c5;font-size:9px}.nav-list{gap:9px}
.nav-button{font-size:12px;padding:13px 11px;color:#d0deda;border:1px solid transparent;border-radius:11px}
.nav-button.active{background:#ffffff20;border-color:#ffffff42;color:#fff}.nav-button.active>span{color:#ff9f77}.nav-button:hover:not(:disabled){background:#ffffff28}
.sidebar-note{margin:28px 8px 0;color:#c3d2ce;font-size:8px}.sidebar-note p{font-size:15px;color:#e6ede7;margin:14px 0 18px}.flow{color:#dde8e3;font-size:9px}.flow span{border-color:#ffffff30;background:#ffffff09;border-radius:5px}.flow i{color:#b8cbc5}
.field-story{position:relative;margin-top:auto;padding-top:24px;flex-shrink:1;min-height:0;overflow:hidden}.field-story img{display:block;width:100%;height:140px;object-fit:cover;object-position:center;border-radius:15px;border:1px solid #ffffff50}.field-story span{position:absolute;bottom:0;left:0;right:0;padding:28px 13px 12px;border-radius:0 0 15px 15px;background:linear-gradient(transparent,#102321df);color:#fff;font-size:11px;line-height:1.5}
.sidebar-footer{margin-top:20px;padding-top:16px;border-color:#ffffff25;color:#e3ebe5}.sidebar-footer span{color:#b3c5be}.avatar{background:#ffffff17;border-color:#ffffff40;color:#fff}
.workspace{background:#f3f6f0b3;min-height:0}.topbar{background:#ffffff45;border-color:#ffffff70;padding:16px 30px;height:78px}.topbar .eyebrow{color:#52655f;font-size:9px;letter-spacing:1.7px}.topbar h1{font-size:21px;font-weight:650;letter-spacing:-.6px}.demo-badge{background:#f4fff0a8;border-color:#fff;color:#365748;border-radius:20px;font-size:10px;padding:8px 11px}.quiet-button{font-size:11px;color:#3f5650;border-color:#6d80745c}
.chat-rail{background:transparent}.chat-header{background:#ffffff35;padding:14px 30px 12px;border-color:#ffffff66;gap:6px 14px}.chat-title h2{font-size:14px}.chat-title .eyebrow{font-size:8px;color:#596a60}.agent-symbol{border-radius:12px;background:#fff7eccc;border-color:#fff;color:var(--orange);width:35px;height:35px}.agent-controls{margin:0}.agent-controls select{font-size:11px;color:#283f37;background:#ffffffe0;border-color:#fff;border-radius:10px;max-width:250px;padding:10px}.icon-button{background:#ffffff8c;border-color:#fff;border-radius:10px;color:#455d52;height:36px;width:36px}.agent-description{font-size:11px;color:#4c6058;line-height:1.55}
.conversation{padding:26px max(28px,calc((100% - 1000px)/2));scrollbar-color:#6d857755 transparent}
.chat-welcome{margin:2vh auto 16px;padding:14px 0 0;max-width:1000px}.welcome-kicker{display:inline-block;padding:8px 12px;border:1px solid #fff9;background:#fff9;border-radius:30px;color:#994124;font-size:9px;letter-spacing:1.5px}.chat-welcome h3{font-size:clamp(38px,4.3vw,64px);font-weight:600;letter-spacing:-2.6px;line-height:1.06;margin:24px 0 20px;color:#22372f}.chat-welcome>p{font-size:15px;max-width:620px;color:#3f564b;line-height:1.75}.chat-welcome .welcome-hint{color:#4a6256;font-size:12px;margin-top:20px}
.starter-grid{gap:12px;margin-top:27px}.starter-grid button{background:#ffffff91;border:1px solid #ffffffed;border-radius:17px;box-shadow:0 6px 20px #143b2910,inset 0 1px #fff;padding:20px 16px;transition:transform .18s,background .18s,box-shadow .18s}.starter-grid button:hover{background:#ffffffe0;border-color:#fff;box-shadow:0 10px 26px #143b2920;transform:translateY(-3px)}.starter-grid strong{font-size:13px}.starter-grid button>span:last-child{color:#54675e;font-size:11px}.starter-icon{color:var(--orange-dark)}
.message.user{background:#ffffffb8;border:1px solid #fff;border-radius:18px 18px 5px 18px;box-shadow:0 5px 20px #25433109;padding:12px 18px}.message.user .message-body{background:transparent;border:0;padding:0;color:#2e4438}.message-heading{color:#3b5548}.message-avatar{background:#fff6eedd;border:1px solid #fff;border-radius:7px}.message-body{color:#283e32;font-size:14px}.thinking{color:#46614f}.message.assistant>.message-body{background:#ffffff99;border:1px solid #ffffffc9;border-radius:0 16px 16px 16px;padding:14px 17px}
.interactive-chart,.surface,.kpi-card{background:#ffffffe0;border-color:#fff;border-radius:18px;box-shadow:0 7px 25px #20402b0d}.interactive-chart{padding:22px 20px 14px}.interactive-chart h3{color:#223c2c;font-size:16px}.chart-kind,.chart-caption,.chart-note{color:#526953}.chart-action{background:#fff9;border-color:#c9d6c9;border-radius:8px;color:#365037}.chart-action:hover{background:#edf5ea}.chart-data{border-color:#d9e3d4;color:#4b654b}.chart-json{background:#e9f0e5;color:#344c36}.chart-data td,.chart-data th,td,th{color:#345039}thead{background:#edf3e8}td,th{border-color:#dce6d7}.kpi-card h3,.kpi-unit{color:#536b52}.provenance{border-color:#b6c8b499}.provenance summary,.provenance-content{color:#38563d}.query-evidence{padding:12px;background:#ffffffe0;border:1px solid #fff;border-radius:10px;color:#294330}
.compose-area{background:linear-gradient(#ffffff00,#ffffff6e);border-color:#ffffff80;padding:10px max(28px,calc((100% - 1000px)/2)) 12px}.composer{background:#ffffffdd;border:1px solid #fff;border-radius:18px;padding:13px 16px 10px;box-shadow:0 7px 25px #193c2316,inset 0 1px #fff}.composer:focus-within{border-color:#e98556;box-shadow:0 0 0 3px #e5451c18}.composer textarea{min-height:38px;color:#2c4431}.composer textarea::placeholder{color:#647768}.composer-actions span,.chat-footer{color:#4f6752}.composer-actions button{width:36px;height:34px;border-radius:10px;box-shadow:0 3px 10px #e5451c25}.chat-footer{font-size:10px;margin-top:8px}.status-dot{background:#3b8048}.error-message{color:#942c18;background:#fff6ef;border-radius:8px}.error-message:empty{display:none}
.unlock-panel{background:#ffffffe0;border:1px solid #fff;border-radius:24px;box-shadow:0 18px 50px #25432f16;margin:auto;width:calc(100% - 48px);padding:36px 30px}.unlock-panel h2{color:#254333}.unlock-panel>p,.privacy-note{color:#4e6656}.key-row input{background:#ffffffe8;border-color:#a3b49e;border-radius:10px}.key-row button{border-radius:10px}.unlock-symbol{background:#fff0e5;border:1px solid #fff;color:var(--orange)}
@media(min-width:701px) and (max-width:1100px){.app-shell{grid-template-columns:76px minmax(0,1fr);gap:12px;padding:12px}.sidebar{padding:19px 8px}.sidebar>.brand,.field-story{display:none}.topbar-brand{display:block}.nav-list{margin:0}.nav-button{font-size:9px;padding:12px 4px;white-space:normal}.topbar{padding:12px 22px;gap:14px}.topbar-brand img{width:120px}.topbar h1{font-size:18px}.topbar .eyebrow{font-size:7px}.starter-grid{grid-template-columns:1fr}.starter-grid button{padding:14px 16px}.chat-welcome h3{font-size:46px}}
@media(max-height:800px) and (min-width:1101px){.field-story img{height:110px}.sidebar-note{margin-top:20px}.sidebar-note p{font-size:13px;margin:10px 0}.sidebar-label{margin-top:22px}.workspace-tag{margin-top:22px}.chat-welcome{margin-top:0}.chat-welcome h3{font-size:46px;margin:17px 0}.starter-grid{margin-top:19px}.starter-grid button{padding:16px 14px;gap:8px}}
@media(max-width:700px){body{background-position:40% center}.app-shell{padding:8px;gap:8px;display:flex;height:100dvh;min-height:0}.sidebar{padding:10px 14px;border-radius:17px;flex-shrink:0}.sidebar>.brand{display:block;width:112px;max-width:112px}.brand span{font-size:5px;margin-top:5px}.sidebar .nav-button{font-size:8px;padding:7px 10px}.field-story{display:none}.workspace{border-radius:18px;flex:1}.topbar{height:64px;padding:12px 16px;flex-shrink:0}.topbar-brand{display:none}.topbar h1{font-size:17px}.topbar .eyebrow{font-size:6px}.demo-badge{font-size:8px;padding:5px 8px}.quiet-button{font-size:9px}.chat-header{padding:10px 13px;gap:8px}.chat-title h2{font-size:12px}.chat-title .eyebrow{font-size:7px}.agent-symbol{width:28px;height:28px}.agent-controls{width:100%}.agent-controls select{max-width:none;flex:1;padding:8px}.icon-button{height:32px;width:32px}.conversation{padding:18px 13px}.chat-welcome{padding:0;margin:0}.welcome-kicker{font-size:7px;letter-spacing:.8px;padding:7px 9px}.chat-welcome h3{font-size:38px;letter-spacing:-1.7px;margin:20px 0 16px}.chat-welcome>p{font-size:13px}.starter-grid{margin-top:20px;gap:9px}.starter-grid button{padding:13px;border-radius:13px}.starter-grid strong{font-size:12px}.starter-grid button>span:last-child{font-size:10px}.chat-welcome .welcome-hint{font-size:11px}.compose-area{padding:8px 10px 10px}.composer{padding:10px 12px 8px;border-radius:14px}.composer textarea{font-size:13px;min-height:34px}.composer-actions span{font-size:9px}.chat-footer{font-size:8px;gap:4px}.interactive-chart{padding:16px 10px 10px;border-radius:14px}.echart{height:310px}.message-body{font-size:13px}.message.assistant>.message-body{padding:12px}.unlock-panel{padding:25px 18px;width:calc(100% - 24px);overflow:auto;margin:12px auto}.unlock-panel h2{font-size:28px}.unlock-symbol{margin-bottom:16px}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.workspace{background:#e8eee5}.sidebar{background:#203436}}
@media(prefers-reduced-transparency:reduce){.workspace{background:#e8eee5}.sidebar{background:#203436}.starter-grid button,.interactive-chart,.composer{background:#fff}}
@media(prefers-reduced-motion:reduce){.starter-grid button:hover{transform:none}}
@media(min-width:1101px) and (max-height:800px){.sidebar-note p,.sidebar-note .flow{display:none}.field-story{flex-shrink:0;padding-top:18px}.field-story img{height:115px}.sidebar-footer{margin-top:16px}}

/* Conversational choices remain part of the agent reply on every viewport. */
.reply-choices{margin-top:16px;max-width:100%}.reply-hint{margin:0 0 10px;color:#4c6058;font-size:12px;line-height:1.6}.reply-choice-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));gap:10px}.reply-choice{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-height:44px;min-width:0;max-width:100%;padding:14px 15px;border:1px solid #bf806066;border-radius:15px;background:#fffaf2db;color:#733716;box-shadow:0 3px 10px #62452008;text-align:left;font-size:13px;line-height:1.5;overflow-wrap:anywhere;white-space:normal}.reply-choice-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;width:100%}.reply-choice-title{font-weight:600;color:#613d24}.reply-choice-arrow{flex-shrink:0;color:#ac3013;font-size:17px;line-height:1.2}.reply-choice-description{font-size:12px;line-height:1.6;color:#526358}.reply-choice-widget{display:inline-block;margin-top:auto;border:1px solid #e8d1ba;border-radius:6px;background:#ffffffa6;padding:3px 7px;color:#865136;font-size:10px;line-height:1.4}.reply-choice:hover:not(:disabled){background:#fff5e5;border-color:#ae5832;box-shadow:0 4px 14px #62452014}.reply-choice:focus-visible{outline:3px solid #ac3013;outline-offset:3px}.reply-choice:disabled{opacity:.55;box-shadow:none}.clarification-choices .reply-choice{background:#fff8eeeb}
@media(max-width:700px){.reply-choice-list{grid-template-columns:1fr;gap:8px}.reply-choice{font-size:12px;padding:12px 13px;gap:6px}.reply-choice-description{font-size:11px}.reply-hint{font-size:11px}}
/* Kutava brand: use the supplied wordmark without cropping or recoloring it. */
@media(min-width:1101px){.field-story{padding:18px 14px;min-height:130px;border:1px solid #ffffff40;border-radius:16px;background:radial-gradient(ellipse at top right,#e9863240,transparent 80%),#ffffff0c;flex-shrink:0}.field-story span{position:static;display:block;padding:0;margin:0 0 14px;background:none;font-size:8px;letter-spacing:1.2px;color:#f5c883}.field-story strong{font-size:19px;line-height:1.4;font-weight:500;color:#fff3df}}