/* Shared overview preferences; finance and source calculations are unchanged. */
/* Only the current layout displays calculations after delivery commissions. */
.graphs-layout .cost-kpis>div:last-child,.graphs-layout .economics-panel table th:last-child,.graphs-layout .economics-panel table td:last-child{display:none}
.graphs-layout .cost-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}
.overview-layout-switch{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:700}
.overview-layout-buttons,.hourly-metrics{display:flex;gap:3px;padding:4px;background:#eeede7;border:1px solid #e4e2da;border-radius:11px}
.overview-layout-buttons button,.hourly-metrics button{border:0;background:transparent;padding:9px 12px;border-radius:7px;font-size:12px;font-weight:700;white-space:nowrap;cursor:pointer;color:#6b6a64;min-height:36px}
.overview-layout-buttons button[aria-pressed=true],.hourly-metrics button[aria-pressed=true]{background:#191919;color:#fff;box-shadow:0 2px 4px #0001}
.overview-layout-buttons button:focus-visible,.hourly-metrics button:focus-visible{outline:3px solid #f56620;outline-offset:2px}
.topbar .toolbar{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;max-width:none;gap:10px}
.topbar .refresh-cadence{width:100%;text-align:right}
#overview-view .average-check{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:4px 10px;margin-top:12px;padding-top:12px;border-top:1px solid #0002;color:inherit}
#overview-view .average-check span{font-size:14px;font-weight:650}
#overview-view .average-check strong{font-size:27px;font-weight:800;line-height:1.15;letter-spacing:-.6px;font-variant-numeric:tabular-nums;white-space:nowrap}
#overview-view .graph-hero{min-width:0;margin-bottom:20px}
#overview-view .graph-hero .panel{margin-bottom:0}
.graphs-layout #overview-revenue-card{background:#f56620;color:#171717;border-color:#f56620}
.graphs-layout #overview-revenue-card .kpi-label,.graphs-layout #overview-revenue-card .kpi-bottom{color:#302116}
.graphs-layout #overview-after-card{background:white;color:#171717;border-color:#e7e5dd}
.graphs-layout #overview-after-card .kpi-label,.graphs-layout #overview-after-card .kpi-bottom{color:#77746a}
.graphs-layout #overview-cost-card{background:#191919;color:white;border-color:#191919}
.graphs-layout #overview-cost-card .kpi-label{color:#e7e5df}
.graphs-layout #overview-checks-card{background:#d5ff00;color:#171717;border-color:#c8ee00}
.graphs-layout #overview-checks-card .kpi-label{color:#3b4519}
.graph-cost-ratio{margin-top:15px;display:flex;gap:10px;align-items:baseline;flex-wrap:wrap}
#graph-food-cost{font-size:24px;line-height:1.1;color:#d5ff00}
#graph-cost-note{font-size:11px;color:#c2c1b8}
#overview-view.graphs-layout .activity-charts{grid-template-columns:1fr}
.graphs-layout .kitchen-overview{display:grid;grid-template-columns:minmax(180px,1fr) minmax(200px,1.3fr);gap:6px 28px;align-items:center}
.graphs-layout .kitchen-overview h2{grid-column:1}.graphs-layout .kitchen-overview .kitchen-alerts{grid-column:2;grid-row:1 / span 4;margin:0}
.graphs-layout .kitchen-overview p,.graphs-layout .kitchen-overview .kitchen-average{margin:0}
.graphs-layout .kitchen-overview .text-link{justify-self:start}
.graphs-layout .hours-panel .section-top{flex-wrap:wrap;align-items:center;gap:12px}
.graphs-layout .hours-panel #hourly-period-note{width:100%;order:3}
.graphs-layout #hourly-chart{display:block;overflow:visible;padding:0;min-height:0}
.line-chart-scroll{overflow-x:auto;overflow-y:hidden;max-width:100%;overscroll-behavior-x:contain;padding:3px 0 0}
.hour-line-svg{display:block;height:284px;max-width:none;font-family:inherit}
.line-grid{stroke:#eeece5;stroke-width:1}.line-zero{stroke:#cbc8bd;stroke-width:1}
.line-axis{font-size:11px;fill:#7b796f;font-variant-numeric:tabular-nums}
.hour-line-area{fill:#f56620;fill-opacity:.09}.hour-line-stroke{fill:none;stroke:#f56620;stroke-width:3;stroke-linejoin:round;stroke-linecap:round}
.point-hit{fill:transparent}.point-dot{fill:#fff;stroke:#f56620;stroke-width:2.5}
.point-label{font-size:12px;font-weight:750;fill:#3a342c;paint-order:stroke;stroke:#fff;stroke-width:5px;stroke-linejoin:round;font-variant-numeric:tabular-nums}
.hour-line-point{cursor:pointer;outline:none}.hour-line-point:focus-visible .point-dot,.hour-line-point.is-selected .point-dot{fill:#f56620;stroke:#171717;stroke-width:3}
.hour-line-detail{min-height:44px;display:flex;flex-wrap:wrap;align-items:center;gap:8px 24px;padding:12px 16px;background:#f7f6f0;border:1px solid #efede4;border-radius:10px;font-size:12px;color:#77746a}
.hour-line-detail strong,.hour-line-detail b{color:#20201d}.hour-line-detail b{margin-left:5px}
@media(max-width:1240px){#overview-view .average-check strong{font-size:28px}}
@media(max-width:700px){.topbar .toolbar{justify-content:flex-start}.topbar .refresh-cadence{text-align:left}.overview-layout-switch{gap:6px}.overview-layout-buttons button{padding:9px 10px}#overview-view .average-check{display:block;margin-top:10px;padding-top:10px}#overview-view .average-check span{font-size:12px;display:block;margin-bottom:5px}#overview-view .average-check strong{font-size:24px}.graphs-layout .kitchen-overview{display:block}.graphs-layout .kitchen-overview .kitchen-alerts{margin:14px 0}.graphs-layout .kitchen-overview p{margin:8px 0}.hourly-metrics button{padding:8px 10px}.hour-line-detail{gap:8px 16px;padding:12px}.hour-line-detail>strong{width:100%}}
@media(max-width:480px){.topbar{flex-wrap:wrap;gap:14px}.topbar>div:first-child{min-width:0;flex:1 1 170px}.topbar .toolbar{flex:1 1 240px;justify-content:space-between}.topbar .toolbar .primary{width:auto}.topbar .refresh-cadence{text-align:left}}
@media(max-width:380px){#overview-view .average-check strong{font-size:21px}.overview-layout-switch>span{display:none}.overview-layout-buttons button{padding:9px 8px}}