/* Match the original operator palette, including its distinct blue navigation. */
[data-theme=dark]{color-scheme:dark}
[data-theme=light]{color-scheme:light}
:root{--nav-bg:#1a2035;--nav-selected:#1e3a5f;--nav-active:#60a5fa;--nav-text:#94a3b8}
.rail .nav-section .nav-link{color:var(--nav-text)}
.rail .nav-section .nav-link.active,.left-navigation .nav-link.active{background:var(--nav-selected);color:var(--nav-active);border-left:2px solid var(--nav-active)}
.attention-count{background:#b91c1c!important;color:#fff!important;border-radius:10px;padding:2px 6px}
.left-menu-toggle{display:inline-flex;gap:6px;align-items:center;padding:8px 10px;background:var(--surface);border:1px solid var(--border);border-radius:6px;color:var(--text);font-size:13px;flex-shrink:0}
.left-menu-toggle>span{font-size:19px}
.left-navigation{position:fixed;inset:0 auto 0 0;margin:0;width:min(320px,calc(100vw - 40px));max-width:none;height:100dvh;max-height:100dvh;background:var(--nav-bg);color:#fff;padding:16px;border:0;overflow-y:auto}
.left-navigation::backdrop{background:#0a0d1280}
.drawer-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.drawer-head b{font-size:18px}
.drawer-head button{background:transparent;color:#fff;border:1px solid #94a3b850;min-width:44px;font-size:24px}
.drawer-description{font-size:12px;color:#bdc4d2;margin:14px 0}
.left-navigation .nav-section{border:0;padding:0;margin:8px 0;background:transparent}
.left-navigation .nav-section>summary{color:#bdc4d2;text-transform:uppercase;font-size:12px;letter-spacing:.04em;padding:12px 6px;min-height:44px}
.left-navigation .nav-link{display:flex;align-items:center;justify-content:space-between;min-height:44px;padding:10px 12px;color:var(--nav-text);text-decoration:none;border-radius:5px;font-size:14px}
body.navigation-open{overflow:hidden}
.mobile-nav{display:none!important}
.main{padding-bottom:32px}
.data-vision{padding:24px 0 26px;margin-bottom:8px;border-bottom:1px solid var(--border);max-width:100%}
.data-vision .eyebrow{margin:0 0 12px;font-size:12px}
.data-vision h2{font-size:clamp(27px,3.1vw,42px);line-height:1.13;letter-spacing:-.035em;max-width:780px;font-weight:650}
.data-vision>p:not(.eyebrow){color:var(--muted);max-width:650px;line-height:1.65;margin:16px 0}
.data-vision>small{display:block;max-width:670px;color:var(--muted);font-size:12px;line-height:1.55;margin-top:16px}
.data-capabilities{display:flex;flex-wrap:wrap;gap:8px 20px;font-size:12px;font-weight:600;color:var(--primary)}
.page-thread{padding:10px 16px;border-bottom:1px solid var(--border);background:var(--surface);display:flex;gap:6px 24px;align-items:center;flex-wrap:wrap}
.thread-identity{display:flex;flex-direction:column;gap:5px;font-size:12px}
.thread-identity span,.thread-section{color:var(--muted);font-size:12px}
.thread-links{display:flex;flex-wrap:wrap;gap:4px 16px;align-items:center}
.thread-links a{display:inline-flex;align-items:center;min-height:44px;text-decoration:none;font-size:12px;color:var(--muted);border-bottom:2px solid transparent}
.thread-links a.current{color:var(--primary);border-bottom-color:var(--primary);font-weight:600}
.thread-blocked{font-size:12px;color:var(--warning)}
.alert-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:8px}
.alert-meta>span:last-child{color:var(--muted);font-size:12px}
.status-dot.high{background:var(--error)}
.plain-explainer{border-left:3px solid var(--primary);background:var(--selected);padding:16px;margin:0 0 16px}
.plain-explainer p,.plain-explainer dd{font-size:13px;line-height:1.65;max-width:820px}
.plain-explainer h2{margin:0 0 8px}
.plain-explainer details{padding:0;border:0;background:transparent;margin-top:8px}
.plain-explainer summary{min-height:44px;display:list-item;padding:12px 0}
.plain-explainer dt{font-weight:600;font-size:13px;margin-top:12px}
.plain-explainer dd{margin:4px 0 0;color:var(--muted)}
.data-shortcuts{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}
.data-shortcuts button{background:var(--surface);border:1px solid var(--control);color:var(--text);border-radius:6px;font-size:12px;padding:8px 12px}
.table-pager{flex-wrap:wrap}
.page-size,.page-jump{display:flex;align-items:center;gap:6px;font-size:12px}
.page-size select{width:65px;min-height:44px}
.page-jump input{width:60px;min-height:44px;padding:6px}
.plain-market-help{font-size:13px;line-height:1.6;max-width:780px;color:var(--muted);margin:0 0 18px}
.strategy-plain{margin-bottom:18px;border:1px solid var(--border);background:var(--surface);padding:12px 16px}
.strategy-plain>summary{min-height:44px;color:var(--primary);font-weight:600;padding:12px 0}
.data-overview-grid{grid-template-columns:minmax(0,1fr)!important}
.english-sentences{display:grid;gap:0;max-width:900px}
.english-sentences section{padding:20px 0;border-bottom:1px solid var(--border)}
.english-sentences h3{font-size:16px;margin-bottom:12px}
.english-sentences p{font-size:15px;line-height:2.8;margin:8px 0}
.english-sentences input[type=number]{display:inline-block;width:94px;padding:6px 8px;font-size:16px;min-height:44px;border:1px solid var(--control);border-radius:5px;vertical-align:middle;background:var(--surface);color:var(--text)}
.english-sentences select{display:inline-block;max-width:100%;width:auto;font-size:15px;min-height:44px;background:var(--surface);color:var(--text)}
.english-sentences label:not(.english-check){display:grid;gap:8px;margin:12px 0;font-size:14px}
.english-check{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.6;margin:12px 0}
.english-check input{min-width:20px;height:20px;accent-color:var(--primary)}
.english-status{padding:12px 0;color:var(--primary);font-size:14px;line-height:1.6}
[aria-disabled=true][data-english-pending]{opacity:.6}
.library-intro p{max-width:760px;color:var(--muted);line-height:1.65}
:root{--ai:#6D28D9;--ai-hover:#5B21B6;--ai-soft:#F5F0FF;--ai-border:#C4B5FD}
[data-theme=dark]{--ai:#C4B5FD;--ai-hover:#DDD6FE;--ai-soft:#262036;--ai-border:#65538C}
.ai-action,.button.ai-action{color:var(--ai);border:1px solid var(--ai);background:var(--ai-soft);border-radius:6px;min-height:44px;padding:10px 14px;display:inline-flex;align-items:center;justify-content:center;font-weight:600;text-decoration:none}
.ai-action:hover,.button.ai-action:hover{background:var(--ai);color:#fff}
[data-theme=dark] .ai-action:hover{color:#1A2035;background:var(--ai-hover)}
.ai-action:focus-visible{outline:3px solid var(--ai);outline-offset:3px}
.ai-label{display:inline-flex;color:var(--ai);font-size:12px;font-weight:700;letter-spacing:.04em}
.ai-surface{background:var(--ai-soft);border:1px solid var(--ai-border)}
.strategy-start>p{max-width:730px;color:var(--muted);line-height:1.6}
.strategy-start-options{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;margin:22px 0}
.start-option{border:1px solid var(--border);border-radius:8px;padding:24px;background:var(--surface);display:flex;flex-direction:column;align-items:flex-start}
.start-option.ai-surface{background:var(--ai-soft);border-color:var(--ai-border)}
.start-option h3{font-size:24px;margin:12px 0}
.start-option p{font-size:15px;line-height:1.6;margin:0 0 16px;max-width:510px}
.start-option .start-example{color:var(--muted);font-size:14px}
.start-option .button{margin-top:auto}
.start-option small{font-size:12px;line-height:1.6;color:var(--muted);display:block;margin-top:12px}
.ai-builder{max-width:960px}
.ai-intro h2{margin:12px 0}
.ai-intro p{line-height:1.6;max-width:720px}
.ai-suggestion{padding:20px;border-radius:8px;margin:16px 0}
.ai-suggestion h2,.ai-suggestion h3{margin:12px 0}
.ai-suggestion p,.ai-suggestion li{font-size:14px;line-height:1.7}
.ai-suggestion ul{padding-left:22px}
.ai-suggestion li{margin:8px 0}
.ai-inline-help{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:16px 0}
.other-templates{padding:16px;border:1px solid var(--border);border-radius:8px}
.other-templates>summary{min-height:44px;padding:10px 0;cursor:pointer}
@media(min-width:768px){.strategy-start-options{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){
 .start-page-head{margin-bottom:16px!important}
 .start-page-head .head-actions{display:none}
 .strategy-start>h2{font-size:18px}
 .strategy-start>p{font-size:14px;margin:8px 0}
 .strategy-start-options{gap:12px;margin:16px 0}
 .start-option{padding:16px}
 .start-option h3{font-size:20px;margin:8px 0}
 .start-option p{font-size:14px;margin-bottom:12px}
 .start-option .start-example{display:none}
 .start-option small{font-size:12px;margin-top:8px}
}
.library-path{display:flex;flex-wrap:wrap;gap:8px 28px;padding-left:20px;font-size:13px;margin:18px 0}
.library-path li{padding-right:12px}
.template-choice{border:1px solid var(--border);background:var(--surface);padding:20px;margin-top:16px;border-radius:8px}
.template-choice h3{font-size:19px;margin-top:8px}
.template-status{font-size:12px;color:var(--primary);font-weight:600}
.template-choice dl{display:grid;grid-template-columns:1fr;gap:5px;margin:18px 0}
.template-choice dt{font-size:12px;font-weight:650;color:var(--muted);margin-top:8px}
.template-choice dd{font-size:14px;line-height:1.6;margin:0}
.template-choice-grid{display:grid;grid-template-columns:1fr;gap:0 18px}
@media(min-width:1000px){.template-choice-grid{grid-template-columns:1fr 1fr}.template-choice dl{grid-template-columns:145px 1fr;gap:12px}.template-choice dt{margin:0}}
@media(min-width:1000px){.english-sentences{grid-template-columns:1fr 1fr;gap:0 28px}.english-sentences section:last-child{grid-column:1/-1}}
@media(max-width:1023px){.topbar{justify-content:flex-start}.mobile-brand{margin-right:auto}.top-actions{margin-left:auto}.top-actions a[href*="search"]{display:none}.topbar .mode-label{display:none}.page-thread .thread-links{gap:0 14px}.mobile-brand .brand{font-size:14px}.mobile-brand .brand svg{width:20px;height:20px}}
@media(max-width:400px){.topbar{padding:8px 12px;gap:6px}.top-actions .quiet{padding:6px}.left-menu-toggle{padding:8px}.language-control select{padding-left:4px;padding-right:4px;width:52px}.data-vision h2{font-size:29px}}
@media(min-width:1024px){.left-menu-toggle{display:none}.page-thread{padding-inline:28px}.data-vision{padding:24px 0 32px}}

/* Neutral loading is not AI activity, profit or an alert. */
:root{--skeleton-base:#E5E7EB;--skeleton-highlight:#F9FAFB}
[data-theme=dark]{--skeleton-base:#2B3442;--skeleton-highlight:#445064}
.loading-preview{border:0;border-bottom:1px solid var(--border);margin:0 0 16px;padding:0 0 8px;background:transparent}
.loading-preview>summary{font-size:12px;color:var(--muted);min-height:44px;padding:12px 0;cursor:pointer}
.loading-preview p{font-size:13px;line-height:1.6}
.loading-preview .inline-actions{margin:12px 0}
.loading-status{font-size:14px;color:var(--muted);margin:16px 0;line-height:1.6}
.skeleton-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0}
.skeleton-metric{border:1px solid var(--border);border-radius:8px;padding:18px;background:var(--surface);min-height:132px}
.skeleton-line{display:block;position:relative;overflow:hidden;background:var(--skeleton-base);height:12px;width:100%;border-radius:4px;margin:12px 0;font-style:normal}
.skeleton-line.short{width:62%}
.skeleton-line.value{height:28px;width:75%}
.skeleton-line:after,.data-refreshing:before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 15%,var(--skeleton-highlight) 48%,transparent 80%);transform:translateX(-100%);animation:loading-sweep 1.6s linear infinite}
.skeleton-table{border:1px solid var(--border);border-radius:8px;background:var(--surface);overflow:hidden}
.skeleton-table-head{padding:16px;border-bottom:1px solid var(--border)}
.skeleton-table-head .short{width:180px;max-width:70%}
.skeleton-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4px 24px;padding:16px;border-bottom:1px solid var(--border);min-height:112px}
.skeleton-row .title{grid-column:1/-1;width:85%}
.skeleton-row:last-child{border-bottom:0}
.data-refreshing{position:relative;overflow:hidden;border-top:3px solid var(--skeleton-base)}
.data-refreshing:before{bottom:auto;height:3px;z-index:1}
.load-feedback{padding:28px 20px;max-width:740px;border:1px solid var(--border);border-radius:8px;background:var(--surface)}
.load-feedback p{line-height:1.6;margin:14px 0}
@keyframes loading-sweep{to{transform:translateX(100%)}}
@media(min-width:768px){.skeleton-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.skeleton-row{grid-template-columns:2fr repeat(3,minmax(0,1fr));min-height:64px}.skeleton-row .title{grid-column:auto}}
@media(prefers-reduced-motion:reduce){.skeleton-line:after,.data-refreshing:before{animation:none;transform:none;opacity:.35}}
