/* Shared contrast and layout fixes for warehouse dashboard and billing. */
:root{--chart-main:#262626;--chart-rest:#a3a3a3;--chart-track:#e5e5e5}
html[data-warehouse-theme=dark]{--chart-main:#ededed;--chart-rest:#737373;--chart-track:#414141}
html #content .flow{gap:8px}
html #content .flow .st{background:#f5f5f5!important;border:1px solid #ddd!important;border-radius:8px!important;min-height:112px;padding:0 0 12px!important;overflow:hidden}
html #content .flow .st .t{clip-path:none!important;background:#e9e9e9!important;color:#262626!important;padding:10px 12px!important;font-size:13px!important;line-height:20px!important;white-space:normal!important;min-height:40px}
html #content .flow .st b{color:#171717!important;padding:10px 12px 2px!important;font-size:22px!important;line-height:28px!important}
html #content .flow .st .tiny{color:#595959!important;padding:0 12px!important;font-size:12px!important;line-height:20px!important}
html[data-warehouse-theme=dark] #content .flow .st{background:#262626!important;border-color:#444!important}
html[data-warehouse-theme=dark] #content .flow .st .t{background:#303030!important;color:#f2f2f2!important}
html[data-warehouse-theme=dark] #content .flow .st b{color:#f2f2f2!important}
html[data-warehouse-theme=dark] #content .flow .st .tiny{color:#bcbcbc!important}
html #content .gauge-wrap svg path:first-of-type{stroke:var(--chart-track)!important}
html #content .gauge-wrap svg path:nth-of-type(2){stroke:var(--chart-main)!important}
html #content .gauge-wrap svg text{fill:#525252!important}
html #content .gauge-wrap svg text:first-of-type{fill:#171717!important}
html #content .gauge-stats strong,html #content .gauge-stats b{color:#262626!important}
html #content .donut-hole{background:#fff!important;color:#171717!important}
html #content .chart-period{color:#595959!important}
html[data-warehouse-theme=dark] #content .gauge-wrap svg text{fill:#bcbcbc!important}
html[data-warehouse-theme=dark] #content .gauge-wrap svg text:first-of-type,html[data-warehouse-theme=dark] #content .gauge-stats strong,html[data-warehouse-theme=dark] #content .gauge-stats b{fill:#f2f2f2!important;color:#f2f2f2!important}
html[data-warehouse-theme=dark] #content .donut-hole{background:#1e1e1e!important;color:#f2f2f2!important}
html[data-warehouse-theme=dark] #content .chart-period{color:#bcbcbc!important}
html[data-warehouse-theme=dark] #content .kpi .l,html[data-warehouse-theme=dark] #content .kpi .s{color:#bcbcbc!important}
html #mdl{display:flex!important;flex-direction:column;max-height:calc(100dvh - 40px)!important;overflow:hidden!important}
html #mdl .mh,html #mdl .mf{flex:none}
html #mdl .mb{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
html #mdl .form{gap:20px 16px;align-items:start}
html #mdl label.f{font-size:14px!important;line-height:22px!important}
html #mdl .in{font-size:14px!important;min-height:42px}
html #mdl .drop{background:#f5f5f5!important;border:1px dashed #999!important;color:#262626!important;padding:24px 16px!important;border-radius:8px!important}
html #mdl .drop b,html #mdl .drop svg{color:#262626!important}
html #mdl .drop .tiny{color:#595959!important}
html #mdl .seg{background:#eee!important;border:1px solid #ccc!important;border-radius:8px!important;padding:3px}
html #mdl .seg button{background:transparent!important;color:#525252!important;border:0!important;border-radius:5px!important;min-height:36px;font-size:14px!important}
html #mdl .seg button[aria-pressed=true]{background:#fff!important;color:#171717!important}
html[data-warehouse-theme=dark] #mdl .drop{background:#292929!important;border-color:#777!important;color:#f2f2f2!important}
html[data-warehouse-theme=dark] #mdl .drop b,html[data-warehouse-theme=dark] #mdl .drop svg{color:#f2f2f2!important}
html[data-warehouse-theme=dark] #mdl .drop .tiny,html[data-warehouse-theme=dark] #mdl .sec{color:#bcbcbc!important}
html[data-warehouse-theme=dark] #mdl .seg{background:#292929!important;border-color:#4a4a4a!important}
html[data-warehouse-theme=dark] #mdl .seg button{color:#bcbcbc!important}
html[data-warehouse-theme=dark] #mdl .seg button[aria-pressed=true]{background:#474747!important;color:#fff!important}
html[data-warehouse-theme=dark] #content #inboundTabs a span{color:#bcbcbc!important}
html[data-warehouse-theme=dark] #content #inboundTabs a[aria-current=page] span{color:#f2f2f2!important}
@media(max-width:600px){html #mdl{max-height:calc(100dvh - 24px)!important}html #mdl .form{grid-template-columns:1fr!important}html #mdl .form .w2{grid-column:auto!important}}
/* Phone layout: separate header controls from search; scroll tables, not pages. */
.warehouse-nav-backdrop{display:none}
@media(max-width:760px){
 html .app,html .main,html #content{width:100%;min-width:0;max-width:100%}
 html .top{display:grid!important;grid-template-columns:44px minmax(0,1fr) 40px!important;grid-template-rows:auto auto!important;gap:8px!important;padding:8px 12px!important}
 html .top .burger{grid-column:1!important;grid-row:1!important;width:44px;height:44px;color:inherit!important}
 html .top #who{grid-column:2!important;grid-row:1!important;display:flex!important;justify-content:flex-end;flex-wrap:nowrap!important;gap:6px!important;min-width:0}
 html .top #who .btn{font-size:12px!important;min-height:40px;padding:8px!important;white-space:nowrap!important}
 html .top .warehouse-theme-toggle{grid-column:3!important;grid-row:1!important;width:40px!important;height:40px!important;margin:0!important}
 html .top .search{grid-column:1/-1!important;grid-row:2!important;width:100%!important;max-width:none!important;min-width:0!important;min-height:44px!important;margin:0!important}
 html .top .search input{font-size:16px!important;min-width:0}
 html #content{padding:16px 12px!important}
 html #content .kpis{gap:10px!important}
 html #content .kpi{display:grid!important;grid-template-columns:24px minmax(0,1fr);align-content:start;align-items:start!important;gap:8px!important;padding:16px 10px!important;min-height:152px!important}
 html #content .kpi .ic{width:24px!important;height:28px!important;flex:none}
 html #content .kpi .ic svg{width:18px;height:18px}
 html #content .kpi .l{font-size:13px!important;line-height:20px!important}
 html #content .kpi .v{font-size:24px!important;line-height:32px!important;overflow-wrap:normal!important}
 html #content .kpi .s{font-size:12px!important;line-height:18px!important;overflow-wrap:normal!important}
 html #content .head .actions{display:flex;flex-wrap:wrap;gap:8px;max-width:100%}
 html #content .head .actions .btn{min-height:44px;max-width:100%;white-space:normal}
 html #content .tw{width:100%;max-width:100%;min-width:0;overflow-x:auto;overscroll-behavior-x:contain}
 html #content .stockt td:nth-child(-n+2),html #content .stockt th:nth-child(-n+2){position:static!important}
 html #content .filters{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px!important}
 html #content .filters>*{min-width:0!important;width:100%!important;max-width:100%!important}
 html #content .filters .grow{grid-column:1/-1}
 html #content .filters .in{min-height:44px;font-size:16px!important}
 html .side{width:260px!important;max-width:85vw!important;left:-280px!important;z-index:60}
 html .side.open{left:0!important}
 html .side .nav a{min-height:44px!important;font-size:14px!important}
 body.warehouse-side-open{overflow:hidden}
 body.warehouse-side-open .warehouse-nav-backdrop{display:block;position:fixed;inset:0 0 0 min(260px,85vw);background:#0008;z-index:59;border:0;border-radius:0;padding:0}
 html .ov{padding:max(8px,env(safe-area-inset-top)) 8px max(8px,env(safe-area-inset-bottom))!important}
 html #mdl{width:100%!important;max-height:calc(100dvh - 24px)!important}
 html #mdl .mh,html #mdl .mb,html #mdl .mf{padding:16px!important}
 html #mdl .mh h2{font-size:20px!important;line-height:28px!important}
 html #mdl input.in,html #mdl select.in,html #mdl textarea.in{font-size:16px!important;min-height:44px!important;width:100%;min-width:0}
 html #mdl .mf{display:flex!important;flex-wrap:wrap;gap:8px!important}
 html #mdl .mf>.tiny{flex-basis:100%;max-width:100%;overflow-wrap:anywhere;white-space:normal!important;font-size:12px!important}
 html #mdl .mf .sp{display:none}
 html #mdl .mf .btn{min-height:44px;flex:1;min-width:0;font-size:14px!important}
 html #mdl .dsp-src{display:flex;width:100%;max-width:100%!important}
 html #mdl .dsp-src button,html #mdl .dsp-src .dsp-desk{display:block!important;flex:1;min-width:0;min-height:44px;white-space:normal}
 html #mdl .tabs{overflow-x:auto;flex-wrap:nowrap}
 html #mdl .tabs button{flex:none;white-space:nowrap;min-height:44px}
}
@media(max-width:400px){html .top #who .av{display:none!important}}
html body.login .top,html body.login .side,html body.login .warehouse-nav-backdrop{display:none!important}
/* Original supplied PNGs, framed around their transparent wordmark area. */
html .warehouse-logo{position:relative;display:block;overflow:hidden;width:176px;max-width:100%;height:auto!important;aspect-ratio:830/106;flex:none}
html .auth-card .warehouse-logo{width:180px}
html .warehouse-logo img,html[data-warehouse-theme=dark] .warehouse-logo img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:130.1205%!important;max-width:none!important;height:auto!important;filter:none!important;object-fit:contain}
html .warehouse-logo .logo-light{display:block!important}
html .warehouse-logo .logo-dark{display:none!important}
html[data-warehouse-theme=dark] .warehouse-logo .logo-light{display:none!important}
html[data-warehouse-theme=dark] .warehouse-logo .logo-dark{display:block!important}