/* Shared white surfaces and vivid semantic colors for all four profiles. */
:root{--gold:#4c7189;--line:#dbeafe;--ink:#102a43;--bg:#fff;--accent:#376c96;color-scheme:light}
html,body,.layout,.main,.content,.topbar,.card,.modal,.brand-strip,.bottom-quickbar,.report-kpis>div,.cart-mini-grid>div,.manual-cost-container,.catalog-bulk-toolbar,.catalog-autofill-bar,.import-edit-photo,.import-image-review,.notice,.factory-terms,.role-select{background:#fff!important;background-image:none!important}
.ambient-background{display:none!important}
.card,.brand-strip,.topbar,.bottom-quickbar,.modal,.role-select,.manual-cost-container,.tablewrap,.container-tabs button{border-color:#dbeafe!important}
.card{box-shadow:0 5px 20px #376c9607}
.brand-strip img,.brand-logo,.brand-lockup{background:#fff!important;border-color:#dbeafe!important}
.brand-message p,.eyebrow,.finish-heading,.delta,.quote-total small{color:#4c7189}
.brand-rule{background:linear-gradient(90deg,#376c96,#4c7189,#417f90)}
.avatar{background:#edf3f7;color:#4c7189;border-color:#b8cdda}
.role-select,input,select,textarea{accent-color:#376c96}
.bell{background:#fff!important;color:#9b4a65!important;border-color:#b8cdda!important}
.notice{border:1px solid #bfdbfe!important;border-left:4px solid #376c96!important;color:#1e40af}
.import-review-warning{background:#fff;border-color:#b8cdda;border-left:4px solid #4c7189;color:#9d174d}
.btn[data-action-tone]{background:var(--action-color)!important;color:#fff!important;border-color:var(--action-color)!important;box-shadow:0 3px 8px color-mix(in srgb,var(--action-color) 14%,transparent)}
.btn[data-action-tone]:hover{filter:brightness(1.08);box-shadow:0 5px 14px color-mix(in srgb,var(--action-color) 24%,transparent)}
.btn:disabled{opacity:.5;box-shadow:none;filter:none}
button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #38bdf8;outline-offset:3px}
.sidebar{background:#fff!important;border-right:1px solid #dbeafe!important;box-shadow:5px 0 22px #376c9606}
#nav button{color:#16345c;background:#fff;border-color:transparent}
#nav button:hover{color:var(--nav-tone);background:color-mix(in srgb,var(--nav-tone) 8%,white);border-color:color-mix(in srgb,var(--nav-tone) 25%,white)}
#nav button.active{background:color-mix(in srgb,var(--nav-tone) 10%,white);color:var(--nav-tone);border-color:color-mix(in srgb,var(--nav-tone) 25%,white);box-shadow:inset 3px 0 var(--nav-tone)}
#nav button .ico,#nav button.active .ico{background:var(--nav-tone);color:#fff}
.sidebar>.navlabel,.sidebar .brand-caption{color:#4c7189}
.sidebar .settings-menu-button{background:#fff;color:#4c7189}
.sidebar .settings-menu-button:hover{color:#4c7189;background:#eef2ff;border-color:#c7d2fe}
.settings-icon{background:#4c7189;color:#fff}
.sidebar .account-mini{background:#fff;border-color:#dbeafe}
.sidebar .account-mini strong{color:#17345b}.sidebar .account-mini small{color:#425e83}
.sidebar .sidebottom{border-top-color:#dbeafe}.sidebar .account-mini>small:first-child:after{color:#376c96;border-color:#bfdbfe}
.quick-link,.quick-link.selected{background:#fff!important;color:var(--quick-color)!important}
.quick-link.selected{box-shadow:inset 0 0 0 2px var(--quick-color)}
.quick-icon,.quick-link.selected .quick-icon{background:var(--quick-color);color:#fff}
.quick-link:hover{background:color-mix(in srgb,var(--quick-color) 8%,white)!important}
.pillnav button{background:#fff;color:#4c7189;border-color:#e3edf3}
.pillnav button.active{background:#4c7189;color:#fff;border-color:#4c7189}
.progress{background:#eff6ff}.progress i{background:linear-gradient(90deg,#376c96,#06b6d4)}
.barrow:nth-child(2) .progress i{background:linear-gradient(90deg,#4c7189,#8eafc3)}
.barrow:nth-child(3) .progress i{background:linear-gradient(90deg,#39836c,#34d399)}
.shipment{background:#fff!important;color:#17345b;border-color:#67e8f9!important;border-top:3px solid #417f90} .shipment h2{color:#0e7490}.shipment .section-sub,.shipment .shipstat,.shipment .shipmeta small{color:#0e7490}.shipment .shipmeta b{color:#17345b}
.shipment .progress i{background:#22d3ee}.shipment .progress{background:#ecfeff}
.stat-icon,.event-icon{color:var(--stat-color,#376c96);background:#fff;border:1px solid currentColor}
.badge{background:#eff6ff;color:#1d4ed8}.badge.amber{background:#edf3f7;color:#9b4a65}.badge.blue{background:#eff6ff;color:#1d4ed8}.badge.green{background:#ecfdf5;color:#047857}
.report-kpis div,.cart-mini-grid>div{border:1px solid #bfdbfe;border-top:3px solid #376c96}
.report-kpis small,.cart-mini-grid small{color:#0369a1}.report-kpis b,.cart-mini-grid b{color:#1d4ed8}
.container-tabs button{background:#fff;color:#0e7490}.container-tabs button.active{background:#417f90;color:#fff;border-color:#417f90!important}
.container-tabs button.add-container{background:#fff;color:#0e7490;border-color:#67e8f9!important}
.modal-close,.section-close,.drawer-close{background:#fff!important;color:#376c96!important;border-color:#93c5fd!important}
.notification.unread{border-left-color:#376c96;background:#fff}.notification small{color:#4c7189}
.toast{background:#fff;border-color:#bfdbfe;border-left-color:#376c96}.toast small{color:#4c7189}
.catalog-processing progress{accent-color:#417f90}.catalog-product-select input{accent-color:#4c7189}
.catalog-group-filters label{min-width:0;max-width:100%}.catalog-group-filters select{width:100%;min-width:0;border-color:#b8cdda;color:#4c7189}

.menu-toggle{background:#376c96!important;color:#fff!important;border-color:#376c96!important}.menu-toggle:hover{background:#1d4ed8!important}
/* Menu overlays never resize, zoom or scroll the page behind them. */
.content,.dialog-open .content,.menu-open .content,body:not(.menu-collapsed) .content{transform:none!important;transition:none!important}
.main,.menu-collapsed .main{transition:none!important;scrollbar-gutter:stable}
.navigation-open .main{overflow-y:hidden!important;pointer-events:none;touch-action:none}
.navigation-open .bottom-quickbar{visibility:hidden}
.sidebar{position:fixed;top:0;bottom:0;height:100dvh;max-height:100dvh;display:flex;flex-direction:column;overflow:hidden;overscroll-behavior:contain}
.sidebar>#nav{flex:1 1 0;min-height:0;max-height:none!important;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;padding-bottom:12px}
.sidebar .brand{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;padding:0 0 14px;flex:none}
.sidebar .brand .brand-lockup{margin:0;width:100px;max-width:55%}
.sidebar .brand-caption{width:100%;order:3;margin:0;text-align:left}
.sidebar .drawer-close{position:static;flex:none;display:block;width:auto;height:34px;padding:0 12px;border-radius:9px;box-shadow:none;font-size:12px;font-weight:650}
.menu-collapsed:not(.menu-open) .sidebar .drawer-close{display:none}
.sidebar .sidebottom{flex:none}
.welcome:has(.section-back){padding-right:0;gap:12px;flex-wrap:wrap}.section-back{position:static;flex:none;align-self:flex-start}
@media(max-width:760px){.sidebar,.menu-collapsed .sidebar{height:100dvh;padding-top:max(16px,env(safe-area-inset-top));padding-bottom:max(14px,env(safe-area-inset-bottom))}.menu-open .sidebar .drawer-close{display:block}.menu-open .sidebar .brand .brand-lockup{margin:0;width:100px;max-width:55%}}
/* One fixed icon column keeps every menu label and glyph centered. */
.sidebar #nav button,.sidebar .settings-menu-button{display:grid!important;grid-template-columns:32px minmax(0,1fr);align-items:center;justify-content:start;column-gap:12px;row-gap:0;padding:8px 10px;min-height:48px;line-height:1.25;box-sizing:border-box;flex-shrink:0;text-align:left}
.sidebar #nav button .ico,.sidebar #nav button.active .ico,.sidebar .settings-icon{display:grid!important;place-items:center;align-self:center;justify-self:center;flex:none;width:32px;height:32px;min-width:32px;min-height:32px;padding:6px;margin:0;box-sizing:border-box;line-height:1;border-radius:9px;overflow:visible}
.sidebar #nav button .ico svg,.sidebar .settings-icon svg{display:block;width:20px;height:20px;min-width:20px;min-height:20px;margin:0;padding:0;overflow:visible;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.sidebar #nav button .nav-text,.sidebar .settings-menu-button .settings-label{align-self:center;margin:0;padding:0;line-height:1.3;min-width:0;white-space:normal;font-size:13px}
.sidebar .settings-menu-button{height:auto;max-height:none}
.sidebar>#nav{padding-top:4px;padding-bottom:16px;gap:5px;scroll-padding-block:8px 16px}
.sidebar .sidebottom{padding-top:8px;margin-top:0}
@media(min-width:761px){.menu-collapsed .sidebar #nav button,.menu-collapsed .sidebar .settings-menu-button{grid-template-columns:32px;justify-content:center;padding:7px 0;column-gap:0;min-height:46px}.menu-collapsed .sidebar #nav button .nav-text,.menu-collapsed .sidebar .settings-label{display:none}}
@media(max-width:760px){.menu-open .sidebar #nav button,.menu-open .sidebar .settings-menu-button{grid-template-columns:32px minmax(0,1fr);padding:8px 10px;min-height:48px;column-gap:12px}.menu-open .sidebar .settings-menu-button{height:auto;max-height:none}.menu-open .sidebar .settings-label{display:block}}
.quick-icon,.stat-icon,.event-icon{display:grid;place-items:center;line-height:1}.quick-icon svg,.stat-icon svg,.event-icon svg{display:block;margin:0;flex:none}
.btn .action-icon{display:block;flex:none;align-self:center;margin:0}
/* Disable browser double-tap zoom without changing scrolling or image zoom controls. */
:where(html,body,body *){touch-action:manipulation}