
/* v44.5: shared visual tokens; no inversion and no OS-derived theme. */
:root{--v445-line:#b398ff;--v445-before:#5bbfc7;--v445-warm:#e1b779;--v445-surface:#102033;--v445-track:#243449;--v445-shadow:0 16px 44px #0002}
html[data-theme=dark]{color-scheme:dark}
.v445-dashboard{max-width:1160px!important;margin:auto;--v445-color:var(--v445-line)}
.v445-heading{margin:16px 0 24px}.v445-eyebrow{font-size:11px;color:var(--v-muted);letter-spacing:.09em;text-transform:uppercase;line-height:1.6}.v445-heading h1{font-size:clamp(26px,5vw,36px);line-height:1.16;letter-spacing:-.035em;margin:10px 0;overflow-wrap:anywhere}.v445-heading p,.v445-note{font-size:12px;line-height:1.65;color:var(--v-muted);margin:8px 0 16px}
.v445-composition,.v445-trend,.v445-breakdown{border:1px solid var(--v-border);border-radius:24px;padding:20px;background:var(--v-card);box-shadow:var(--v445-shadow);margin-bottom:18px;min-width:0}
.v445-composition{background:linear-gradient(125deg,var(--v445-surface),var(--v-card))}.v445-composition h2{font-size:34px;letter-spacing:-.035em;margin:12px 0 6px;font-variant-numeric:tabular-nums}
.v445-stack{display:flex;gap:4px;height:18px;border-radius:8px;overflow:hidden;margin:24px 0;background:var(--v445-track)}.v445-stack i{flex-basis:0}.v445-stack .local{background:var(--v445-line)}.v445-stack .courier{background:var(--v445-before)}.v445-stack .replen{background:var(--v445-warm)}
.v445-directions{display:grid;gap:16px}.v445-directions button,.v445-ranks button{display:grid;gap:8px;text-align:left;border:0;border-radius:8px;background:transparent;color:var(--v-text);font:inherit;width:100%;padding:6px 0;cursor:pointer}
.v445-directions button>span:first-child,.v445-ranks button>span:first-child{display:flex;justify-content:space-between;gap:12px;font-size:14px;line-height:1.5}.v445-directions b,.v445-ranks b{color:var(--v-accent)}
.v445-directions small,.v445-ranks small{color:var(--v-muted);font-size:12px;font-variant-numeric:tabular-nums}
.v445-direction-bar,.v445-rank-track{display:block;height:7px;border-radius:8px;background:var(--v445-track);overflow:hidden}.v445-direction-bar i,.v445-rank-track i{display:block;height:100%;border-radius:inherit;background:var(--v445-line);transition:width .25s ease}.v445-directions .courier i{background:var(--v445-before)}.v445-directions .replen i{background:var(--v445-warm)}
.v445-section-title{font-size:22px;letter-spacing:-.025em;margin:30px 0 6px}.v445-trends{display:grid;grid-template-columns:minmax(0,1fr);gap:18px}.v445-trend{margin:0;padding:20px 14px 16px;overflow:hidden}.v445-chart-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin:0 6px 20px}.v445-chart-heading h3{font-size:13px;color:var(--v-muted);font-weight:600;margin:0 0 9px;line-height:1.4}.v445-chart-heading strong{display:block;font-size:clamp(23px,5vw,32px);font-weight:750;line-height:1.2;letter-spacing:-.035em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.v445-delta{font-size:12px;font-weight:600;white-space:normal;max-width:115px;text-align:right;line-height:1.5}
.v445-plot{position:relative;outline-offset:4px;touch-action:pan-y;border-radius:12px}.v445-plot svg{width:100%;display:block;overflow:visible}.v445-plot text{fill:var(--v-muted);font-size:21px;font-variant-numeric:tabular-nums}.v445-grid{stroke:var(--v-border);stroke-width:1;stroke-dasharray:3 5;fill:none}.v445-current,.v445-previous{stroke-width:3.5;fill:none;stroke-linejoin:round;stroke-linecap:round}.v445-current{stroke:var(--v445-line)}.v445-previous{stroke:var(--v445-before);stroke-dasharray:6 7;opacity:.8}.v445-dot,.v445-now-bar{fill:var(--v445-line)}.v445-before-bar{fill:var(--v445-before);opacity:.6}
.v445-tooltip{position:absolute;left:14%;right:4%;top:0;background:var(--v445-surface);border:1px solid var(--v-border);box-shadow:0 8px 30px #0003;border-radius:12px;padding:12px;pointer-events:none;z-index:2;font-size:12px;line-height:1.65;color:var(--v-text)}.v445-tooltip[hidden]{display:none}.v445-tooltip span,.v445-tooltip b{display:block}
.v445-legend{display:flex;gap:14px;flex-wrap:wrap;margin:10px 6px 0;color:var(--v-muted);font-size:11px}.v445-legend span{display:flex;align-items:center;gap:6px}.v445-legend i{display:inline-block;width:16px;height:3px;background:var(--v445-line);border-radius:4px}.v445-legend span+span i{background:repeating-linear-gradient(90deg,var(--v445-before) 0 4px,transparent 4px 6px)}
.v445-breadcrumb{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-bottom:14px}.v445-breadcrumb button{background:var(--v-card);border:1px solid var(--v-border);color:var(--v-muted);font:inherit;font-size:12px;min-height:36px;border-radius:10px;padding:8px 10px;overflow-wrap:anywhere;max-width:100%}.v445-breadcrumb [aria-current=page]{color:var(--v-accent);border-color:var(--v-accent)}
.v445-axes{display:flex;gap:7px;overflow-x:auto;max-width:100%;padding-bottom:12px;scrollbar-width:thin}.v445-axes button{flex:none;padding:9px 12px;min-height:40px;border-radius:10px;background:transparent;border:1px solid var(--v-border);color:var(--v-muted);font:inherit;font-size:12px}.v445-axes button[aria-pressed=true]{background:var(--v445-surface);color:var(--v-accent);border-color:var(--v-accent)}
.v445-breakdown .v445-chart-heading{align-items:center;margin:0 0 18px}.v445-breakdown h3{font-size:17px;color:var(--v-text);margin:0}.v445-breakdown label{font-size:10px;color:var(--v-muted);max-width:55%}.v445-breakdown select{display:block;width:100%;max-width:180px;min-height:40px;background:var(--v-bg);color:var(--v-text);border:1px solid var(--v-border);border-radius:10px;font:inherit;font-size:12px;padding:8px}
.v445-ranks{display:grid;gap:15px;max-height:460px;overflow:auto;padding-right:3px}.v445-ranks button{min-height:66px}.v445-ranks span{overflow-wrap:anywhere}.v445-dashboard :is(button,.v445-plot):focus-visible{outline:2px solid var(--v-accent);outline-offset:3px}
.v445-route-delete{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;margin:12px 0 2px;width:100%;border:1px solid #784254;border-radius:12px;background:#291c29;color:var(--v-bad);font:inherit;font-size:12px;font-weight:600;cursor:pointer}.v445-route-delete svg{flex:none}
.v443-delete{max-width:100px;line-height:1.35!important;font-size:11px!important}.v442-base-list>article{min-width:0}
@media(min-width:720px){.v445-directions{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.v445-trends{grid-template-columns:repeat(2,minmax(0,1fr))}.v445-trend{padding:24px}.v445-featured{grid-column:1/-1}.v445-featured svg{max-height:300px}.v445-featured .v445-chart-heading strong{font-size:40px}}
@media(max-width:350px){.v445-composition,.v445-breakdown{padding:15px}.v445-trend{padding:16px 9px}.v445-chart-heading strong{font-size:23px}.v445-delta{font-size:11px;max-width:85px}.v445-plot text{font-size:26px}}

/* Purpose-built light surfaces and semantic states, including legacy screens. */
html[data-theme=light]{--v-bg:#f3f5fa;--v-card:#fff;--v-text:#19263c;--v-muted:#52617a;--v-border:#d7deea;--v-accent:#6544b9;--v-good:#087650;--v-bad:#b52944;--v445-line:#7853cb;--v445-before:#207d86;--v445-warm:#b57d31;--v445-surface:#eef0fa;--v445-track:#e5eaf3;--v445-shadow:0 12px 34px #223a6509;--tr-bg:#f3f5fa;--tr-card:#fff;--tr-line:#d7deea;--tr-muted:#52617a;--tr-text:#19263c}
html[data-theme=light] :is(body,#app,#view,.v437-screen,.v43-screen,.v44-costs){background:var(--v-bg)!important;color:var(--v-text)!important}
html[data-theme=light] :is(header.top,#v442-nav,.v43-route,.v436-route,.v437-pick-card,.v436-address,.v437-tt,.v439-invoice,.v43-invoice,.v43-tt,.v442-metric-card,.v443-overview,.v431-block,.v431-courier,.v44-inter-subblock,.v441-finance-card,.v441-group,.v43-period-inner,.v443-settings section,.v444-dialog,.v436-cal,.v43-modal-box,.v431-modal-box,.v43-modal-card,.v431-modal-card){background:var(--v-card)!important;color:var(--v-text)!important;border-color:var(--v-border)!important;box-shadow:var(--v445-shadow)}
html[data-theme=light] :is(.v436-field,.v436-metrics,.v436-finance,.v436-total,.v436-business,.v437-warehouse,.v437-kpi,.v437-sum,.v437-inv,.v437-meta>div,.v44-zone-fields>div,.v444-metrics,.v442-coverage,.v43-extra-row,.v437-extra-card,.v43-extra-metrics,.v44-receiver,.v43-sales,.v43-two>div,.v43-four>div,.v442-metric-heading){background:#f6f8fc!important;color:var(--v-text)!important;border-color:var(--v-border)!important}
html[data-theme=light] :is(.v436-exp,.v437-exp){background:linear-gradient(115deg,#eee7fc,#f3effb)!important;border-color:#d6c8ee!important;color:#49316f!important}
html[data-theme=light] :is(.v436-field,.v437-warehouse,.v437-kpi,.v437-sum,.v437-inv,.v437-meta,.v444-metrics,.v436-finance,.v436-total,.v436-business,.v436-address,.v43-invoice,.v442-metric-card,.v443-settings,.v431-courier,.v44-costs) :is(b,strong,dd,h2,h3,h4){color:var(--v-text)!important}
html[data-theme=light] :is(.v43-screen,.v437-screen,#v43-period,#v43-modal,#v431-modal,.v436-cal,.v443-unlock) :is(small,dt,label,p,.muted,.v437-inv-title,.v436-route-top,.v436-weekdays,.v436-cal-selected){color:var(--v-muted)!important}
html[data-theme=light] :is(.v43-screen,.v437-screen,#v43-period,#v43-modal,#v431-modal,.v436-cal,.v443-unlock) :is(input,select,textarea,option){background:#fff!important;color:var(--v-text)!important;border-color:#bcc9db!important;accent-color:var(--v-accent)}
html[data-theme=light] input::placeholder,html[data-theme=light] textarea::placeholder{color:#65758b!important;opacity:1}
html[data-theme=light] :is(.v43-screen,.v437-screen,#v43-period,#v43-modal,#v431-modal,.v436-cal,.v443-unlock,#v442-nav) button{background:#f6f8fc!important;color:var(--v-text)!important;border-color:var(--v-border)!important}
html[data-theme=light] :is(.v43-screen,.v437-screen,#v43-period,#v43-modal,#v431-modal,.v436-cal,.v443-unlock) :is(button.primary,button.on,button[aria-pressed=true],button.selected,.v436-bottom,.v433-open-delivery,.v443-action.primary){background:#6843c1!important;color:#fff!important;border-color:#6843c1!important}
html[data-theme=light] :is(#v43-modal,#v431-modal) :is(h2,h3,h4,b,strong){color:var(--v-text)!important}
html[data-theme=light] :is(#v43-modal,#v431-modal)>div{background:var(--v-card)!important;color:var(--v-text)!important;border-color:var(--v-border)!important}
html[data-theme=light] :is(.v436-cal-backdrop,.v43-modal,.v431-modal){background:#15223877!important}
html[data-theme=light] :is(.v436-cal-title,.v436-cal-nav,.v436-cal-actions,.v436-cal-selected){background:var(--v-card)!important;border-color:var(--v-border)!important;color:var(--v-text)!important}
html[data-theme=light] :is(.v436-exp,.v437-exp) b{color:#49316f!important}
html[data-theme=light] :is(.v436-exp,.v436-field)>.v436-icon{background:#ebe5f7!important;color:#6b49b1!important}
html[data-theme=light] :is(.v436-number,.v437-tt-head>span){background:linear-gradient(135deg,#7950cd,#6140ae)!important;color:#fff!important}
html[data-theme=light] :is(.v442-warning,.v444-attention,.v44-warning,.v442-zone-filter button,#v444-update-status){background:#fff5e8!important;color:#82520f!important;border-color:#dfc391!important}
html[data-theme=light] :is(.v442-warning,.v444-attention,.v44-warning) :is(h3,p,small,summary){color:#82520f!important}
html[data-theme=light] :is(.v444-results button,.v443-settings button,.v442-base-card,#v444-search){background:#fff!important;border-color:var(--v-border)!important;color:var(--v-text)!important}
html[data-theme=light] :is(.v444-results small,.v442-base-card time,.v442-base-card small){color:var(--v-muted)!important}
html[data-theme=light] :is(.v43-screen,.v437-screen) :is(.good,.v443-change.good,.v445-delta.good){color:var(--v-good)!important}
html[data-theme=light] :is(.v43-screen,.v437-screen) :is(.bad,.v443-change.bad,.v445-delta.bad){color:var(--v-bad)!important}
html[data-theme=light] :is(.v445-route-delete,.v443-delete,.v443-danger){background:#fff0f3!important;color:#b52944!important;border-color:#dfacb8!important}
html[data-theme=light] :is(.v436-total,.v437-sum,.v437-inv .sum) b{color:#087650!important}
html[data-theme=light] :is(table,thead,tbody,tr,th,td){background:transparent!important;border-color:var(--v-border)!important;color:var(--v-text)!important}
html[data-theme=light] :is(.v436-invoice-table,.v439-invoice-table){background:#f6f8fc!important;border-color:var(--v-border)!important}
html[data-theme=light] button:disabled{background:#edf0f5!important;color:#718098!important;opacity:.75}
html[data-theme=light] :is(input,textarea,select,button):focus-visible{outline:2px solid #7952bf!important;outline-offset:2px}
html[data-theme=light] #trts-update{background:#fff!important;color:#475570!important;border-color:var(--v-border)!important;box-shadow:0 5px 20px #20385b13}
html[data-theme=light] :is(#login,.login,.loginbox,.auth,.auth-box,.login-card){background:var(--v-card)!important;color:var(--v-text)!important;border-color:var(--v-border)!important}
html[data-theme=light] :is(#login,.login,.auth) :is(input,select){background:#f6f8fc!important;color:var(--v-text)!important;border-color:var(--v-border)!important}
html[data-theme=light] .v445-dashboard :is(.v445-directions button,.v445-ranks button,.v445-axes button){background:transparent!important}
html[data-theme=light] .v445-dashboard .v445-axes button[aria-pressed=true]{background:#eee7fc!important;color:#5d369f!important;border-color:#b6a1d9!important}
html[data-theme=light] .v445-dashboard :is(h1,h2,strong,b){color:var(--v-text)!important}
html[data-theme=light] .v445-dashboard :is(.v445-directions small,.v445-ranks small,.v445-eyebrow,.v445-chart-heading h3){color:var(--v-muted)!important}

html[data-theme=light] .loginbox :is(h1,h2,p,.sub){color:var(--v-text)!important}

html[data-theme=light] .v441-icon{background:#eee7fa!important;color:#6b46ae!important;border-color:#d8c9ec!important}
html[data-theme=light] :is(.v441-finance,.v441-fleet,.v441-sav){background:#e6f4ed!important;color:#167251!important;border-color:#bfdcce!important}
html[data-theme=light] :is(.v441-pickup,.v441-replen,.v441-stv,.v441-base){background:#e8f0fc!important;color:#346da3!important;border-color:#c6d8ee!important}
html[data-theme=light] .v441-bakery{background:#fff1dc!important;color:#956119!important;border-color:#ead4ab!important}
html[data-theme=light] .v441-inter{background:#f6eafa!important;color:#8a4098!important;border-color:#e1c4e6!important}
html[data-theme=light] #v442-nav .v441-icon{background:transparent!important;color:inherit!important}
html[data-theme=light] #v442-nav button[aria-current=page] .v441-icon{background:#e1d4f6!important;color:#5d369f!important}

html[data-theme=light] #v43-modal>.v43-modal-bg{background:#18253d66!important}
html[data-theme=light] :is(#v43-modal,#v431-modal) :is(.v43-modal,.v431-modal,.v43-modal-head,.v43-modal-actions,.v431-modal-head,.v431-modal-actions,.v433-select,.v43-checks,.v43-info,.v43-directory>div){background:#fff!important;color:var(--v-text)!important;border-color:var(--v-border)!important}
html[data-theme=light] :is(#v43-modal,#v431-modal) :is(summary,.v433-label,.v43-modal-head h3,.v431-modal-head h3){color:var(--v-text)!important}
html[data-theme=light] :is(.v43-replen,.v431-croute,.v43-exp-group h3){background:var(--v-card)!important;color:var(--v-text)!important;border-color:var(--v-border)!important}
html[data-theme=light] .v436-invoice-head .v436-icon{background:#eee7fa!important;color:#6b46ae!important}
