/* Admin Desk 2.8.2: the case workspace's blue visual language.
   Presentation only. Loaded last; shared website/commerce styles remain intact. */
@font-face{font-family:Nunito;font-style:normal;font-weight:400;font-display:swap;src:url('/desk/assets/nunito-400.ttf') format('truetype')}
@font-face{font-family:Nunito;font-style:normal;font-weight:600;font-display:swap;src:url('/desk/assets/nunito-600.ttf') format('truetype')}
@font-face{font-family:Nunito;font-style:normal;font-weight:700;font-display:swap;src:url('/desk/assets/nunito-700.ttf') format('truetype')}
@font-face{font-family:Nunito;font-style:normal;font-weight:800;font-display:swap;src:url('/desk/assets/nunito-800.ttf') format('truetype')}
:root{--pro-ink:#203b66;--pro-muted:#627690;--pro-surface:#fff;--pro-canvas:#fbfcfe;--pro-line:#d8e2ee;--pro-subtle:#e5ebf1;--pro-accent:#2468d5;--pro-action:#347cf2;--pro-accent-soft:#edf4ff;--pro-good:#287153;--pro-good-soft:#edf8f1;--pro-bad:#a63843;--pro-bad-soft:#fff1f2;--pro-warning:#87641b;--pro-warning-soft:#fff9e6;--accent:#2468d5;--accent-soft:#edf4ff;--radius:5px;--desk-gradient:linear-gradient(105deg,#3287f5,#009bcf 65%,#00c6cb)}
html,html[lang="zh-Hant"],body{font-family:Nunito,"PingFang TC","Microsoft JhengHei","Segoe UI",sans-serif;color:var(--pro-ink);background:var(--pro-canvas)}
body :is(h1,h2,h3,h4),.universe,.universe-section h2{font-family:inherit}
body a{color:var(--accent)}
body .brand-mark{background:#2d77e9!important;color:white!important;border-radius:3px;font-size:25px;font-weight:600;flex-shrink:0}
body .brand-mark::before{content:none!important}
.side-brand-copy strong{color:#23406a;letter-spacing:1.6px;text-transform:uppercase}
.side-brand-copy small{color:var(--pro-muted)}
/* Login matches Desk's split blue-white welcome screen. */
.login-shell{max-width:none;min-height:100dvh;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0;padding:0;align-items:stretch;background:var(--pro-canvas)}
.login-story{position:relative;align-self:stretch;display:flex;flex-direction:column;justify-content:center;min-width:0;padding:65px 6vw;background:#e7f0f4}
.login-story::before{content:'';position:absolute;top:0;left:6vw;width:150px;height:4px;background:var(--desk-gradient)}
.studio-wordmark{display:flex;align-items:center;gap:12px;color:#23406a;font-size:17px;font-weight:800;letter-spacing:2px}
.studio-wordmark img{width:36px;height:36px}
body .login-story h2{font-size:clamp(32px,3.2vw,44px)!important;line-height:1.4!important;font-weight:700;letter-spacing:-.5px;margin:22px 0;color:#274772}
body .login-story .eyebrow{font-size:12px!important;letter-spacing:1.7px!important;color:#52739b!important;margin-top:62px}
.login-story>p{color:#526d91;max-width:460px}
.story-tiles{gap:20px;margin-top:28px;flex-wrap:wrap}
.story-tiles span,.story-tiles span:nth-child(2),.story-tiles span:nth-child(3){flex:0 1 auto;padding:0;background:transparent;transform:none;color:#426a99;line-height:1.9}
.login-card{align-self:center;justify-self:center;width:calc(100% - 80px);max-width:560px;padding:30px;border:1px solid #e5ebf1;border-radius:5px;box-shadow:0 7px 24px #29487304;margin:48px 0}
body .login-card h1{font-size:25px!important;line-height:1.35!important;font-weight:700;letter-spacing:-.4px}
.login-card .brand-row{align-items:flex-start}.login-card .brand-row p{margin-top:9px}
.login-card label{color:#456386}.login-card>small{display:block;border-top:1px solid #e9eef4;margin-top:22px;padding-top:20px;text-align:center;color:var(--pro-muted)}
.language-control,.language-control select{color:#456386}.language-control select{border-color:#d8e2ee;border-radius:3px}
/* Shell and reusable controls. Existing size settings and layout logic remain authoritative. */
body .sidebar{background:#fff;border-color:#e5ebf1}.side-brand{padding-top:14px;padding-bottom:22px}
.agency-shortcuts a{background:#f8fbff;border-color:#e1eaf5;color:#456386}
.sidebar nav button{color:#526d91;border-radius:4px}.sidebar nav button:hover{background:#f1f7ff;color:#2468d5}
.sidebar nav button.active{background:var(--desk-gradient);color:white;box-shadow:0 5px 13px #327cf316}
.nav-group-title{color:#627690!important}.topbar{background:#fff;border-color:#e5ebf1}
.top-title h2{color:#203d66}.top-title p{color:var(--pro-muted)}
.btn,.icon-btn{border-color:#d8e2ee;color:#31527c}.btn.ghost:hover,.icon-btn:hover{background:#f1f6fd;border-color:#9bbbe4}
body .btn.primary{background:#347cf2!important;border-color:#347cf2!important;color:#fff!important;border-radius:24px;box-shadow:none;font-weight:700}
body .btn.primary:hover{background:#2369df!important;border-color:#2369df!important;transform:none}
body input,body select,body textarea,.search-wrap{border-color:#d8e2ee;border-radius:4px;color:#365781}
body input:focus,body select:focus,body textarea:focus{border-color:#4a90ed;box-shadow:0 0 0 3px #e5efff}
body :is(button,a,summary,input,select,textarea):focus-visible{outline:3px solid #8eb9f0;outline-offset:3px}
body :is(input[type=checkbox],input[type=radio]){accent-color:#397ff0}
body #sidebarHandle,body #sidebarHandle:hover,body #sidebarHandle:active{background:transparent!important;box-shadow:none!important;border-color:transparent!important;color:#2468d5!important;backdrop-filter:none!important}
body #sidebarHandle:focus-visible{outline:2px solid #2468d5!important}
.pro-key-link{background:#f4f8fd;border-color:#dce6f4;color:#315c94}
.data-table th{background:#f3f7fd;color:#456386}.data-table td{border-color:#e5ebf1}.data-table tr:hover td{background:#f8fbff}
body .dashboard-tab{background:#f4f8fd!important;color:#526d91!important;border-color:#dce6f4!important}
body :is(.dashboard-tab,.folder-tab).active{background:#edf4ff!important;color:#2468d5!important;border-bottom-color:#347cf2!important}
body :is(.smart-context,.context-next){background:#f0f7ff!important;border-color:#dce8f9!important}
body :is(.smart-orb,.next-orb){background:#e0ecff!important;color:#2468d5!important}
.pro-focus{border-top-color:#21b9ce}.pro-eyebrow{color:#52739b}.pro-step.active{background:#edf4ff;color:#2468d5}
body :is(.badge.accent,.smart-tag.tag-plan,.smart-tag.tag-license){background:#edf4ff!important;color:#315c94!important}
.modal-head,.drawer-head,.command-input-row{background:#f8fbff}.status-toggle-label{color:#31527c}
/* Launcher and future team plan. Preserve yellow inactive surfaces and semantic status colors. */
.universe{--u-ink:#203b66;--u-muted:#627690;--u-line:#e5ebf1;--u-accent:#2468d5}
.universe-hero{position:relative;background:#eaf1f5;border-color:#e5ebf1;border-radius:5px;padding:28px 30px}
.universe-hero::before{content:'';position:absolute;top:0;left:30px;width:112px;height:3px;background:var(--desk-gradient)}
.universe .universe-kicker{color:#52739b}.universe-hero .btn{border-color:#c9d5e3;color:#31527c}
.universe-metrics>div{border-radius:5px;box-shadow:0 7px 24px #29487304}.universe-metrics strong{color:#274873}
.universe-filter{color:#526d91;border-radius:4px}.universe-filter.active{background:#347cf2;border-color:#347cf2;color:#fff}
.universe-card{border-radius:5px;box-shadow:0 7px 24px #29487304}.universe-card:hover{border-color:#a8c7ee;box-shadow:0 6px 20px #327cf30b}
.universe-badge{background:#f3f7fd;color:#5276a4}.universe-star{color:#6c83a1}.universe-star[aria-pressed=true]{color:#a97817}
.universe-card h3 a{color:#294974}.universe-card h3 a span{color:#5d7b9f}.universe-card>small{color:#627690}
.universe-card.is-inactive{background:linear-gradient(to top,#fff8d9 0%,#fffdf3 30%,#fff 78%)}
.universe-table,.universe-roadmap article{border-radius:5px}.universe-table th{background:#f3f7fd;color:#456386}
.universe-roadmap article>span{color:#2468d5}.universe-plan-callout{background:#f0f7ff;border-left-color:#468bfa;color:#456b99}
.universe button:focus-visible,.universe a:focus-visible{outline-color:#8eb9f0}
@media(max-width:800px){.login-shell{grid-template-columns:minmax(0,1fr)}.login-story{padding:35px 26px}.login-story::before{left:26px}.login-story .studio-wordmark{font-size:15px}body .login-story .eyebrow{margin-top:30px}body .login-story h2{font-size:30px!important;margin:14px 0}.login-story h2 br{display:none}.login-story h2 br::after{content:' '}.story-tiles{display:none}.login-card{width:calc(100% - 32px);max-width:560px;margin:26px auto;padding:24px}.login-card .brand-row{gap:10px}body .login-card h1{font-size:23px!important}.login-help button{flex-basis:130px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Override the legacy high-specificity 14px heading reset only for welcome/launcher hierarchy. */
body :is(h1,h2,h3,h4){font-family:Nunito,"PingFang TC","Microsoft JhengHei","Segoe UI",sans-serif!important}
#loginView .login-story h2{font-size:clamp(32px,3.2vw,44px)!important;line-height:1.4!important}
#loginView .login-card h1{font-size:25px!important;line-height:1.35!important}
#content .universe h1{font-size:28px!important;line-height:1.4!important}
#content .universe h2{font-size:19px!important;line-height:1.5!important}
#content .universe h3{font-size:16px!important;line-height:1.5!important}
@media(max-width:800px){#loginView .login-story h2{font-size:30px!important}#loginView .login-card h1{font-size:23px!important}}
@media(max-width:650px){#content .universe h1{font-size:24px!important}}

/* Shared product-style cards across operational pages. */
body #content .unified-record-card{border:1px solid #e1e8f1!important;border-radius:6px!important;padding:18px!important;background:#fff;box-shadow:0 4px 16px #29487305!important;min-width:0;position:relative;overflow:visible;transition:border-color .15s,box-shadow .15s}
body #content .unified-record-card:hover,body #content .unified-record-card:focus-within{border-color:#b5cdeb!important;box-shadow:0 7px 22px #2948730c!important}
body #content .unified-record-card:focus-visible{outline:2px solid #8eb9f0;outline-offset:3px}
body #content .unified-record-card.is-card-inactive,body #content .universe-card.is-inactive{background:linear-gradient(to top,#f1f3f5 0%,#f8f9fa 38%,#fff 85%)!important}
body #content :is(.entity-card-head,.subscription-card-head){display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding-bottom:14px;margin-bottom:14px;border-bottom:1px solid #edf1f6;flex-wrap:wrap}
body #content :is(.entity-card-title,.subscription-card-title){min-width:0;flex:1 1 150px}
body #content :is(.entity-card-title,.subscription-card-title) strong{font-weight:750;color:#294974;overflow-wrap:anywhere}
body #content :is(.entity-card-body,.subscription-fields){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
body #content :is(.card-field,.subscription-field){padding:10px;border:1px solid #edf1f6;border-radius:4px;background:#f9fbfe;min-width:0}
body #content :is(.card-field,.subscription-field).wide{grid-column:1/-1}
body #content :is(.card-field,.subscription-field) :is(strong,span){overflow-wrap:anywhere}
body #content .unified-card-actions{position:static!important;display:flex!important;flex-wrap:wrap;align-items:center;gap:8px;margin:16px -18px -18px!important;padding:14px 18px!important;border-top:1px solid #e4edf9;border-radius:0 0 6px 6px;background:linear-gradient(to top,#e8f2ff 0%,#f4f8ff 65%,#ffffff00 100%)!important;transform:none!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;transition:opacity .15s}
body #content .unified-card-actions .btn{background:#fff;border-color:#d3e2f5}
body #content .unified-card-actions .universe-star{margin-left:auto;min-width:40px}
body #content .status-toggle-track{background:#d9dee6}.status-readonly{cursor:default!important}.status-readonly-hint{font-size:10px;color:#718099;white-space:nowrap}
body #content .status-toggle[aria-checked=true] .status-toggle-track{background:#347cf2}
body #content .status-toggle-label{color:#456386}.status-readonly{gap:7px;flex-wrap:wrap}
body #content .unified-record-card .status-toggle{padding:3px 0;min-height:36px}
body #content :is(.subscription-card-grid,.entity-card-grid,.finance-card-grid){gap:18px}
@media(hover:hover) and (pointer:fine){body #content .has-card-actions>.unified-card-actions{opacity:0!important;pointer-events:none!important}body #content .has-card-actions:hover>.unified-card-actions,body #content .has-card-actions:focus-within>.unified-card-actions{opacity:1!important;pointer-events:auto!important}}
@media(prefers-reduced-motion:reduce){body #content .unified-record-card,body #content .unified-card-actions{transition:none!important}}

body #content .status-toggle:focus-visible{outline:2px solid #8eb9f0!important;outline-offset:3px}

@media(max-width:760px){body #content .has-card-actions>.unified-card-actions{opacity:1!important;pointer-events:auto!important}}

/* Only the open detail drawer scrolls. CSS follows every close/history path. */
html:has(#drawer:not(.hidden)){overflow:hidden!important;overscroll-behavior:none;scrollbar-gutter:stable}
body:has(#drawer:not(.hidden)){overflow:hidden!important;overscroll-behavior:none}
#drawer{overscroll-behavior:contain}#drawer .drawer-card{max-height:100dvh;overflow:hidden;display:flex;flex-direction:column}#drawer .drawer-head{flex-shrink:0}#drawer .drawer-body{min-height:0;flex:1;overflow-y:auto;overscroll-behavior-y:contain;touch-action:pan-y}