.window-controls{display:flex;align-items:center;gap:8px}.month-select{border:1px solid #CBD5E1;background:#fff;color:#0F172A;border-radius:9px;padding:7px 28px 7px 10px;font:inherit;font-size:11px;font-weight:700;min-width:145px}.health-group{display:flex;align-items:center;gap:10px}.health-chip{padding:9px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08);min-width:125px}.health-chip span,.health-chip strong{display:block}.health-chip span{font-size:8px;text-transform:uppercase;letter-spacing:.06em;color:#C8D7E7}.health-chip strong{margin-top:3px;font-size:12px;color:#fff}.health-chip.good{background:rgba(22,163,74,.18);border-color:rgba(134,239,172,.35)}.health-chip.bad{background:rgba(220,38,38,.18);border-color:rgba(254,202,202,.35)}.health-chip.watch{background:rgba(245,158,11,.18);border-color:rgba(253,230,138,.35)}
.metrics-grid.seven{grid-template-columns:repeat(7,minmax(0,1fr))}.metric-top{display:flex;align-items:center;justify-content:space-between;gap:6px}.metric-delta{font-size:8px;font-weight:800;padding:3px 5px;border-radius:999px}.metric-delta.good{color:#166534;background:#DCFCE7}.metric-delta.bad{color:#991B1B;background:#FEE2E2}.metric-delta.neutral{color:#475569;background:#F1F5F9}.metric-card{min-width:0}.metric-value{white-space:nowrap}
.interactive-chart{border:1px solid #EEF2F6;border-radius:14px;background:linear-gradient(180deg,#FCFDFE,#F8FAFC);padding:10px 10px 6px;overflow:hidden}.interactive-chart svg{border-radius:10px}.hover-guide{stroke:#94A3B8;stroke-width:1;stroke-dasharray:4 4}.hover-point{stroke:#fff;stroke-width:2}.revenue-point{fill:#102A4E}.spend-point{fill:#38BDF8}.legend-note{margin-left:auto;color:#94A3B8!important;font-style:italic}.chart-tooltip{width:198px}
.summary-lines em{font-style:normal}.summary-lines strong.good,.comparison-table .good,.colour-key .good{color:#15803D!important;font-weight:800}.summary-lines strong.bad,.comparison-table .bad,.colour-key .bad{color:#B91C1C!important;font-weight:800}.summary-lines strong.neutral,.comparison-table .neutral,.colour-key .neutral{color:#64748B!important;font-weight:800}.attention-box{margin-top:12px;padding:12px;border-radius:10px;background:#FFF7ED;border:1px solid #FED7AA}.attention-box span,.attention-box strong{display:block}.attention-box span{font-size:9px;text-transform:uppercase;letter-spacing:.05em;font-weight:800;color:#C2410C}.attention-box strong{font-size:11px;line-height:1.45;color:#9A3412;margin-top:3px}.drill-links{display:flex;gap:8px;flex-wrap:wrap;margin-top:9px}.drill-links button{border:0;background:transparent;color:#047857;font-size:9px;font-weight:800;padding:0;cursor:pointer}.colour-key{display:flex;gap:12px;flex-wrap:wrap;margin-top:9px;font-size:8px}.comparison-periods strong{font-size:9px;line-height:1.35}.comparison-table .up,.comparison-table .down{color:inherit}
@media(max-width:1320px){.metrics-grid.seven{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:900px){.window-controls{align-items:flex-start;flex-direction:column}.health-group{width:100%;flex-wrap:wrap}.health-chip,.hero-fresh{flex:1;min-width:160px}.metrics-grid.seven{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.metrics-grid.seven{grid-template-columns:1fr}.legend-note{display:none}.month-select{width:100%}}