/* PENDING-017/business-dashboards: approved day/night performance workbench. */
.dash{--dash-ink:#17212b;--dash-ink2:#394554;--dash-muted:#5c6673;--dash-line:#dfe4ea;--dash-surface:#fff;--dash-plane:#f4f6f8;--dash-good:#187345;--dash-bad:#b52b3c;--dash-accent:#d91f32;--dash-compare:#8a96a5;--dash-axis-line:#b1bac6;--dash-area:#e52d4017;--dash-track:#edf0f4;--dash-funnel-1:#ef7c88;--dash-funnel-2:#e85f6e;--dash-funnel-3:#e13f52;--dash-heat-0:#edf0f4;--dash-heat-1:#ffebed;--dash-heat-2:#ffcbd1;--dash-heat-3:#ff9eaa;--dash-heat-4:#f7677a;--dash-heat-5:#e5344c;--dash-heat-6:#ba1832;color:var(--dash-ink);display:flex;flex-direction:column;gap:18px;min-width:0;margin-top:20px;line-height:1.55;font-size:16px;font-variant-numeric:tabular-nums}
.dash *{box-sizing:border-box}.dash h2{margin:0;font-size:30px;line-height:1.3;font-weight:750}.dash h3{margin:0;font-size:21px;line-height:1.45;font-weight:750}.dash h4{margin:18px 0 8px;font-size:16px;font-weight:700}
.dash-head{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.dash-head p{margin:7px 0 0;font-size:14px;color:var(--dash-muted);max-width:70ch}
.dash-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.dash-seg{display:flex;background:var(--dash-surface);border:1px solid var(--dash-line);border-radius:10px;padding:4px;gap:3px;flex-wrap:wrap}
.dash-seg button{white-space:nowrap;font:inherit;font-size:15px;font-weight:600;min-height:42px;padding:7px 13px;border:0;border-radius:7px;background:transparent;color:var(--dash-ink2);cursor:pointer}.dash-seg button:hover{background:var(--dash-plane)}.dash-seg button[aria-pressed="true"]{background:var(--dash-accent);color:#fff}
.dash :is(button,summary,[data-hit]):focus-visible{outline:3px solid var(--dash-accent);outline-offset:3px}
.dash-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));background:var(--dash-surface);border:1px solid var(--dash-line);border-radius:14px;overflow:hidden;gap:0}
.dash-tile{container-type:inline-size;position:relative;padding:21px 22px;display:flex;flex-direction:column;gap:9px;min-width:0}.dash-tile+.dash-tile::before{content:"";position:absolute;inset-inline-start:0;inset-block:22px;width:1px;background:var(--dash-line)}
.dash-label{font-size:16px;font-weight:650;color:var(--dash-ink2)}.dash-tile-row{display:flex;justify-content:space-between;align-items:center;gap:8px;min-width:0}.dash-tile-row strong{font-size:clamp(26px,17cqi,44px);font-weight:750;line-height:1.25;min-width:0;letter-spacing:-.025em;overflow-wrap:anywhere}
.dash-money{display:inline-flex;flex-direction:column;align-items:flex-start;gap:5px;max-width:100%}.dash-money small,.dash-tile-row strong small{font-size:14px;font-weight:550;letter-spacing:normal;color:var(--dash-muted)}.dash-spark{display:none}
.dash-delta{font-size:14px;font-weight:700;color:var(--dash-ink2)}.dash-delta.good{color:var(--dash-good)}.dash-delta.bad{color:var(--dash-bad)}.dash-sub{font-size:14px;color:var(--dash-muted);margin:0}.dash-context{display:flex;gap:12px;flex-wrap:wrap;font-size:14px;color:var(--dash-muted)}.dash-context b{color:var(--dash-ink);font-size:16px;margin-inline:8px}.dash-context .dash-delta{margin-inline-start:5px}
.dash-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.dash-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(290px,1fr);grid-template-areas:"trend speed" "peak flow" "top top";gap:18px;align-items:start}.dash-trend{grid-area:trend}.dash-speed{grid-area:speed}.dash-peak{grid-area:peak}.dash-flow{grid-area:flow}.dash-top{grid-area:top}.dash-wide{grid-column:1/-1}
.dash-card{background:var(--dash-surface);border:1px solid var(--dash-line);border-radius:14px;padding:22px;min-width:0;display:flex;flex-direction:column;gap:13px}.dash-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;flex-wrap:wrap}.dash-card-head p{margin:6px 0 0;font-size:14px;color:var(--dash-muted);max-width:55ch}
.dash-legend{display:flex;gap:14px;font-size:14px;color:var(--dash-ink2);flex-wrap:wrap}.dash-key{display:inline-block;width:18px;height:3px;margin-inline-end:7px;vertical-align:middle;background:var(--dash-accent)}.dash-key.prev{height:0;border-top:2px dashed var(--dash-compare);background:none}
.dash-chart{position:relative;margin-block:10px 0}.dash-chart svg{display:block;width:100%;height:auto;touch-action:pan-y;overflow:visible}.dash-axis{font-family:inherit;font-size:15px;fill:var(--dash-muted)}.dash-point-label{font-family:inherit;font-size:15px;font-weight:700;fill:var(--dash-accent)}.dash-chart-empty{min-height:230px;display:grid;place-items:center;text-align:center;background:var(--dash-plane);border-radius:10px}
.dash-tip{position:absolute;min-width:170px;max-width:100%;background:var(--dash-surface);border:1px solid var(--dash-line);border-radius:10px;box-shadow:0 6px 20px #0002;padding:12px 14px;font-size:14px;color:var(--dash-ink2);display:flex;flex-direction:column;gap:5px;pointer-events:none}.dash-tip[hidden]{display:none}.dash-tip b{color:var(--dash-ink);font-size:16px}.dash-tip em{font-style:normal;font-weight:750;color:var(--dash-ink);margin-inline-start:6px}
.dash-table summary{cursor:pointer;font-size:14px;color:var(--dash-muted);min-height:36px;padding-top:6px}.dash-table table,.dash-list{width:100%;border-collapse:collapse;font-size:15px;font-variant-numeric:tabular-nums}.dash-table th,.dash-table td,.dash-list th,.dash-list td{padding:12px 8px;border-bottom:1px solid var(--dash-line);text-align:start}.dash-list th,.dash-table th{font-size:14px;color:var(--dash-muted);font-weight:650}.dash-list td{color:var(--dash-ink)}.dash-list .dash-money{flex-direction:row;align-items:baseline;gap:6px}
.dash-bars{display:flex;flex-direction:column;gap:16px;margin-block:8px}.dash-bar-row{display:grid;grid-template-columns:minmax(95px,1fr) minmax(65px,1fr) auto;align-items:center;gap:6px 12px;font-size:15px}.dash-bar-name{color:var(--dash-ink2);font-weight:550;overflow-wrap:anywhere;line-height:1.45}.dash-bar{width:100%;height:12px;display:block}.dash-bar-row b{font-weight:750;font-size:19px;direction:ltr}.dash-bar-row small{color:var(--dash-muted);font-size:13px;grid-column:1/-1;white-space:normal}
.dash-time{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:6px 12px;padding:13px 0;border-bottom:1px solid var(--dash-line)}.dash-time>span:first-child{font-size:15px;font-weight:550;color:var(--dash-ink2);line-height:1.5}.dash-time strong{font-size:23px;font-weight:750;white-space:nowrap;direction:ltr}.dash-time strong small{font-size:13px;font-weight:500;color:var(--dash-muted)}.dash-time .dash-sub{grid-column:1/-1;font-size:13px}.dash-time .dash-delta{grid-column:1/-1;font-size:13px}
.dash-ontime{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;background:var(--dash-plane);border-radius:10px;padding:12px 14px}.dash-ontime span{font-size:14px;font-weight:550}.dash-ontime strong{font-size:23px}
.dash-heat-scroll{overflow-x:auto;max-width:100%;overscroll-behavior-inline:contain;padding-bottom:5px}.dash-heat{display:block;width:100%;min-width:680px;height:auto}.dash-scale{display:flex;align-items:center;gap:4px;font-size:13px;color:var(--dash-muted)}.dash-scale svg{width:20px;height:12px}.dash-scale span{margin:0 5px}.dash-insight{margin:0;font-size:14px;color:var(--dash-ink2);background:var(--dash-plane);border-radius:9px;padding:11px 13px}
.dash-note{margin:0;font-size:14px;color:var(--dash-muted)}.dash-updated{text-align:end;font-size:13px}.dash-empty{background:var(--dash-surface);border:1px solid var(--dash-line);border-radius:14px;padding:24px;display:flex;gap:14px;align-items:center;flex-wrap:wrap}.dash-empty p{margin:0}.dash-empty button{font:inherit;min-height:44px;padding:8px 16px;border:1px solid var(--dash-line);border-radius:10px;background:var(--dash-surface);color:var(--dash-ink);cursor:pointer}
:root[data-theme="dark"] .dash{--dash-ink:#f4f6f8;--dash-ink2:#d3dce7;--dash-muted:#b7c1ce;--dash-line:#35404f;--dash-surface:#1a212b;--dash-plane:#242e3b;--dash-good:#7eddab;--dash-bad:#ff94a0;--dash-accent:#ff6472;--dash-compare:#a3aebd;--dash-axis-line:#8794a5;--dash-area:#ff647226;--dash-track:#35404f;--dash-funnel-1:#d8445b;--dash-funnel-2:#e64d63;--dash-funnel-3:#f35b6c;--dash-heat-0:#242e3b;--dash-heat-1:#4b2834;--dash-heat-2:#78313f;--dash-heat-3:#a13c4b;--dash-heat-4:#ca4759;--dash-heat-5:#e85868;--dash-heat-6:#ff7c87}
:root[data-theme="dark"] .dash-seg button[aria-pressed="true"]{color:#171a20}
@media(max-width:1250px){.dash-grid{grid-template-columns:minmax(0,1fr) minmax(280px,.8fr);grid-template-areas:"trend trend" "speed flow" "peak peak" "top top"}.dash-trend .dash-chart{max-width:100%}}
@media(max-width:760px){.dash{gap:16px;font-size:16px}.dash h2{font-size:27px}.dash h3{font-size:20px}.dash-head{align-items:stretch}.dash-head p{font-size:14px}.dash-controls{width:100%}.dash-seg{width:100%}.dash-seg button{flex:1 1 auto;padding:8px 7px;font-size:14px;min-height:44px}.dash-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.dash-tile{padding:17px 14px}.dash-label{font-size:14px}.dash-tile-row strong{font-size:clamp(23px,19cqi,36px)}.dash-tile+.dash-tile::before{inset-block:16px}.dash-tile:nth-child(n+3){border-top:1px solid var(--dash-line)}.dash-tile:nth-child(odd)::before{display:none}.dash-tile-row strong small{font-size:13px}.dash-sub,.dash-delta{font-size:13px}.dash-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"trend" "speed" "flow" "peak" "top";gap:16px}.dash-card{padding:18px 16px;gap:12px}.dash-legend{font-size:13px;gap:12px}.dash-chart{overflow-x:auto;max-width:100%;padding-block:4px}.dash-chart svg{min-width:530px}.dash-chart .dash-tip{position:fixed;inset:auto 20px 20px!important;width:auto;max-width:calc(100vw - 40px);z-index:20}.dash-bar-row{grid-template-columns:minmax(100px,1fr) minmax(70px,1fr) auto}.dash-time{grid-template-columns:minmax(0,1fr) auto}.dash-list{font-size:14px}.dash-list td{overflow-wrap:anywhere}.dash-list th,.dash-table th{font-size:13px}.dash-table{overflow-x:auto}.dash-table table{min-width:420px}}
@media(forced-colors:active){.dash-tile,.dash-card{border:1px solid CanvasText}.dash-key{background:CanvasText}.dash-point-label{fill:CanvasText}}

.dash-export{min-height:44px;padding:8px 15px;background:var(--dash-accent);border:1px solid var(--dash-accent);color:#fff;border-radius:9px;font:inherit;font-size:15px;font-weight:650;cursor:pointer}.dash-export:hover{filter:brightness(.92)}:root[data-theme="dark"] .dash-export{color:#171a20}

.dash-time .dash-delta{grid-column:2;grid-row:2;text-align:end}.dash-time .dash-sub{grid-column:1;grid-row:2}.dash-speed{align-self:stretch}