:root{font:16px system-ui;color:#172b36;background:#f4f7f8}*{box-sizing:border-box}body{margin:0}main{max-width:900px;margin:auto;padding:32px 20px}section{background:white;border:1px solid #d9e2e7;border-radius:12px;padding:24px;margin:20px 0}h1{font-size:32px}h2{font-size:21px}label{display:block;margin:16px 0}input,textarea,button,select{font:inherit}input,textarea,select{display:block;width:100%;padding:10px;border:1px solid #768b97;border-radius:6px;margin-top:6px}textarea{min-height:130px}button{background:#075866;color:white;border:0;border-radius:6px;padding:11px 18px;margin:5px 8px 5px 0;cursor:pointer}button:disabled{opacity:.5;cursor:wait}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#edf3f5;padding:16px}a{color:#075866}:focus-visible{outline:3px solid #b65b00;outline-offset:3px}[role=status]{min-height:24px}
@font-face{font-family:'FeWoCore Inter';src:url('/control/inter.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
:root{--fc-portal-ink:#273d3d;--fc-portal-accent:#273d3d;--fc-portal-surface:#fff;--fc-portal-canvas:#fafbf8;--fc-portal-line:#dce2d9;--fc-portal-muted:#52635c;--fc-portal-navigation:#f7f6f2;--fc-portal-soft:#edf3e8;--fc-portal-lime:#bfff6e;color-scheme:light;font-size:16px}
body,button,input,select,textarea,summary{font-family:'FeWoCore Inter',ui-sans-serif,system-ui,sans-serif;font-weight:400}
body{background:var(--fc-portal-canvas);color:var(--fc-portal-ink)}
h1,h2,h3,.top h1,.card h2,.hero h2,.result h3,.inventoryItem h3{color:var(--fc-portal-ink);font-weight:500;letter-spacing:-.035em;line-height:1.3}
label,.field,.brand small,.rail a,.eyebrow,.statusPill{font-weight:500}
a,.eyebrow,.metric strong{color:var(--fc-portal-accent)}
.rail{background:var(--fc-portal-navigation);color:var(--fc-portal-ink);border-color:var(--fc-portal-line)}
.rail a{color:var(--fc-portal-muted);border-radius:2px;font-weight:500;min-height:44px}
.rail a[aria-current=page]{background:var(--fc-portal-lime);color:var(--fc-portal-ink);box-shadow:none}
.rail a:hover:not([aria-current=page]){background:var(--fc-portal-soft);color:var(--fc-portal-ink)}
.card,.metric{background:#fff;color:var(--fc-portal-ink)}
.inventoryTabs button[aria-pressed=true],.result,.notice,.steps b{background:var(--fc-portal-soft);color:var(--fc-portal-ink)}
.inventoryTabs button[aria-pressed=true]{border-color:var(--fc-portal-accent)}
.primary,button:not(.secondary){background:var(--fc-portal-lime);color:var(--fc-portal-ink);border:1px solid var(--fc-portal-accent)}
.primary:hover,button:not(.secondary):hover{background:#afe95f}
.secondary{background:#fff;color:var(--fc-portal-ink);border-color:var(--fc-portal-line)}
.secondary:hover{border-color:var(--fc-portal-accent);background:var(--fc-portal-navigation)}
.statusPill{background:var(--fc-portal-soft);border-color:var(--fc-portal-line);color:var(--fc-portal-ink)}
.statusPill i{background:var(--fc-portal-accent)}
.brandLogo{display:block;width:40px;height:40px;min-width:32px;object-fit:contain;padding:0;background:transparent;filter:none;transform:none;box-shadow:none}
.brand{flex-direction:row;align-items:center;gap:12px;padding:8px;min-height:64px;color:var(--fc-portal-ink)}
.brand small{font-size:15px;font-weight:500;letter-spacing:0}
.headerBrand,.loginBrand img,.mark img{height:auto;min-width:128px;object-fit:contain;filter:none;transform:none;box-shadow:none}
.headerBrand{display:block;width:144px;align-self:center;flex-shrink:0;padding:4px;margin-right:12px}
.top{background:#fff;box-shadow:none;backdrop-filter:none;gap:20px;border-color:var(--fc-portal-line);border-radius:0}
.top>div{flex:1}
.card,.hero,.metrics,.inventoryItem,.notice,.result{border:1px solid var(--fc-portal-line);border-radius:2px;box-shadow:none;backdrop-filter:none}
.hero{background:var(--fc-portal-navigation);color:var(--fc-portal-ink)}
.hero:after{content:none}
.metrics{gap:1px;background:var(--fc-portal-line)}
.metric:nth-child(2){background:var(--fc-portal-soft)}
.metric:nth-child(3){background:var(--fc-portal-navigation)}
.metric strong{font-size:2rem;font-weight:500}
.inventoryItem:hover{background:var(--fc-portal-navigation);border-color:var(--fc-portal-line)}
.card p,.hero p,.top p:last-child,.railFoot,.metric span,.result dt,.inventoryItem dt,.empty{color:var(--fc-portal-muted)}
.primary,.secondary{border-radius:2px;font-weight:500;min-height:44px}
.field input,.field select,.field textarea,.mobileOperatorNavigation select{min-height:44px;padding:10px 12px;border:1px solid #899b8d;border-radius:2px;color:var(--fc-portal-ink);background:#fff;font:inherit}
button:disabled{cursor:not-allowed;opacity:.6}
:focus-visible{outline:2px solid var(--fc-portal-accent);outline-offset:3px}
.setupStep,.setupProgress li,.resultSummary{border-radius:2px}
.setupProgress [aria-current=step]{background:var(--fc-portal-lime);color:var(--fc-portal-ink)}
@media(max-width:960px){.headerBrand{display:none}.top{position:relative}.brand{margin:0 0 12px}.brandLogo{width:40px;height:40px}.grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:760px){.top{display:flex;flex-wrap:wrap;gap:12px}.top>div{flex:1 1 100%}.statusPill{align-self:flex-start}.top h1{overflow-wrap:normal}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.mailBrand{padding:8px 0;min-height:41px}.mailBrand img{display:block;width:200px;height:auto;min-width:128px}button,input,select{min-height:44px}.placeholder{background:#F6F7F8;color:#4E606F;border:1px solid #D4DADE}fieldset{border:1px solid #D4DADE;border-radius:4px}#body{min-height:240px}.mailCard{padding:24px;border:1px solid #D4DADE;border-radius:4px;background:#FFFFFF}#previewBody{white-space:pre-wrap;overflow-wrap:anywhere}#notice{padding:12px 0}main{max-width:960px}@media(max-width:480px){main{padding:20px 16px}section,.mailCard{padding:16px}h1{font-size:26px}}
*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--fc-portal-canvas);color:var(--fc-portal-ink);font-size:15px;line-height:1.55}
[hidden]{display:none!important}.shell{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100dvh}
.shell .rail{position:sticky;top:0;align-self:start;display:flex;flex-direction:column;height:100dvh;overflow-y:auto;padding:24px 16px;border-right:1px solid var(--fc-portal-line);background:var(--fc-portal-navigation);color:var(--fc-portal-ink)}
.shell .brand{display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-height:80px;margin:0 0 18px;padding:8px 12px 20px;border-bottom:1px solid var(--fc-portal-line)}
.shell .brandLogo{width:160px;height:auto;min-width:0;padding:0}.portalProduct{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--fc-portal-muted)}
.shell .rail .portalNav{display:grid;gap:5px}.shell .rail a{display:flex;align-items:center;gap:14px;min-height:46px;padding:10px 12px;border-radius:9px;color:var(--fc-portal-muted);font-size:14px;font-weight:500;text-decoration:none;box-shadow:none}
.shell .rail a[aria-current=page]{background:var(--fc-portal-soft);color:var(--fc-portal-ink);box-shadow:none}.shell .rail a:hover{background:var(--fc-portal-soft);color:var(--fc-portal-ink)}.navIcon{display:grid;place-items:center;width:20px;flex-shrink:0;font-size:21px;font-weight:400}.shell .railFoot{margin-top:auto;padding:24px 12px 0;color:var(--fc-portal-muted);font-size:12px;line-height:1.6;letter-spacing:0;text-transform:none;font-weight:400}
.shell .workspace{min-width:0;width:100%;max-width:1360px;margin:0 auto;padding:36px;}
.shell .top{position:relative;top:auto;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:100px;margin:0 0 16px;padding:18px;border:1px solid var(--fc-portal-line);border-radius:9px;background:#fff;box-shadow:0 8px 24px rgb(39 61 61 / 3%);backdrop-filter:none}
.top>div:first-child{min-width:0;flex:1}.top h1{margin:0;color:var(--fc-portal-ink);font-size:clamp(24px,2.4vw,32px);font-weight:500;letter-spacing:-.04em;line-height:1.2}.top .eyebrow{display:none}.top p:last-child{margin:6px 0 0;color:var(--fc-portal-muted);font-size:14px;line-height:1.5}.top a{font-size:13px}.top p:has(a){margin:0 0 6px}
.top .portalAccount{flex:0 0 auto;display:grid;justify-items:end;gap:9px;min-width:0}.portalAccount>span{font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--fc-portal-muted)}.portalAccount>div{display:flex;gap:8px;align-items:center}.portalAccount button{margin:0}.statusPill{min-height:28px;padding:4px 9px;font-size:12px;white-space:normal}.portalAccount a{font-size:13px}
.shell .grid{grid-template-columns:minmax(0,1fr);gap:16px}.shell .card,.shell .hero,.shell .workspace>section,.shell .workspace>form>section,.shell #chapters>article{margin:0 0 16px;padding:24px;border:1px solid var(--fc-portal-line);border-radius:10px;background:#fff;box-shadow:none;backdrop-filter:none;min-width:0}
.shell .hero{background:var(--fc-portal-soft)}.hero h2,.card h2,.workspace h2{margin:0 0 8px;font-size:22px;font-weight:500;line-height:1.3;letter-spacing:-.03em}.workspace h3{font-size:18px;font-weight:500;line-height:1.4}.card p,.hero p,.workspace>section>p{color:var(--fc-portal-muted);line-height:1.65}.hero p{max-width:52rem}.shell .metrics{border-radius:10px;border-color:var(--fc-portal-line)}.metric strong{font-size:21px;overflow-wrap:anywhere}.metric span{font-size:13px}.shell .metric{background:#fff;min-width:0}
.shell button{min-height:44px;padding:10px 14px;border:1px solid var(--fc-portal-accent);border-radius:8px;font-family:inherit;font-size:14px;font-weight:500;background:var(--fc-portal-accent);color:#fff;white-space:normal;cursor:pointer;max-width:100%}.shell button:hover{background:#395651}.shell button.secondary,.shell button.placeholder{color:var(--fc-portal-ink);background:#fff;border-color:var(--fc-portal-line)}.shell button.secondary:hover,.shell button.placeholder:hover{background:var(--fc-portal-soft);border-color:#a9b7a5}.shell button[aria-pressed=true]{background:var(--fc-portal-soft);color:var(--fc-portal-ink);border-color:#a9b7a5}.shell button:disabled{cursor:not-allowed;opacity:.55}
.shell label,.shell .field{font-size:14px;font-weight:500;color:var(--fc-portal-ink);min-width:0}.shell input:not([type=checkbox]):not([type=radio]),.shell select,.shell textarea{display:block;width:100%;max-width:100%;min-width:0;min-height:44px;padding:10px 12px;border:1px solid var(--fc-portal-line);border-radius:8px;background:#fff;color:var(--fc-portal-ink);font:inherit}.shell input[type=checkbox],.shell input[type=radio]{display:inline-block;width:18px;height:18px;min-height:0;margin:0 8px 0 0;vertical-align:middle;accent-color:var(--fc-portal-accent)}.shell textarea{resize:vertical}.shell fieldset{min-width:0;border:1px solid var(--fc-portal-line);border-radius:8px}.shell .setupStep{padding:20px}.shell .setupProgress{gap:6px}.shell .setupProgress li{border-radius:7px;background:var(--fc-portal-navigation);color:var(--fc-portal-muted);font-size:13px}.shell .setupProgress [aria-current=step]{background:var(--fc-portal-accent);color:#fff}
.shell .portalNotice,.shell #notice,.shell .resultSummary,.shell .domainHint{padding:14px 16px;margin:0 0 16px;border:1px solid #d3dfce;border-radius:9px;background:var(--fc-portal-soft);color:var(--fc-portal-ink);font-size:14px;line-height:1.6;overflow-wrap:anywhere}.shell #notice:empty{display:none}.shell .resultSummary{margin-top:16px}.shell #setupError{padding:10px;color:#8c2d28}.shell .notice{border-radius:9px;padding:16px}.shell .inventoryItem{border-radius:9px;padding:18px}.shell .inventoryList{gap:12px}.shell .inventoryItem h3{font-size:17px}.shell .inventoryItem dl{font-size:13px;line-height:1.6}.shell .inventoryGroup{border-color:var(--fc-portal-line)}.shell .inventoryGroup h3{color:var(--fc-portal-muted)}
.shell .output{padding:16px;border:1px solid var(--fc-portal-line);border-radius:8px;background:var(--fc-portal-navigation);color:var(--fc-portal-ink);font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere}.shell details>summary{min-height:44px;padding:12px 0;cursor:pointer;font-size:14px}.shell .adminSecondary{margin-top:20px;border-top:1px solid var(--fc-portal-line)}.shell .result{border-radius:8px;background:var(--fc-portal-soft)}.shell :focus-visible{outline:2px solid var(--fc-portal-accent);outline-offset:3px}.shell .empty{padding:24px;border:1px dashed var(--fc-portal-line);border-radius:8px}.shell .periodCard,.shell .mailCard{border-color:var(--fc-portal-line);border-radius:8px}.shell .domainGrid,.shell .supportGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.portalMobileNav,.mobileOperatorNavigation{display:none}.shell #zugang{max-width:600px}.shell #zugang h2{font-size:24px}.shell .danger{color:#8c2d28!important;border-color:#dcbbb6!important}
@media(max-width:1100px){.shell .workspace{padding:24px}.shell .top{gap:16px}.top .portalAccount{max-width:220px}}
@media(max-width:960px){.shell{display:block}.shell .rail{position:relative;height:auto;padding:16px;border-right:0;border-bottom:1px solid var(--fc-portal-line)}.shell .brand{min-height:0;padding:0 0 12px;margin:0 0 12px}.shell .rail .portalNav,.shell .railFoot{display:none}.portalMobileNav,.mobileOperatorNavigation{display:block}.portalMobileNav nav{display:grid!important}.shell .workspace{padding:20px}.shell .top{margin:0 0 16px;padding:18px}.shell .top h1{font-size:28px}.shell .portalAccount{max-width:none}}
@media(max-width:600px){.shell .workspace{padding:16px}.shell .top{display:flex;flex-wrap:wrap;gap:14px}.top>div:first-child{flex:1 1 100%}.top .portalAccount{width:100%;justify-items:start;flex:1 1 100%}.portalAccount>div{width:100%;justify-content:space-between}.shell .top h1{font-size:26px}.shell .card,.shell .hero,.shell .workspace>section,.shell .workspace>form>section,.shell #chapters>article{padding:18px}.shell .domainGrid,.shell .supportGrid,.shell .metrics,.shell .lookup{grid-template-columns:minmax(0,1fr)}.shell .inventoryHead{display:grid;gap:12px}.shell .setupStep{padding:14px}.shell .setupReview dl,.shell .inventoryItem dl{grid-template-columns:minmax(0,1fr)}.shell .inventoryItem dd{margin-bottom:8px}.shell .supportWorkbench textarea{min-height:120px}.shell .domainActions{gap:8px}}

/* AP07: reference 03 with the user-selected Inter typography. */
@font-face{font-family:'FeWoCore Inter';src:url('/control/inter.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
:root{--fc-portal-ink:#233c52;--fc-portal-accent:#276b9a;--fc-portal-surface:#fff;--fc-portal-canvas:#fff;--fc-portal-line:#dce6ef;--fc-portal-muted:#60758a;--fc-portal-navigation:#ffffff;--fc-portal-soft:#eaf3fc;--fc-portal-lime:#d9eafb}
body,button,input,select,textarea,summary{font-family:'FeWoCore Inter',ui-sans-serif,system-ui,sans-serif;font-weight:400}
.shell{grid-template-columns:220px minmax(0,1fr)}.shell .rail{padding:28px 16px;border-right:1px solid #e5edf5;background:#ffffff}.shell .brand{border:0;padding:5px 10px 18px;min-height:74px}.shell .brandLogo{width:150px}.portalProduct{font-weight:400;letter-spacing:.1em}
.shell .rail a{font-size:15px;font-weight:400;border-radius:24px;min-height:44px}.shell .rail a[aria-current=page]{background:#d9eafb;color:#215a83;box-shadow:none}
.shell .workspace{max-width:1600px;padding:30px}.shell .top{padding:0 0 22px;border:0;border-radius:0;background:white;box-shadow:none;min-height:95px}.shell .top h1{font-size:34px;font-weight:500}.shell .top p:last-child{font-size:15px}.top .portalAccount{max-width:300px}.portalAccount>span{font-size:11px;font-weight:500;letter-spacing:.1em}
.shell .card,.shell .hero,.shell .workspace>section,.shell .workspace>form>section,.shell #chapters>article{border:0;border-radius:25px;background:#f2f6fb;padding:24px;box-shadow:none}.shell .hero{background:#eaf3fc}.hero h2,.card h2,.workspace h2{font-size:25px;font-weight:500;letter-spacing:-.035em}.workspace h3{font-size:20px;font-weight:500}.shell .primary{border-radius:24px;border:0;background:#d9eafb;color:#215a83;font-weight:500}.shell .secondary{border-radius:24px;background:#fff;border-color:#dce6ef;color:#276b9a;font-weight:500}.shell :is(input,select,textarea){border-radius:12px}.shell .metrics{border:0;background:transparent;border-radius:25px;gap:16px}.shell .metric{border-radius:24px;background:#f2f6fb;padding:24px}.shell .metric strong{font-size:38px;font-weight:500;color:#233c52}.shell .metric:nth-child(2){background:#3475a4;color:#fff}.shell .metric:nth-child(2) :is(strong,span){color:#fff}.shell .metric span{font-size:14px;font-weight:400}.shell .inventoryItem{border:0;border-radius:19px;background:#fff;padding:20px}.shell .inventoryItem h3{font-size:22px;font-weight:500}.shell .inventoryItem dd{font-weight:500}.shell .notice{border-radius:20px}.shell .output{border:0;border-radius:18px;background:#e6f0fa}.shell .empty{border-radius:20px}.shell .periodCard,.shell .mailCard{border-radius:20px}.shell .statusPill{background:#eaf3fc;color:#315d7e;font-weight:400;border:0}.shell .portalNotice{border-radius:16px}.portalNavTrigger,.portalNavClose{display:none}
@media(max-width:960px){.shell{display:block}.shell .workspace{padding:74px 20px 30px}.shell .rail#operatorSidebar{display:none;position:fixed;inset:0 auto 0 0;width:min(290px,calc(100vw - 32px));max-height:100dvh;height:100dvh;margin:0;padding:18px;overflow-y:auto;border:0;border-right:1px solid #dce6ef;background:#fff;box-shadow:8px 0 40px #18352a26}.shell .rail#operatorSidebar:popover-open{display:flex}.shell .rail#operatorSidebar::backdrop{background:#18352a30}.shell .rail#operatorSidebar .portalNav{display:grid}.shell .rail .mobileOperatorNavigation,.shell .portalMobileNav{display:none}.portalNavTrigger{display:inline-flex;align-items:center;gap:8px;position:fixed;z-index:35;top:12px;left:16px;min-height:44px;padding:9px 15px;border:1px solid #dce6ef;border-radius:24px;background:white;color:#315d7e;font-size:14px;box-shadow:0 3px 12px #203c3010}.portalNavClose{display:block;min-height:44px;margin:0 0 18px;border:0;background:transparent;color:#315d7e;text-align:right;font-size:14px}.shell .top h1{font-size:29px}.shell .metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.shell .metric{padding:18px}.shell .metric strong{font-size:30px}}
@media(max-width:600px){.shell .workspace{padding:70px 16px 25px}.shell .card,.shell .hero,.shell .workspace>section,.shell .workspace>form>section{padding:20px}.shell .metrics{grid-template-columns:1fr}.shell .metric{display:flex;align-items:center;gap:18px}.shell .top .portalAccount{max-width:none}}

/* Reference 03: frame, soft depth and subtle feedback shared by all operator views. */
body{background:#e9f0f7}.shell{margin:20px;min-height:calc(100dvh - 40px);border-radius:28px;box-shadow:0 20px 60px #243f3612;background:#fff;isolation:isolate}.shell .rail{top:20px;height:calc(100dvh - 40px);border-radius:28px 0 0 28px;scrollbar-width:thin}.shell .workspace{padding:24px 28px 32px}.shell .top{min-height:90px}.shell .top h1{font-size:32px;letter-spacing:-.045em}.shell .top p:last-child{font-size:14px;color:#60758a}
.shell .card,.shell .hero,.shell .workspace>section,.shell .workspace>form>section,.shell #chapters>article,.shell .metric{border:1px solid #ffffffb3;box-shadow:inset 0 1px 0 #ffffff9c;transition:transform 180ms ease,box-shadow 180ms ease}.shell .metric:nth-child(2){border-color:#3475a4;box-shadow:inset 0 1px 0 #ffffff26}.shell .inventoryItem{border:1px solid #e7ede8;box-shadow:0 3px 12px #36594f04}.hero h2,.card h2,.workspace h2{font-size:22px}.shell .inventoryItem h3{font-size:20px}.shell button,.shell .rail a{transition:background 160ms ease,box-shadow 160ms ease}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.shell .metric:hover{transform:translateY(-2px);box-shadow:0 9px 26px #36594f0d,inset 0 1px 0 #ffffff9c}.shell button:hover:not(:disabled){box-shadow:0 4px 12px #244a4014}.shell button:active{transform:translateY(1px)}}
@media(max-width:960px){.shell{margin:10px;border-radius:22px;min-height:calc(100dvh - 20px)}.shell .workspace{padding:74px 20px 28px}.shell .rail#operatorSidebar{top:0;height:100dvh;border-radius:0 24px 24px 0}}
@media(prefers-reduced-motion:reduce){.shell .card,.shell .hero,.shell .workspace>section,.shell .workspace>form>section,.shell #chapters>article,.shell .metric,.shell button,.shell .rail a{transition:none}}

.shell .metric #roleSummary{font-size:18px;line-height:1.7;letter-spacing:-.015em}.shell .metric{min-height:180px}

/* AP07 UX2: shared operator workspace, including contracts, templates and handbook. */
body{background:#e9f0f7;color:#233c52}.shell{grid-template-columns:248px minmax(0,1fr);background:#f6f9fc;border:1px solid #dce6ef;box-shadow:0 16px 60px #294e7410}
.shell .rail{background:#fff;border-right-color:#e3ebf3;padding:26px 18px}.shell .brand{padding:5px 10px 18px}.shell .rail a{border-radius:12px;min-height:46px;color:#526d84;font-size:14px;font-weight:500;gap:12px}.shell .rail a[aria-current=page]{background:#dfedfc;color:#215b87;box-shadow:none}.shell .rail a:hover{background:#f0f6fc}.navIcon svg{width:19px;height:19px}
.shell .workspace{padding:24px 32px 36px;max-width:1560px}.shell .top{background:transparent;border-bottom:1px solid #e3ebf3;margin-bottom:26px;padding:0 0 20px;min-height:80px;gap:20px}.shell .top h1{color:#233c52;font-size:30px;font-weight:600}.shell .top p:last-child{color:#60758a;font-size:14px;max-width:62ch}
.shell .card,.shell .hero,.shell .workspace>section,.shell .workspace>form>section,.shell #chapters>article{background:#fff;border:1px solid #e2ebf3;border-radius:22px;padding:26px;margin-bottom:22px;box-shadow:0 3px 12px #294e7404}
.shell .hero{background:#eaf3fc;border-color:#dceafa}.shell :is(.hero,.card,.workspace) h2{font-size:24px;color:#233c52;font-weight:600}.shell .workspace h3{font-size:20px;color:#233c52}.shell .card p,.shell .hero p{font-size:14px;color:#60758a;line-height:1.65}
.shell .metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:24px;background:transparent}.shell .metric{display:flex;flex-direction:column;align-items:flex-start;min-height:165px;background:white;border:1px solid #e2ebf3;border-radius:22px;padding:24px;gap:12px}.shell .metric strong{font-size:42px;line-height:1.1;color:#233c52;font-weight:500;letter-spacing:-.04em}.shell .metric span{font-size:14px;color:#60758a}.shell .metric:nth-child(2){background:linear-gradient(145deg,#2b699a,#3475a4);border:0}.shell .metric:nth-child(2) :is(strong,span){color:white}
.shell button,.shell .primary{border-radius:12px;background:#276b9a;color:#fff;border:1px solid #276b9a;min-height:44px}.shell button:hover,.shell .primary:hover{background:#205c85}.shell button.secondary,.shell .secondary{border-radius:12px;background:#fff;color:#315d7e;border:1px solid #dce6ef}.shell .secondary:hover{background:#f0f6fc;border-color:#b9d2e7}.shell button[aria-pressed=true]{background:#dfedfc;color:#215b87;border-color:#bfd8ed}
.shell .inventoryItem{border:1px solid #e2ebf3;border-radius:18px;background:#fff;padding:22px}.shell .inventoryItem h3{font-size:20px;font-weight:600}.shell .inventoryList{gap:16px}.shell .inventoryItem dl{line-height:1.7;color:#60758a}.shell .inventoryItem dd{color:#233c52;overflow-wrap:anywhere}.shell .statusPill{background:#eaf3fc;color:#315d7e}.shell .output{background:#f2f6fb;color:#355870}.shell .resultSummary,.shell .domainHint,.shell .portalNotice{border-color:#cddff0;background:#eaf3fc;color:#315d7e}
.shell .setupStep{padding:24px;background:#f8fbfe;border-color:#e2ebf3;border-radius:18px}.shell .setupProgress li{border-radius:10px;background:#eaf3fc;color:#526d84}.shell .setupProgress [aria-current=step]{background:#276b9a;color:white}.shell :is(input,select,textarea){border-radius:12px;border-color:#dce6ef;color:#233c52}.shell :is(h1,h2,h3,p,a){overflow-wrap:anywhere}
.shell .portalAccount>div{flex-wrap:wrap;justify-content:flex-end}.portalNavTrigger{color:#315d7e;border-color:#dce6ef}
@media(max-width:960px){.shell{display:block}.shell .workspace{padding:72px 20px 28px}.shell .rail#operatorSidebar{background:#fff}.shell .metric{min-height:145px;padding:20px}.shell .metrics{gap:14px}}
@media(max-width:600px){.shell{margin:0;border:0;border-radius:0}.shell .workspace{padding:70px 16px 24px}.shell .metrics{grid-template-columns:1fr;gap:12px}.shell .metric{flex-direction:row;align-items:center;min-height:90px;gap:20px}.shell .metric strong{font-size:36px;min-width:48px}.shell .top h1{font-size:26px}.shell .card,.shell .workspace>section,.shell .workspace>form>section{padding:20px}.shell .top .portalAccount{max-width:100%}.shell .setupStep{padding:18px}}

.shell #notice {border-color:#cddff0}


/* AP07 G4: separate desktop surfaces; the navigation remains anchored while content scrolls. */
@media (min-width:961px){
  .shell{column-gap:24px;border:0;background:transparent;box-shadow:none}
  .shell .rail{top:20px;height:calc(100dvh - 40px);min-height:0;align-self:start;border:1px solid #c8d7e5;border-radius:20px;overscroll-behavior-y:contain;scrollbar-gutter:stable;scroll-padding-block:24px;padding:24px 18px;scrollbar-width:thin}
  .shell .rail>*{flex-shrink:0}
  .shell .workspace{min-height:calc(100dvh - 40px);padding:24px 32px 32px;border:1px solid #d4e0eb;border-radius:20px;background:#f6f9fc}
  .shell .top{margin-bottom:24px;padding-bottom:24px}
  .shell .grid{gap:24px}
  .shell .card,.shell .hero,.shell .workspace>section,.shell .workspace>form>section,.shell #chapters>article{margin-bottom:24px;padding:24px}
  .shell .metric:hover{transform:none}
}