/* Shared mobile-first dashboard, menus and unlock views. */
:root{--v-bg:#07111d;--v-card:#0e1c2d;--v-text:#eaf0fb;--v-muted:#9eafc6;--v-border:#2b3c54;--v-accent:#b797ff;--v-good:#4ee1b0;--v-bad:#ff8998}
header.top button[onclick*="logout"],header.top .logout{display:none!important}
.v443-global-period{padding:14px!important}.v443-global-period .v43-period-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.v443-global-period .v43-period-buttons button{margin:0;min-height:40px;padding:8px 5px;font-size:12px}
#v443-period-form{display:flex;flex-wrap:wrap;align-items:end;gap:10px;margin-top:12px}#v443-period-form label{flex:1;min-width:115px;color:var(--v-muted);font-size:12px}#v443-period-form button[type=submit]{min-height:44px;border-radius:12px;padding:10px;background:#352656;color:#eee4ff;border:1px solid #7256a2}
.v443-compare{color:var(--v-muted);font-size:12px;line-height:1.6;margin-bottom:18px}.v443-overview{border:1px solid var(--v-border);border-radius:22px;background:linear-gradient(135deg,#17233b,var(--v-card));overflow:hidden;margin:18px 0}.v443-overview.courier{background:linear-gradient(135deg,#122c30,var(--v-card))}.v443-overview.replen{background:linear-gradient(135deg,#2b223a,var(--v-card))}
.v443-overview-title{display:flex;gap:12px;align-items:center;text-align:left;width:100%;padding:20px 16px;margin:0;background:transparent;border:0;color:var(--v-text);font:inherit;font-size:18px;font-weight:750}.v443-overview-title>span:not(.v441-icon){flex:1}.v443-overview-title>b{font-size:26px;color:var(--v-accent)}.v443-overview dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0 16px 18px;gap:18px 12px}.v443-overview dt{font-size:12px;color:var(--v-muted);margin-bottom:6px}.v443-overview dd{margin:0;color:var(--v-text);font-size:22px;font-weight:750;overflow-wrap:anywhere;line-height:1.25;font-variant-numeric:tabular-nums}.v443-change{display:block;font-size:11px;margin-top:6px;line-height:1.5}.good{color:var(--v-good)}.bad{color:var(--v-bad)}.neutral{color:var(--v-muted)}
.v443-chart{border:1px solid var(--v-border);border-radius:20px;background:var(--v-card);padding:16px;margin:12px 0 30px}.v443-chart-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.v443-chart h3{font-size:15px;max-width:55%;line-height:1.4}.v443-chart label{font-size:11px;color:var(--v-muted)}.v443-chart select{display:block;max-width:150px;min-height:40px;padding:6px;border-radius:10px;background:var(--v-bg);border:1px solid var(--v-border);color:var(--v-text)}.v443-chart svg{display:block;width:100%;height:auto;overflow:visible}.v443-chart path{fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.v443-chart .grid{stroke:var(--v-border);stroke-width:1}.v443-chart .current{stroke:#9a7eff}.v443-chart .previous{stroke:#52c7c1;stroke-dasharray:7 6;opacity:.8}.v443-chart circle{fill:#beaaff;stroke:var(--v-card);stroke-width:2}.v443-chart circle:focus{stroke:#fff;stroke-width:4;outline:0}.v443-chart text{fill:var(--v-muted);font-size:13px}.v443-legend{display:flex;gap:16px;flex-wrap:wrap;font-size:11px;color:#ae98fc}.v443-legend span+span{color:#52c7c1}.v443-chart details{font-size:12px;color:var(--v-muted);margin-top:14px}.v443-chart-values{max-height:230px;overflow:auto}.v443-chart-values>div{display:flex;justify-content:space-between;padding:8px;border-bottom:1px solid var(--v-border)}
.v443-facets{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0}.v443-facets button{min-height:42px;border-radius:12px;padding:10px 14px;background:var(--v-card);color:var(--v-muted);border:1px solid var(--v-border)}.v443-facets button[aria-pressed=true]{color:#d4bdff;background:#34234f;border-color:#8061b4}.v443-zone-costs{padding:18px;border:1px solid var(--v-border);border-radius:20px;margin:20px 0;background:var(--v-card)}.v443-zone-costs>div{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--v-border);color:var(--v-muted)}.v443-zone-costs b{color:#75dec4}.v443-bar{height:5px;background:#25344b;border-radius:5px;margin:0 14px}.v443-bar i{display:block;height:100%;background:linear-gradient(90deg,#7954ec,#e6aa61);border-radius:5px}
.v443-delivery-date{padding:12px;border:1px solid #425277;border-radius:12px;color:#cbb6ff}
.v443-settings{display:grid;gap:10px}.v443-settings button,.v443-action{display:flex;align-items:center;gap:12px;width:100%;min-height:56px;padding:14px;background:var(--v-card);border:1px solid var(--v-border);border-radius:15px;color:var(--v-text);font:inherit;text-align:left}.v443-settings button>span:nth-child(2){flex:1}.v443-settings section{padding:18px;background:var(--v-card);border:1px solid var(--v-border);border-radius:18px}.v443-settings label{display:block;margin:14px 0;color:var(--v-muted);font-size:13px}.v443-settings input,.v443-settings select,.v443-settings textarea{display:block;box-sizing:border-box;width:100%;min-height:44px;margin:8px 0;padding:10px 12px;background:var(--v-bg);color:var(--v-text);border:1px solid var(--v-border);border-radius:12px;font:inherit}.v443-settings textarea{min-height:100px}.v443-settings input[type=checkbox]{display:inline;width:22px;min-height:22px;vertical-align:middle;margin:0 10px 0 0}.v443-danger{color:var(--v-bad)!important;border-color:#8d4557!important}.v443-settings small{color:var(--v-muted);line-height:1.6}.v443-settings h3{margin:0 0 12px}.v443-status{color:var(--v-muted);font-size:13px;line-height:1.6}.v443-unlock{position:fixed;inset:0;z-index:99999;display:grid;place-items:center;background:var(--v-bg);padding:24px;overflow:auto}.v443-unlock section{max-width:360px;width:100%}.v443-unlock h1{font-size:26px;margin:20px 0 12px}.v443-unlock input{font-size:26px;letter-spacing:12px;text-align:center}.v443-unlock button{justify-content:center}.v443-unlock p{line-height:1.6;color:var(--v-muted)}
html[data-theme=light]{--v-bg:#edf2f8;--v-card:#fff;--v-text:#18253b;--v-muted:#4f6078;--v-border:#c9d4e3;--v-accent:#6344b1;--v-good:#12754e;--v-bad:#b52d45;color-scheme:light}
html[data-theme=light] body,html[data-theme=light] #app,html[data-theme=light] .v43-screen,html[data-theme=light] #view{background:var(--v-bg)!important;color:var(--v-text)!important}
html[data-theme=light] :is(.v443-overview,.v443-chart,.v442-metric-card,.v442-metric-heading,.v436-route,.v43-route-detail,.v436-address,.v439-invoice,.v437-tt,.v431-block,.v431-courier,.v441-finance-card,.v43-period-inner,.v431-modal,.v43-modal,.v436-exp,.v437-exp,.v442-base-card,#v442-nav,header.top){background:var(--v-card)!important;color:var(--v-text)!important;border-color:var(--v-border)!important}
html[data-theme=light] :is(.v43-screen,.v43-period-inner,.v431-modal,.v43-modal) :is(h1,h2,h3,h4,b,strong,dd,label,button,select,input,textarea){color:var(--v-text)!important}
html[data-theme=light] :is(.v436-route-fields,.v436-metrics,.v436-business,.v436-finance,.v436-total,.v43-two,.v43-four,.v437-meta,.v437-kpi,.v437-inv,.v44-zone-fields)>*,html[data-theme=light] :is(input,select,textarea,.v442-coverage){background:#f4f7fb!important;border-color:var(--v-border)!important}
html[data-theme=light] :is(.v43-screen,.v43-period-inner) :is(small,dt,p){color:var(--v-muted)}html[data-theme=light] #v442-nav button[aria-current=page]{background:#e9dffc!important;color:#573496!important}html[data-theme=light] .v443-change.good{color:var(--v-good)!important}html[data-theme=light] .v443-change.bad{color:var(--v-bad)!important}
@media(min-width:650px){.v443-overview dl{grid-template-columns:repeat(3,minmax(0,1fr))}.v443-global-period .v43-period-buttons{grid-template-columns:repeat(6,1fr)}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

.v436-detail-head,.v437-detail-head{grid-template-columns:38px minmax(0,1fr) auto!important}.v443-delete{font-size:12px!important;padding:8px!important;border:1px solid #934657!important;border-radius:10px;min-height:38px;background:#2b1925!important}

html[data-theme=light] .v437-screen,html[data-theme=light] .v437-title,html[data-theme=light] .v437-detail-head{color:var(--v-text)!important}html[data-theme=light] .v437-screen :is(b,strong,button){color:var(--v-text)!important}

#v43-period .v443-global-period .v43-period-buttons{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important}#v43-period .v443-global-period .v43-period-buttons button{padding:7px 4px!important;min-height:36px!important;font-size:12px!important}#v43-period .v443-global-period{padding:12px!important}.v443-report .v442-title{margin:8px 0 14px}.v443-report .v442-title h2{font-size:24px}.v443-report .v443-compare{margin:8px 0 12px}.v443-report .v443-overview{margin:12px 0}
@media(min-width:650px){#v43-period .v443-global-period .v43-period-buttons{grid-template-columns:repeat(6,minmax(0,1fr))!important}}