:root { --blue:#232625; --blue2:#ad8541; --bg:#f5f5f3; --text:#202321; --muted:#696e6b; --line:#dcded9; --green:#466b58; --red:#b45048; }
body { background:var(--bg); color:var(--text); }
header { background:#202321; border-bottom:2px solid #a98548; }
header .brand b { color:#f4ead6; }
nav button.active { background:#a98548; color:#161815; }
nav button:hover,.userbox button:hover { background:#444b46; }
.tabs button.active,.submit,.title>button { background:#242a27; }
.login-layer { background:#1f2522; }
.login-card { border:1px solid #ad8541; border-radius:8px; }
.brand-mark { background:#ad8541; color:#161815; border-radius:5px; }
.eyebrow { color:#947138!important; letter-spacing:0; font-weight:700; }
.kpi,article,.form,.filters,.table-wrap { border-radius:6px; }
input:focus,select:focus,textarea:focus { outline-color:#ad854188; }
.note { background:#f5f5f2; }
.callout { background:#faf4e8; }
th { background:#f5f5f2; }
.funnel div,.empty-chart { background:#f5f5f2; border-radius:5px; }
.bar i,.progress i { background:#ad8541; }
.help-button { border-color:#ad8541; }
.help-button:hover,.help-button:focus { background:#242a27; }
.help-popover { background:#242a27; }
.help-popover b { color:#e3c387; }
.price-summary b { color:#977133; }
.wb-group h2 { color:#292e2a; border-color:#b39561; }
.wb-gate { border-color:#b39561; }
.wb-gate b { color:#806133; }
#bulkImportAdmin { padding-top:16px; border-top:1px solid var(--line); min-width:0; }
#bulkRowTable td:last-child { white-space:normal; overflow-wrap:anywhere; min-width:220px; }
#admin .grid2>article,#admin .fields>label { min-width:0; }
#dashboard .title { align-items:flex-end; }
#dashboard .title h1 { font-size:26px; }
.dashboard-controls { display:flex; justify-content:space-between; align-items:flex-end; gap:16px; padding:12px 0 18px; border-top:1px solid var(--line); }
.control-caption { display:block; margin-bottom:7px; color:var(--muted); font-size:12px; }
.segmented { display:inline-flex; flex-wrap:wrap; gap:2px; padding:3px; border:1px solid var(--line); border-radius:5px; background:#eaece8; }
.segmented button { min-height:32px; padding:5px 10px; border:0; border-radius:3px; background:transparent; color:#444b46; cursor:pointer; }
.segmented button.active { background:#fff; color:#161815; box-shadow:0 1px 4px #0002; font-weight:700; }
.compare-dates { display:flex; align-items:flex-end; gap:8px; }
.compare-dates label { min-width:130px; }
.compare-dates button,.glossary-toggle { min-height:36px; padding:6px 12px; background:#fff; border:1px solid var(--line); border-radius:5px; cursor:pointer; }
.section-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:15px; margin:15px 0 12px; }
.section-heading h2 { margin:0; font-size:18px; }
.section-heading p { margin:3px 0 0; color:var(--muted); font-size:12px; }
.glossary-toggle { color:#644d2c; border-color:#cbb992; }
.metric-glossary { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:12px; padding:14px 0; border-block:1px solid var(--line); }
.metric-glossary div { border-left:2px solid #b39561; padding-left:10px; }
.metric-glossary b,.metric-glossary span { display:block; }
.metric-glossary span,.metric-glossary p { color:var(--muted); font-size:12px; }
.metric-glossary p { grid-column:1/-1; margin:0; }
#dashboard .kpis { grid-template-columns:repeat(6,minmax(0,1fr)); gap:9px; margin:8px 0 12px; }
#dashboard .kpi { min-width:0; padding:14px 12px; border-top:3px solid #ad8541; }
#dashboard .kpi b { font-size:20px; overflow-wrap:anywhere; }
#dashboard .kpi em { display:block; min-height:30px; color:var(--muted); }
.kpi-delta { display:block; padding-top:8px; border-top:1px solid var(--line); font-size:12px; color:#765b33; }
.source-strip { color:var(--muted); font-size:12px; }
.coverage-bar { display:flex; flex-wrap:wrap; align-items:center; gap:8px 16px; padding:10px 0 14px; border-bottom:1px solid var(--line); color:#4e5752; }
.coverage-bar>span { padding-left:10px; border-left:1px solid #c2c5bf; }
.coverage-bar strong { color:#252a27; }
.coverage-bar small { flex-basis:100%; color:var(--muted); }
.dashboard-visuals { display:grid; grid-template-columns:minmax(0,2fr) minmax(265px,1fr); gap:20px; margin:18px 0 24px; }
.visual-main,.decision-panel { min-width:0; padding:0; }
.visual-main { border-right:1px solid var(--line); padding-right:20px; }
.visual-main .section-heading { margin-top:0; }
.visual-tools { display:flex; align-items:end; flex-wrap:wrap; gap:8px; }
.visual-tools label { min-width:105px; }
.visual-tools select { padding:7px 8px; }
.chart-types { white-space:nowrap; }
.chart-types button { min-width:33px; font-size:16px; }
.chart-surface { min-height:300px; height:320px; width:100%; }
.chart-footnote { color:var(--muted); font-size:12px; margin:0; }
.decision-panel h2,.dashboard-secondary h2 { margin:0 0 10px; font-size:17px; }
.decision-item { border-top:1px solid var(--line); padding:10px 0; }
.decision-item span { color:#90703a; font-weight:700; font-size:11px; }
.decision-item p { margin:4px 0; line-height:1.45; }
.decision-item small,.decision-disclaimer { color:var(--muted); line-height:1.5; }
.dashboard-secondary { display:grid; grid-template-columns:1fr 1fr; gap:25px; padding:22px 0; border-top:1px solid var(--line); }
.term-help { display:inline-grid; place-items:center; width:18px; height:18px; border:1px solid #9e855a; border-radius:50%; color:#806133; font-size:12px; cursor:help; }
@media(max-width:1050px) { #dashboard .kpis { grid-template-columns:repeat(3,minmax(0,1fr)); } .dashboard-visuals { grid-template-columns:1fr; } .visual-main { border-right:0; padding:0; border-bottom:1px solid var(--line); padding-bottom:20px; } .metric-glossary { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media(max-width:650px) { #dashboard .kpis { grid-template-columns:repeat(2,minmax(0,1fr)); } #dashboard .title { align-items:flex-start; gap:8px; } #dashboard .title h1 { font-size:22px; } .dashboard-controls,.compare-dates { align-items:stretch; flex-direction:column; } .metric-glossary { grid-template-columns:1fr 1fr; } .dashboard-secondary { grid-template-columns:1fr; gap:10px; } .section-heading { align-items:flex-start; flex-direction:column; } .visual-tools { width:100%; } .visual-tools label { flex:1; } .chart-surface { min-height:270px; height:280px; } }