:root{--canvas:#f4f8fc;--line:#e3eaf2;--shadow:0 16px 45px rgba(20,48,82,.07)}
body{background:#e9f2f8;color:#17243a}
.app{gap:16px;grid-template-columns:238px minmax(0,1fr);padding:16px;min-height:100vh;background:radial-gradient(circle at 3% 2%,rgba(118,204,217,.20),transparent 30%),radial-gradient(circle at 96% 98%,rgba(83,126,197,.16),transparent 36%),linear-gradient(145deg,#ecf7fa 0%,#f5f8fc 48%,#e9f0f9 100%)}
.sidebar{position:relative;isolation:isolate;min-height:calc(100vh - 32px);padding:18px 14px 16px;border:1px solid rgba(181,215,238,.25);border-radius:20px;background:linear-gradient(155deg,#173c63 0%,#102c4e 47%,#0d2544 100%);box-shadow:0 20px 42px rgba(12,43,78,.17);overflow:hidden}
.sidebar:before{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(circle at 0 0,rgba(70,195,181,.20),transparent 38%),radial-gradient(circle at 100% 100%,rgba(62,123,210,.16),transparent 46%);pointer-events:none}
.brand{min-height:72px;gap:11px;padding:10px 9px 16px;margin-bottom:20px;border-bottom:1px solid rgba(220,237,250,.15);color:#fff;font-size:17px;line-height:1.25;letter-spacing:-.025em;overflow-wrap:anywhere}
.brand .logo-mark{flex:none;width:38px;height:38px;align-items:flex-end;justify-content:center;padding:7px 5px;border:1px solid rgba(225,243,255,.18);border-radius:11px;background:rgba(255,255,255,.10)}
.brand img{flex:none!important;width:38px!important;height:38px!important;padding:4px;object-fit:contain!important;border-radius:11px!important;background:#fff}
.section-label{margin:0 11px 10px;color:#9cb8d3;font-size:10px;font-weight:750;letter-spacing:.10em;text-transform:uppercase}
.nav{gap:5px;margin-bottom:25px}
.nav button{position:relative;min-height:42px;height:auto;width:100%;padding:10px 11px;gap:11px;border:1px solid transparent;border-radius:10px;background:transparent;color:#c4d6e8;text-align:left;font-size:13px;font-weight:540;line-height:1.35;transition:background .18s,color .18s,border-color .18s,transform .18s}
.nav button>span:first-child{flex:none;display:grid;place-items:center!important;width:25px!important;height:25px;border-radius:7px;background:rgba(255,255,255,.09);color:#bde0ee;font-size:14px!important}
.nav button>span:last-child{min-width:0;overflow-wrap:anywhere}
.nav button:hover{color:#fff;background:rgba(255,255,255,.10);transform:translateX(2px)}
.nav button.active{color:#112e50;border-color:rgba(255,255,255,.82);background:linear-gradient(105deg,#fff 0%,#eaf7f7 100%);box-shadow:0 7px 18px rgba(1,18,40,.15);font-weight:720}
.nav button.active>span:first-child{background:#d9f1ec;color:#167d81}
.nav button:focus-visible{outline:3px solid #77dfd0;outline-offset:2px}
.sidebar-footer{border-top:1px solid rgba(220,237,250,.15);color:#8babc9;font-size:11px}
.main{min-width:0;padding:22px;border-color:#e1eaf3;border-radius:20px;background:linear-gradient(155deg,rgba(255,255,255,.94),rgba(247,250,254,.94));box-shadow:0 16px 42px rgba(24,60,102,.08)}
.topbar{height:51px;margin-bottom:21px;border-color:#e5ecf4}
.ask{min-height:38px;border-radius:10px;background:linear-gradient(110deg,#1eb991,#2dcf91);box-shadow:0 7px 17px rgba(20,160,123,.18);font-size:13px}
.ask:hover{filter:brightness(.96)}
.search{background:#fff;border-color:#e4eaf1;color:#8b9bab}
.summary-kpi,.summary-panel,.summary-link,.page-placeholder{border-color:#dfe8f1;box-shadow:0 8px 26px rgba(30,66,108,.05)}
@media(max-width:900px){.app{display:block;padding:10px}.sidebar{min-height:0;padding:13px;border-radius:17px;margin-bottom:10px}.brand{justify-content:flex-start;min-height:0;margin:0 0 12px;padding:2px 6px 12px;font-size:16px}.brand span,#brandName{display:block}.section-label,.nav button span,.sidebar-footer{display:block}.section-label{margin:5px 5px 7px}.nav{display:flex;gap:6px;overflow-x:auto;scrollbar-width:thin;margin:0 0 10px;padding:0 3px 7px}.nav button{flex:none;width:auto;min-height:38px;white-space:nowrap;padding:6px 10px;font-size:12px}.nav button>span:first-child{display:grid!important;width:22px!important;height:22px}.nav button>span:last-child{display:block;white-space:nowrap}.nav button:hover{transform:none}.sidebar-footer{display:none}.main{padding:16px;border-radius:17px}}
@media(max-width:600px){.app{padding:7px}.sidebar{padding:10px;margin-bottom:7px}.brand{gap:9px;margin-bottom:9px;padding-bottom:10px}.brand .logo-mark,.brand img{width:33px!important;height:33px!important}.nav{margin-bottom:6px}.main{padding:12px}.topbar{margin-bottom:15px}}
@media(prefers-reduced-motion:reduce){.nav button{transition:none}}
@media print{.app{display:block!important;padding:0!important;background:#fff!important}.main{background:#fff!important;box-shadow:none!important}}
.nav-group{min-width:0;border-top:1px solid rgba(220,237,250,.12);padding:9px 0 1px}
.nav-group:first-child{border-top:0;padding-top:0}
.nav-group summary{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 10px 6px;color:#9cb8d3;font-size:10px;font-weight:750;letter-spacing:.04em;cursor:pointer;list-style:none;user-select:none}
.nav-group summary::-webkit-details-marker{display:none}
.nav-group summary:after{content:'⌄';font-size:15px;line-height:1;transform:rotate(-90deg);transition:transform .18s}
.nav-group[open] summary:after{transform:rotate(0)}
.nav-group summary:focus-visible{outline:2px solid #77dfd0;outline-offset:3px;border-radius:3px}
.nav-group-items{display:grid;gap:3px}
.nav-group-items button{min-height:38px;padding:7px 10px}
.sidebar .nav#mainNav{display:block;margin-bottom:13px}
.warehouse-active .topbar .search{visibility:hidden}
@media(max-width:900px){.sidebar{overflow:visible}.sidebar .nav#mainNav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;overflow:visible;margin-bottom:5px}.nav-group{position:relative;min-width:0;padding:0;border:0}.nav-group summary{min-height:37px;margin:0;padding:6px;border:1px solid rgba(255,255,255,.16);border-radius:8px;background:rgba(255,255,255,.06);font-size:10px;letter-spacing:0}.nav-group-items{position:absolute;z-index:10;inset-inline-start:0;top:100%;width:min(225px,85vw);max-height:260px;overflow-y:auto;padding:5px;border:1px solid rgba(255,255,255,.22);border-radius:9px;background:#143558;box-shadow:0 16px 30px rgba(7,28,52,.25)}.nav-group-items button{width:100%;white-space:normal}.sidebar>.section-label{margin-top:8px}.sidebar #settingsNav{margin-bottom:0}}
[hidden]{display:none!important}
@media(max-width:900px){.nav-group:last-child .nav-group-items{inset-inline-start:auto;inset-inline-end:0}}
#quoteSavedDocuments{min-width:180px;height:44px;padding:0 12px;border:1px solid #cfd8e6;border-radius:12px;background:#fff;color:#1a2741}
.shared-appearance{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px;padding:14px;border:1px solid #dce6ef;border-radius:12px;background:#f8fbfd}.shared-appearance>strong,.shared-appearance>p{grid-column:1/-1}.shared-appearance>strong{color:#173351;font-size:14px}.shared-appearance>p{margin:0 0 4px;color:#63758a;font-size:12px}.shared-appearance>label{align-self:center;font-size:12px;color:#40536b}.shared-appearance>input{min-width:0;border:1px solid #cad8e6;border-radius:8px;padding:8px 10px}.shared-appearance .shared-image{grid-column:1/-1;display:grid;grid-template-columns:1fr auto;gap:7px;align-items:center;padding-top:8px;border-top:1px solid #e4eaf1}.shared-appearance .shared-image label{grid-column:1/-1;font-size:12px;color:#40536b}.shared-appearance .shared-image input{min-width:0}.shared-appearance .shared-image button{border:1px solid #cad8e6;border-radius:7px;background:#fff;padding:7px 11px;color:#415977;cursor:pointer}.shared-appearance .shared-image div{grid-column:1/-1;min-height:24px}@media(max-width:560px){.shared-appearance{grid-template-columns:1fr}.shared-appearance>label{margin-top:5px}}