@import url('/settings-controls.css');
@import url('/workspace-rail.css');
/* Scoped shell: no changes to buyer storefronts, admin or form behaviour. */
.supplier-nav-caption{font-size:12px;line-height:1.5;color:#9fb4cc;padding:0 12px}
.supplier-cabinet #supplierProducts,.supplier-cabinet #supplierHistorySection{scroll-margin-top:96px}
@media(min-width:901px){.cabinet-page.supplier-cabinet main,.cabinet-page.supplier-cabinet[data-mode=user]>.shell{padding-top:32px}}
@media(max-width:900px){
 .supplier-cabinet .cabinet-header-row{gap:8px}
 .supplier-cabinet .supplier-nav-caption{padding:0;text-align:right;max-width:125px}
 .supplier-cabinet .cabinet-primary{grid-template-columns:repeat(4,minmax(0,1fr))!important}
 .supplier-cabinet .cabinet-primary>a{font-size:12px!important;padding:10px 4px!important}
 .supplier-cabinet #supplierProducts,.supplier-cabinet #supplierHistorySection{scroll-margin-top:20px}
}
@media(max-width:380px){.supplier-cabinet .cabinet-primary>a{font-size:11px!important;padding:10px 2px!important;white-space:nowrap}}
.cabinet-desktop-link{display:none!important}
.cabinet-support-short{display:none}
.cabinet-page{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:#eef5ff;background-color:#09121f;background-repeat:no-repeat;min-height:100vh;color-scheme:dark}
.cabinet-page .cabinet-header{display:block;width:min(1100px,calc(100% - 48px));max-width:none;margin:0 auto;padding:18px 0 0;border:0;border-bottom:1px solid #293a50;position:relative;z-index:10;background:none;box-sizing:border-box}
.cabinet-page:has(.store-standalone-layout)>.cabinet-header{width:min(1440px,calc(100% - 48px))}
.cabinet-page main.store-standalone-layout{width:min(1440px,calc(100% - 48px))}
.cabinet-page>.shell>.cabinet-header{width:100%}
.cabinet-page .cabinet-header-row{display:flex;align-items:center;gap:24px;min-width:0;padding-bottom:16px}
.cabinet-page .cabinet-brand{display:inline-flex;align-items:center;gap:10px;color:#edf5ff;font-size:19px;font-weight:750;line-height:1.4;text-decoration:none;flex-shrink:0}
.cabinet-page .cabinet-brand img{display:block;width:32px;height:32px}
.cabinet-page .cabinet-primary{display:flex;align-items:center;gap:4px;flex:1;min-width:0}
.cabinet-page .cabinet-header :is(a,summary){font-family:inherit}
.cabinet-page .cabinet-primary>a,.cabinet-page .cabinet-more>summary,.cabinet-page .cabinet-profile{display:flex;align-items:center;min-height:44px;padding:10px 14px;border:1px solid transparent;border-radius:10px;color:#a9bcd1;background:transparent;text-decoration:none;font-size:14px;font-weight:550;line-height:1.4;box-sizing:border-box;cursor:pointer}
.cabinet-page .cabinet-header :is(a,summary):hover{color:#eef5ff;background:#15283a}
.cabinet-page .cabinet-header :is(a,summary):focus-visible{outline:2px solid #64ddca;outline-offset:3px}
.cabinet-page .cabinet-header :is(.is-section,[aria-current=page]){color:#64ddca;background:#16343c;border-color:#2b545b}
.cabinet-page .cabinet-more{position:relative;padding:0;border:0;margin:0;background:none}
.cabinet-page .cabinet-more>summary{list-style:none;gap:8px}
.cabinet-page .cabinet-more>summary::-webkit-details-marker{display:none}
.cabinet-page .cabinet-more>summary::after{content:'⌄'}
.cabinet-page .cabinet-more[open]>summary::after{content:'⌃'}
.cabinet-page .cabinet-more-links{position:absolute;top:calc(100% + 8px);right:0;width:280px;max-height:70vh;overflow:auto;padding:12px;background:#101d2e;border:1px solid #30475f;border-radius:14px;box-shadow:0 18px 50px #0006;box-sizing:border-box}
.cabinet-page .cabinet-more-links>div:not([hidden])~div:not([hidden]){border-top:1px solid #293a50;margin-top:10px;padding-top:10px}
.cabinet-page .cabinet-more-links span{display:block;padding:6px 10px;color:#9cb0c8;font-size:11px;letter-spacing:.04em;font-weight:650}
.cabinet-page .cabinet-more-links a{display:flex;align-items:center;min-height:44px;padding:10px;border-radius:8px;color:#d1deed;font-size:14px;line-height:1.4;text-decoration:none;box-sizing:border-box}
.cabinet-page .cabinet-context{display:flex;align-items:center;gap:12px;padding:0 0 12px;font-size:13px}
.cabinet-page .cabinet-context a{display:inline-flex;align-items:center;min-height:36px;color:#a9bcd1;text-decoration:none;border-radius:8px;padding:4px 8px;overflow-wrap:anywhere}
.cabinet-page .store-context-nav{font-family:inherit}
.cabinet-page main{min-width:0}
.cabinet-page main.operator-main{width:min(1100px,calc(100% - 48px));max-width:none;padding:32px 0 60px}
.cabinet-page h1{font-size:clamp(27px,3.5vw,38px);line-height:1.2;letter-spacing:-.025em}
@media(max-width:900px){
 .cabinet-page .cabinet-header{width:calc(100% - 32px)}
 .cabinet-page main.operator-main{width:calc(100% - 32px);padding:24px 0 40px}
 .cabinet-page:has(.store-standalone-layout)>.cabinet-header,.cabinet-page main.store-standalone-layout{width:calc(100% - 32px)}
 .cabinet-page .cabinet-header-row{flex-wrap:wrap;gap:8px 16px;padding-bottom:12px}
 .cabinet-page .cabinet-brand{flex:1}
 .cabinet-page .cabinet-profile{order:1}
 .cabinet-page .cabinet-primary{order:2;flex-basis:100%;justify-content:space-between}
 .cabinet-page .cabinet-primary>a,.cabinet-page .cabinet-more>summary{padding:10px 12px;font-size:13px}
 .cabinet-page .cabinet-more-links{width:min(280px,calc(100vw - 40px))}
}
@media(prefers-reduced-motion:reduce){.cabinet-page .cabinet-header *{transition:none}}
@media(max-width:380px){
 .cabinet-page .cabinet-primary{gap:0}
 .cabinet-page .cabinet-primary>a,.cabinet-page .cabinet-more>summary{padding:10px 8px;font-size:12px}
}
/* Shared inner surfaces. Do not target buyer apps, admin, hidden controls or form layout. */
.cabinet-page [hidden]{display:none!important}
.cabinet-page :is(main,dialog) :is(button,input,select,textarea){font-family:inherit;box-sizing:border-box}
.cabinet-page :is(main,dialog) :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea){max-width:100%;min-width:0;border-radius:10px;color:#eef5ff;background-color:#0b1727;border-color:#34506b}
.cabinet-page :is(main,dialog) :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select){min-height:44px}
.cabinet-page :is(main,dialog) :is(.migration-button,.btn,.button){min-height:44px;max-width:100%;white-space:normal;line-height:1.4;text-align:center;border-radius:10px}
.cabinet-page :is(main,dialog) :is(button,a,input,select,textarea,summary):focus-visible{outline:2px solid #64ddca;outline-offset:3px}
.cabinet-page :is(main,dialog) :is(button,input,select,textarea):disabled{cursor:not-allowed;opacity:.55}
.cabinet-page :is(.migration-card,.connection-card,.health-card,.access-card,.supplier-card){border-color:#2b4056;border-radius:16px;background-color:#101e30}
.cabinet-page :is(.migration-notice,.alert,[role=status],[role=alert]){overflow-wrap:anywhere}
.cabinet-page :is(.migration-notice,.alert)[role=status]:empty,.cabinet-page [role=alert]:empty{display:none}
.cabinet-page :is(.supplier-empty,.health-empty,.access-empty,.empty,.cabinet-empty){padding:28px 22px;border:1px dashed #34506b;border-radius:14px;background:#0b1727;color:#a9bcd1;line-height:1.6;text-align:center;overflow-wrap:anywhere}
.cabinet-page :is(.supplier-empty,.health-empty,.access-empty,.empty,.cabinet-empty) strong{display:block;color:#eef5ff;margin-bottom:8px}
.cabinet-page .loading{padding:22px;border:1px solid #2b4056;border-radius:14px;background:#101e30;color:#a9bcd1;line-height:1.6}
.cabinet-page :is(.migration-pager,.access-paging,.pager){gap:12px;flex-wrap:wrap;font-size:13px}
.cabinet-page :is(.migration-pager,.access-paging,.pager)>:not(button){min-width:0;overflow-wrap:anywhere}
.cabinet-page .migration-row>label+label{margin-top:14px}
.cabinet-page .migration-row>label{margin-top:10px}
.cabinet-page :is(.resources-toolbar,.access-toolbar,.supplier-toolbar)>label{min-width:0}
.cabinet-page :is(.migration-card,.connection-card,.health-card) :is(pre,code){overflow-wrap:anywhere;white-space:pre-wrap}
@media(max-width:650px){
 .cabinet-page :is(.migration-card,.connection-card,.health-card,.access-card,.supplier-card){padding:18px}
 .cabinet-page :is(.resources-toolbar,.access-toolbar,.supplier-toolbar)>.migration-button{flex:1 1 160px}
 .cabinet-page :is(.supplier-empty,.health-empty,.access-empty,.empty,.cabinet-empty){padding:24px 16px}
 .cabinet-page :is(.migration-button,.btn,.control,input,select,textarea){font-size:14px}
 .cabinet-page dialog :is(input,select,textarea){font-size:16px}
}
/* One workspace shell on every seller/account page, including standalone tools. */
.cabinet-page{background:#08121f;font-size:14px;line-height:1.55}
.cabinet-page h1{font-size:24px;line-height:1.3;letter-spacing:-.02em}
.cabinet-page main :is(.migration-lead,.access-lead,.supplier-lead){font-size:13px;line-height:1.6;margin:10px 0 22px;color:#9fb4cc}
.cabinet-page .store-standalone-content{padding:22px;border:1px solid #27364a;border-radius:18px;background:#0e1828;min-width:0}
.cabinet-page .store-standalone-content>h1{font-size:18px;margin:0 0 18px;padding-bottom:18px;border-bottom:1px solid #27364a}
.cabinet-page .store-standalone-content>.migration-eyebrow{display:none}
.cabinet-page .store-standalone-content :is(.migration-card,.supplier-card,.access-card,.health-card,.bundle-help){background:#101e30;border:1px solid #293b50;border-radius:14px}
.cabinet-page .store-standalone-content :is(.bundle-toolbar,.supplier-toolbar,.access-toolbar,.resources-toolbar){gap:12px;margin-bottom:20px}
@media(min-width:901px){
 .cabinet-page>.shell{width:auto;max-width:none;margin:0;padding:0}
 .cabinet-page .cabinet-header,.cabinet-page:has(.store-standalone-layout)>.cabinet-header,.cabinet-page>.shell>.cabinet-header{position:fixed;inset:0 auto 0 0;width:196px;height:100dvh;padding:18px 12px;border:0;border-right:1px solid #243449;background:#0a1524;z-index:30;overflow-y:auto}
 .cabinet-page .cabinet-header-row{display:flex;flex-direction:column;align-items:stretch;gap:18px;min-height:100%;padding:0}
 .cabinet-page .cabinet-brand{padding:0 8px;font-size:18px}
 .cabinet-page .cabinet-primary{flex:1;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:4px}
 .cabinet-page .cabinet-primary .cabinet-desktop-link{display:flex!important}
 .cabinet-page .cabinet-primary>a,.cabinet-page .cabinet-more>summary,.cabinet-page .cabinet-profile{font-size:13px;padding:11px 12px}
 .cabinet-page .cabinet-profile{margin-top:auto}
 .cabinet-page .cabinet-more-links{position:static;width:100%;max-height:none;margin-top:8px;padding:4px;box-shadow:none}
 .cabinet-page .cabinet-context{position:fixed;left:196px;right:0;top:0;min-height:68px;display:flex;padding:12px 24px;background:#0e1828;border-bottom:1px solid #27364a;box-sizing:border-box}
 .cabinet-page .cabinet-page-context{font-size:13px;font-weight:600;color:#eef5ff}
 .cabinet-page main,.cabinet-page main.operator-main,.cabinet-page main.store-standalone-layout{width:calc(100% - 244px);max-width:none;margin:0 24px 0 220px;padding:96px 0 60px}
 .cabinet-page main.store-standalone-layout{grid-template-columns:244px minmax(0,1fr);gap:22px}
 .cabinet-page main:not(.store-standalone-layout)>h1{margin-top:0}
 .cabinet-page>footer,.cabinet-page>.shell>footer{margin-left:220px;max-width:calc(100% - 244px)}
 .cabinet-page[data-mode=user]>.shell{width:calc(100% - 244px);margin:0 24px 0 220px;padding:96px 0 60px}
 .cabinet-page[data-mode=user] .layout>main{width:auto;max-width:100%;margin:0;padding:0}
}
@media(max-width:900px){
 .cabinet-page{padding-bottom:80px}
 .cabinet-page .cabinet-primary{position:fixed;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;padding:8px 8px max(8px,env(safe-area-inset-bottom));background:#0e1b2b;border-top:1px solid #293b50;z-index:50}
 .cabinet-page .cabinet-primary>a,.cabinet-page .cabinet-more>summary{justify-content:center;font-size:11px;padding:9px 3px;min-height:44px;text-align:center}
 .cabinet-page .cabinet-support-full{display:none}
 .cabinet-page .cabinet-support-short{display:inline}
 .cabinet-page .cabinet-primary>.cabinet-support{padding-inline:1px;white-space:nowrap}
 .cabinet-page .cabinet-more{position:static}
 .cabinet-page .cabinet-more-links{top:auto;bottom:calc(100% + 8px);right:8px;max-height:65dvh}
 .cabinet-page .cabinet-page-context{display:none}
 .cabinet-page .cabinet-context:not(:has(a)){display:none}
 .cabinet-page .store-standalone-content{padding:18px;border-radius:16px}
 .cabinet-page main.store-standalone-layout{padding-top:20px}
 .cabinet-page .store-standalone-content>h1{font-size:18px;padding-bottom:16px;margin-bottom:16px}
}
/* Standalone content uses the same rail, breakpoint and topbar as the SPA. */
.cabinet-page.unified-cabinet{padding-bottom:0;font-family:"Segoe UI Variable","Segoe UI",Inter,system-ui,-apple-system,sans-serif}
.unified-cabinet .cabinet-workspace-rail{position:fixed;inset:0 auto 0 0;width:var(--workspace-rail-width);height:100dvh}
.unified-cabinet .cabinet-unified-context{box-sizing:border-box;position:fixed;top:0;left:var(--workspace-rail-width);right:0;z-index:30;display:flex;align-items:center;min-height:68px;padding:0 20px;background:#0e1727f0;border-bottom:1px solid #243449}
.unified-cabinet .cabinet-unified-context .cabinet-context{position:static;display:flex;gap:12px;margin:0;padding:0;border:0;background:none;min-height:0}
.unified-cabinet .cabinet-mobile-brand{display:none}
@media(min-width:821px){
 .cabinet-page.unified-cabinet .cabinet-page-context{display:inline;font-size:13px;font-weight:600;color:#eef5ff}
 .cabinet-page.unified-cabinet>.shell{width:auto;max-width:none;margin:0;padding:0}
 .cabinet-page.unified-cabinet main,.cabinet-page.unified-cabinet main.operator-main,.cabinet-page.unified-cabinet main.store-standalone-layout{width:calc(100% - var(--workspace-rail-width) - 72px);max-width:none;margin:0 36px 0 calc(var(--workspace-rail-width) + 36px);padding:104px 0 60px}
 .cabinet-page.unified-cabinet[data-mode=user]>.shell{box-sizing:border-box;width:calc(100% - var(--workspace-rail-width));margin:0 0 0 var(--workspace-rail-width);padding:96px 36px 36px}
 .cabinet-page.unified-cabinet[data-mode=user] .layout>main{width:auto;max-width:100%;margin:0;padding:0}
 .cabinet-page.unified-cabinet>footer,.cabinet-page.unified-cabinet>.shell>footer{margin-left:calc(var(--workspace-rail-width) + 36px);max-width:calc(100% - var(--workspace-rail-width) - 72px)}
}
@media(max-width:820px){
 .cabinet-page.unified-cabinet{padding-bottom:max(80px,calc(72px + env(safe-area-inset-bottom)))}
 .unified-cabinet .cabinet-workspace-rail{inset:auto 0 0;width:100%;height:max(72px,calc(64px + env(safe-area-inset-bottom)))}
 .unified-cabinet .cabinet-unified-context{left:0;min-height:60px;padding:0 14px}
 .unified-cabinet .cabinet-mobile-brand{display:flex;align-items:center;gap:8px;color:#eef5ff;font-size:15px;font-weight:800;text-decoration:none;flex:none}
 .unified-cabinet .cabinet-mobile-brand img{width:31px;height:31px}
 .unified-cabinet .cabinet-unified-context .cabinet-context{display:none}
 .cabinet-page.unified-cabinet>.shell{width:100%;max-width:none;margin:0;padding:80px 14px 24px;box-sizing:border-box}
 .cabinet-page.unified-cabinet>main,.cabinet-page.unified-cabinet main.operator-main,.cabinet-page.unified-cabinet main.store-standalone-layout{width:calc(100% - 28px);max-width:none;margin:0 14px;padding:84px 0 24px}
}
/* A guest sees one actionable access state, not empty working controls. */
body.cabinet-guest main:not(#standaloneWorkspaceChanged) > :not(.cabinet-guest-access){display:none!important}
.cabinet-guest-access{box-sizing:border-box;max-width:680px;margin:clamp(16px,5vh,64px) auto;padding:clamp(22px,4vw,40px);border:1px solid #2b4055;border-radius:20px;background:#0e1b2b;color:#eef5fc;min-width:0}
.cabinet-guest-access .cabinet-guest-eyebrow{color:#62ddd0;font-size:12px;font-weight:750;letter-spacing:.09em;margin:0 0 14px}
.cabinet-guest-access h1{font-size:clamp(25px,3vw,36px);line-height:1.15;margin:0 0 18px;overflow-wrap:anywhere}
.cabinet-guest-access p{color:#b6c8da;line-height:1.65;margin:0 0 24px}
.cabinet-guest-actions{display:flex;align-items:center;flex-wrap:wrap;gap:18px}
.cabinet-guest-actions a{color:#c8d9e9;text-decoration:underline;text-underline-offset:4px}
.cabinet-guest-actions .cabinet-guest-login{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:12px 18px;box-sizing:border-box;border-radius:12px;background:#5bdac8;color:#07202a;font-weight:750;text-decoration:none}
.cabinet-guest-actions a:focus-visible{outline:3px solid #5bdac8;outline-offset:4px}