/* TEST visual shell: keep business controls and permissions in their existing modules. */
:root{color:#14263e;background:#f4f7fb;--brand-navy:#103b73;--brand-blue:#237abd;--brand-green:#398e0b;--brand-line:#dce5ee}
body{background:#f4f7fb}
aside{width:204px;padding:18px 12px 12px;background:#102b4a;color:#edf5ff}
main{margin-left:204px;max-width:none;padding:0 24px 40px;min-width:0}
.brand{gap:10px;padding:2px 2px 15px;color:white;font-weight:600;white-space:nowrap;font-size:14px;line-height:1.25}
.brand-logo{display:block;flex:none;width:48px;height:48px;object-fit:contain;background:white;border-radius:10px;padding:4px}
.brand small{color:#b9d2e8;letter-spacing:0;font-size:12px;margin-top:4px;font-weight:400}
.aside-bottom{display:none}
.aside-bottom-label{display:block;color:#e6f4ff;font-size:12px;font-weight:600}
.aside-bottom small{display:block;color:#a9c5dc;font-size:10px;margin-top:3px}
nav details{margin:5px 0}
nav summary{color:#e6f1fc;padding:10px 9px;font-size:13px}
nav summary:hover,nav details:has(button.active)>summary{background:#1a426b;color:#fff}
nav details>button{padding:8px 11px 8px 22px;color:#c6d7e8}
nav button:hover{background:#1d4b77}
nav button.active{background:#21588b;color:#fff;border-left:3px solid #5cb5ea}
main>header{min-height:54px;border-color:var(--brand-line);gap:12px;justify-content:space-between;margin:0;padding:6px 0}
main>header>div:first-child{display:block;min-width:0;flex:1}
main>header .header-actions{flex:0 0 auto;margin-left:auto}
main>header h2{font-size:19px;line-height:1.3;margin:0;color:#173b61}
header p{display:none}

.header-actions{gap:8px}
.header-actions button,.header-actions select{padding:7px 10px}
#content{padding-top:8px}
.section-title{margin:2px 0 12px;align-items:flex-end}
.section-title h2{font-size:20px;margin:0;color:#142c46}
.section-title .eyebrow{display:none}
.section-title p.muted{margin:3px 0 0}
.panel,.card{border-color:var(--brand-line);box-shadow:0 2px 12px #153e6108}
.primary{background:#237abd;border-color:#1d6fae;color:white}
.primary:hover{background:#1769a8}
button:hover{background:#eaf3fa}
input:focus,select:focus{outline-color:#58a9dc}
.order-tabs button.active{background:#e6f3ff;border-color:#4693cb;color:#155c94}
.pill.yellow{color:#91620a;background:#fff3d6}
.pill.green{color:#237443;background:#e5f5e9}
.pill.blue{color:#185d9a;background:#e5f2ff}
.order-row .pill.amber,.service-panel .pill.amber{color:#875500;background:#fff0cc}
.order-row .pill.violet,.service-panel .pill.violet{color:#6746a6;background:#efe9ff}
.order-row .pill.teal,.service-panel .pill.teal{color:#006b72;background:#def5f2}
.service-order-substatus{display:block;margin-top:4px}
.hint{background:#edf4fa;color:#52718c}
.cards{margin:12px 0 18px}
@media(max-width:1100px){aside{width:185px}main{margin-left:185px;padding:0 16px 30px}}
@media(max-width:700px){aside{position:static;width:100%;height:auto;max-height:none;padding:10px}main{margin:0;padding:0 12px 24px}header{min-height:54px;flex-wrap:wrap;padding:8px 0}.brand{padding-bottom:5px}nav{max-height:72px}.aside-bottom{display:none}}

/* Shared page layout contract: one title in the shell; local section headings remain. */
#content [data-page-heading]>h2,#content [data-page-heading]>div>h2{display:none}
#content [data-page-heading]{margin:0 0 8px;gap:8px;align-items:center;flex-wrap:wrap}
#content [data-page-heading] p.muted{margin:0;font-size:12px;line-height:1.5}
#content>.toolbar,#content>.order-tabs{margin-top:0;margin-bottom:8px;gap:6px}
#content .toolbar button,#content .toolbar input:not([type=checkbox]):not([type=radio]),#content .toolbar select,#content [data-page-heading] button{min-height:34px;padding:6px 10px}
#content>.hint{padding:8px 12px;margin-bottom:10px;line-height:1.5}
#content>.panel{margin:10px 0}
#content .catalog-filters,#content .return-filters,#content .boost-filters{gap:8px;padding:12px}
#content .account-navigation{margin-bottom:10px}
#content .account-primary-tabs{margin-bottom:6px}
#content .account-secondary-tabs{margin-bottom:8px}
@media(max-width:700px){main>header{gap:8px;min-height:54px}main>header .header-actions{width:auto;max-width:100%;flex-wrap:wrap;justify-content:flex-end}main>header h2{font-size:18px}}

#content .catalog-filters input,#content .catalog-filters select,#content .return-filters input,#content .return-filters select{min-height:34px;padding:6px 10px}
#content .catalog-summary{padding-bottom:8px;gap:10px}
#content .return-filters,#content .catalog-filters{margin:10px 0}
#content .return-toolbar{gap:6px;margin-bottom:8px}

/* Global header remains visible while every business page scrolls below it. */
#app>main>header{position:sticky;top:0;z-index:100;background:#f4f7fb;isolation:isolate}