/* Shared with Disposition: a quiet canvas, one module bar, clear work surfaces. */
html[data-admin-theme=light]{--admin-canvas:#f5f7fb;--admin-surface:#fff;--admin-text:#1f2937;--admin-muted:#596579;--admin-border:#d5dbe5;--admin-subtle:#f1f4f9;--admin-selected:#eaf1ff;--admin-accent:#2563eb;--admin-icon:#61738e}
html[data-admin-theme=dark]{--admin-canvas:#202124;--admin-surface:#26272b;--admin-text:#e8eaed;--admin-muted:#adb4c0;--admin-border:#3c4043;--admin-subtle:#303136;--admin-hover:#35383f;--admin-selected:#293e61;--admin-accent:#a6c7ff;--admin-icon:#a6bada}
body.admin-workspace{background:var(--admin-canvas);font-size:14px;min-width:0}
#app.disposition-admin{display:flex;flex-direction:column;min-height:100dvh;background:var(--admin-canvas)}
#app.disposition-admin>.admin-topbar{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:20px;height:76px;min-height:76px;padding:12px 32px;background:var(--admin-surface);border-bottom:1px solid var(--admin-border)}
#app .admin-header-brand{display:flex;align-items:center;gap:24px;flex-shrink:0}
#app .admin-header-brand .cloud-brand{display:flex;align-items:center;gap:10px;color:var(--admin-text);font-size:13px;letter-spacing:.2em;line-height:1.2}
#app .admin-header-brand .cloud-brand img{width:32px;height:36px}
#app .admin-header-brand .cloud-brand small{display:block;color:var(--admin-muted);font-size:7px;letter-spacing:.38em;margin-top:6px}
#app .admin-product-name{border-left:1px solid var(--admin-border);padding:6px 0 6px 24px;font-size:15px;font-weight:600;color:var(--admin-text)}
#app .admin-breadcrumb{flex:1;min-width:0}
#app .admin-breadcrumb>span,#app .admin-breadcrumb>i,#app #admin-current-page{display:none}
#app .admin-topbar .header-actions{display:flex;align-items:center;flex-shrink:0;gap:12px;margin-left:auto}
#app .admin-topbar .enterprise-clock,#app .enterprise-environment{display:none}
#app .admin-topbar .connection{max-width:245px;font-size:11px;background:transparent;color:var(--admin-muted);padding:6px 0}
#app .admin-topbar .connection.online{background:transparent;color:var(--admin-success)}
#app .admin-theme-toggle{border-radius:9px;width:40px;height:40px;padding:9px;background:var(--admin-surface);color:var(--admin-muted)}
#app .admin-theme-toggle>span{display:none}
#app #ticket-inbox-button{min-height:40px;padding:9px 12px;font-size:12px;border-radius:9px;background:var(--admin-subtle);border:1px solid var(--admin-border);box-shadow:none;gap:8px}
#app .admin-account-menu{position:relative;flex-shrink:0;color:var(--admin-text);border:0;margin:0;background:transparent}
#app .admin-account-menu>summary{display:flex;align-items:center;list-style:none;cursor:pointer;min-height:42px;border-radius:9px;padding:0 3px}
#app .admin-account-menu>summary::-webkit-details-marker{display:none}
#app .admin-account-menu>summary:before{display:none}
#app .admin-account-menu>summary:after{content:'⌄';margin:0 6px;color:var(--admin-muted)}
#app .admin-sidebar-identity{display:flex;align-items:center;gap:10px;padding:0;margin:0;border:0;background:transparent}
#app .admin-sidebar-identity>span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--admin-selected);color:var(--admin-accent);font-size:11px;font-weight:700;flex:none}
#app .admin-sidebar-identity>div{display:grid;gap:2px;min-width:0}
#app .admin-sidebar-identity strong{font-size:12px;max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--admin-text)}
#app .admin-sidebar-identity small{font-size:10px;color:var(--admin-muted)}
#app .admin-sidebar-identity>svg{display:none}
#app .admin-account-actions{position:absolute;right:0;top:calc(100% + 14px);z-index:80;display:grid;gap:4px;width:260px;max-width:calc(100vw - 32px);padding:8px;background:var(--admin-surface);border:1px solid var(--admin-border);border-radius:12px;box-shadow:0 14px 44px #14233b26}
#app .admin-account-actions :is(button,a){display:flex;align-items:center;gap:10px;width:100%;min-height:42px;padding:10px 12px;border-radius:7px;font-size:13px;box-shadow:none;background:transparent;color:var(--admin-text);text-align:left;border:0}
#app .admin-account-actions :is(button,a):hover{background:var(--admin-subtle)}
#app .admin-account-actions .admin-sidebar-links{display:grid;gap:2px;margin:0;padding:4px 0;border-block:1px solid var(--admin-border)}
#app .admin-account-actions #logout{font-size:13px;color:var(--admin-danger)}
#app .admin-main{background:transparent;min-width:0;flex:1}
#app .admin-content{max-width:1800px;padding:16px 24px 0;margin-inline:auto}
#app .admin-hero{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-bottom:14px}
#app .admin-hero small{font-size:11px;letter-spacing:.08em;font-weight:600}
#app .admin-hero h1{font-size:26px;font-weight:650;letter-spacing:-.035em;margin:4px 0 7px;line-height:1.2}
#app .admin-hero p{font-size:13px;line-height:1.5;max-width:900px}
#app .hero-actions>button{font-size:13px;min-height:42px;padding:10px 14px;border-radius:8px}
#app .admin-context-navigation{border:0;margin:0 0 12px;padding:0}
#app .admin-context-navigation[data-single=true]{display:none}
#app .admin-context-navigation .admin-area-group{gap:6px;flex-wrap:wrap}
#app .admin-context-navigation .admin-area-group>button{padding:10px 15px;min-height:42px;border-radius:8px;border:1px solid transparent;background:transparent;margin:0}
#app .admin-context-navigation .admin-area-group>button>span:last-child{font-size:13px;font-weight:550}
#app .admin-context-navigation .admin-area-group>button.is-active{color:var(--admin-accent);background:var(--admin-surface);border-color:var(--admin-border);box-shadow:0 2px 5px #14233b08}
#app .panel{border-radius:12px;box-shadow:0 2px 5px #14233b04;overflow:visible}
#app .panel-head{padding:20px 22px;align-items:center;gap:16px}
#app .panel>.panel-head:first-child{border-radius:12px 12px 0 0}
#app .panel-head h2{font-size:16px;font-weight:650;letter-spacing:-.02em;line-height:1.4}
#app .panel-head p{font-size:12px;line-height:1.6;margin-top:5px}
#app :is(.primary,.quiet){border-radius:8px;min-height:40px;font-size:13px;padding:9px 14px}
#app .section-link{font-size:12px;min-height:36px;padding:8px 10px;border-radius:7px}
#app .operations-command-bar{border-radius:10px;margin:0 0 10px;padding:10px 16px;min-height:44px;background:var(--admin-surface)}
#app .operations-command-bar small{font-size:10px;letter-spacing:.09em}
#app .operations-command-bar strong{font-size:14px}
#app #admin-work-state{font-size:12px}
#app .admin-overview-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:12px}
#app .admin-overview-metric{display:grid;grid-template-columns:minmax(0,1fr) 36px;align-items:center;gap:4px 12px;padding:12px 16px;text-align:left;border:1px solid var(--admin-border);border-radius:12px;background:var(--admin-surface);color:var(--admin-text);box-shadow:0 2px 5px #14233b04;min-width:0}
#app .admin-overview-metric:hover{border-color:var(--admin-accent)}
#app .admin-overview-metric .admin-metric-label{grid-column:1;grid-row:1;font-size:13px;font-weight:550;color:var(--admin-muted)}
#app .admin-metric-icon{grid-column:2;grid-row:1/3;align-self:start;display:grid;place-items:center;height:36px;width:36px;border-radius:10px;background:var(--admin-selected);color:var(--admin-accent)}
#app .admin-overview-metric strong{grid-column:1;grid-row:2;font-size:26px;line-height:1.15;font-weight:650;letter-spacing:-.04em}
#app .admin-overview-metric small{grid-column:1/-1;grid-row:3;font-size:11px;line-height:1.5;color:var(--admin-muted)}
#app #overview-dashboard .dashboard-grid{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);grid-template-areas:'instances attention' 'activity support';gap:20px;align-items:start}
#app #overview-dashboard .dashboard-grid>.dashboard-customers{grid-area:instances}
#app #overview-dashboard .dashboard-grid>.dashboard-attention{grid-area:attention}
#app .dashboard-attention{scroll-margin-top:170px}
#app #overview-dashboard .dashboard-grid>.admin-work-activity{grid-area:activity}
#app #overview-dashboard .dashboard-grid>.admin-ticket-queue{grid-area:support}
#app .dashboard-attention>.aia-dashboard{margin:0;border:0;border-radius:0;box-shadow:none;border-bottom:1px solid var(--admin-border);background:var(--admin-subtle)}
#app .aia-dashboard>.panel-head{display:none}
#app #admin-instance-incident-list{padding:16px 22px;font-size:12px;line-height:1.7;color:var(--admin-muted)}
#app .dashboard-list>button{min-height:64px;padding:12px 16px;gap:16px}
#app .dashboard-list strong{font-size:14px;font-weight:600}
#app .dashboard-list small{font-size:12px;margin-top:4px}
#app .dashboard-list .status{font-size:11px;max-width:140px;padding:6px 9px;border-radius:6px}
#app .dashboard-empty{padding:24px 22px}
#app .dashboard-empty strong{font-size:14px}
#app .dashboard-empty>span{font-size:12px;line-height:1.7;margin-top:7px}
#app .attention-item{padding:12px 16px;min-height:62px}
#app .attention-item strong{font-size:13px}
#app .attention-item small{font-size:12px}
#app .admin-work-empty{padding:24px 22px;font-size:13px;line-height:1.7}
#app #admin-work-activity{display:block}
#app #admin-work-activity>article{padding:16px 22px;gap:12px;border-right:0;align-items:flex-start}
#app #admin-work-activity strong{font-size:13px;font-weight:550;line-height:1.6}
#app #admin-work-activity :is(small,time){font-size:11px;line-height:1.6}
#app .admin-view-all{font-size:12px;min-height:44px}
#app .admin-page-index{background:var(--admin-surface);border:1px solid var(--admin-border);padding:5px;gap:4px;border-radius:10px;margin-bottom:12px;width:fit-content;max-width:100%}
#app .admin-page-index button{border:0;border-radius:6px;min-height:38px;font-size:12px;background:transparent}
#app .admin-page-index button.is-active{background:var(--admin-selected);color:var(--admin-accent);border:0}
#app .section-toolbar{display:flex;align-items:center;gap:14px;margin-bottom:20px;flex-wrap:wrap}
#app .section-toolbar .instance-search-field{flex:1;min-width:240px;max-width:540px;border-radius:9px;background:var(--admin-surface)}
#app .section-toolbar :is(input,select){font-size:13px}
#app .admin-content :is(input:not([type=range]):not([type=checkbox]):not([type=radio]),select,textarea){border-radius:8px;font-size:13px;min-height:40px}
#app #count{font-size:12px;margin-left:auto}
#app #overview-customers .customer-select-card{border-radius:10px;background:var(--admin-surface);padding:18px 20px}
#app #overview-customers .customer-card-meta span{border-radius:7px}
#app .admin-footer{margin-top:8px;min-height:28px;padding:6px 0;font-size:11px;border-color:var(--admin-border)}
#app #overview-users .users-intro{display:none}
#app #overview-tickets.atw-workspace .tk-composer{overflow:hidden}
#app #overview-tickets.atw-workspace .atw-compose-body{flex:1 1 auto;min-height:0;overflow:auto;overscroll-behavior:contain}
#app #overview-tickets.atw-workspace .tk-compose-footer{flex:0 0 auto}
#app .admin-skip-link{left:24px}
#app .admin-drawer-header{display:none}
.admin-workspace dialog{border-radius:14px;box-shadow:0 24px 80px #14233b33;max-height:calc(100dvh - 48px)}
.admin-workspace dialog :is(input:not([type=range]):not([type=checkbox]),select,textarea){min-height:42px;border-radius:8px;font-size:14px}
.admin-workspace dialog>form>header{padding:0;margin-bottom:24px}
.admin-workspace dialog h2{font-size:23px;letter-spacing:-.025em}
.admin-workspace dialog :is(label,legend){font-size:13px}
.admin-workspace dialog footer>button{min-height:42px;border-radius:8px;font-size:13px}

@media(min-width:1021px){
 #app.disposition-admin>.admin-sidebar{position:sticky;top:76px;z-index:35;display:flex;flex-direction:row;align-items:center;gap:24px;order:0;height:72px;min-height:72px;width:100%;padding:12px 32px;border:0;border-bottom:1px solid var(--admin-border);background:var(--admin-surface);overflow:visible}
 #app .admin-sidebar .admin-area-search{order:2;width:230px;margin:0 0 0 auto;padding:0 12px;min-height:42px;border-radius:9px;background:var(--admin-subtle);border-color:var(--admin-border)}
 #app #admin-area-search{font-size:12px;min-height:40px}
 #app .admin-sidebar #admin-area-navigation{position:relative;display:flex;align-items:center;gap:4px;flex:0 1 740px;min-width:0;padding:4px;margin:0;overflow:visible;background:var(--admin-subtle);border:1px solid var(--admin-border);border-radius:11px;isolation:isolate}
 #app .admin-sidebar nav .admin-primary-link{position:relative;z-index:1;flex:1;width:auto;justify-content:center;gap:9px;min-height:40px;padding:10px 14px;margin:0;border-radius:7px;background:transparent;color:var(--admin-muted);box-shadow:none;white-space:nowrap}
 #app .admin-primary-link>span{flex:0 1 auto;font-size:13px;font-weight:600}
 #app .admin-primary-link>svg{height:17px;width:17px}
 #app .admin-primary-link>svg:last-child{display:none}
 #app .admin-sidebar nav .admin-primary-link.is-active{background:transparent;color:#fff;box-shadow:none}
 #app .admin-sidebar nav .admin-primary-link:hover:not(.is-active){background:color-mix(in srgb,var(--admin-accent) 8%,transparent)}
 #app .admin-navigation-indicator{position:absolute;inset:0 auto auto 0;z-index:0;background:#2563eb;border-radius:7px;box-shadow:0 3px 8px #2563eb24;pointer-events:none;transition:transform .26s cubic-bezier(.2,.75,.25,1),width .26s cubic-bezier(.2,.75,.25,1)}
 #app .admin-search-results{position:absolute;top:calc(100% + 12px);left:0;max-height:65dvh;overflow:auto;width:min(640px,calc(100vw - 64px));padding:12px;background:var(--admin-surface);border:1px solid var(--admin-border);border-radius:12px;box-shadow:0 16px 50px #14233b22}
 #app .admin-search-results .admin-area-group button{background:transparent;color:var(--admin-text);border:0;border-radius:7px}
}
@media(max-width:1200px) and (min-width:1021px){#app .admin-topbar .connection{display:none}#app .admin-sidebar .admin-area-search{width:200px}#app .admin-primary-link>svg{display:none}#app .admin-sidebar nav .admin-primary-link{padding-inline:12px}}
@media(max-width:1020px){
 #app.disposition-admin>.admin-topbar{padding:12px 22px;gap:12px}
 #app .admin-topbar .admin-breadcrumb{order:-1;flex:0 0 40px;overflow:visible}
 #app .admin-menu{display:grid;place-items:center;min-height:40px;width:40px;margin:0;border:1px solid var(--admin-border);border-radius:9px;background:var(--admin-surface);color:var(--admin-text)}
 #app .admin-product-name{font-size:13px;padding-left:18px}
 #app .admin-header-brand{gap:18px}
 #app .admin-topbar .connection{display:none}
 #app .admin-content{padding:26px 22px 0}
 #app.disposition-admin>.admin-sidebar{z-index:70;top:0;left:0;position:fixed;width:300px;height:100dvh;padding:26px 16px;display:flex;flex-direction:column;border-right:1px solid var(--admin-border);background:var(--admin-surface);transform:translateX(-100%);overflow:auto}
 #app.disposition-admin>.admin-sidebar.is-open{transform:translateX(0)}
 #app .admin-sidebar .admin-area-search{margin:0 8px 18px}
 #app .admin-drawer-header{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:0 8px 20px}
 #app .admin-drawer-header strong{font-size:16px}
 #app .admin-drawer-header button{display:grid;place-items:center;width:36px;height:36px;padding:8px;border:1px solid var(--admin-border);border-radius:8px;color:var(--admin-muted);background:var(--admin-subtle)}
 #app .admin-sidebar nav{flex:1}
 #app .admin-nav-backdrop{z-index:60}
 #app .admin-sidebar nav .admin-primary-link{font-size:14px;min-height:48px}
 #app .admin-navigation-indicator{display:none}
 #app .admin-sidebar .admin-area-search input{font-size:14px}
 #app .admin-overview-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
 #app #overview-dashboard .dashboard-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:'instances' 'attention' 'support' 'activity'}
 #app .admin-sidebar .admin-primary-link.is-active{color:var(--admin-accent);background:var(--admin-selected)}
}
@media(max-width:700px){
 #app .admin-header-brand .cloud-brand{gap:7px;font-size:10px}
 #app .admin-header-brand .cloud-brand img{width:27px;height:30px}
 #app .admin-product-name,#app .admin-sidebar-identity>div,#app #ticket-inbox-button .ticket-inbox-label{display:none}
 #app .admin-topbar .header-actions{gap:7px}
 #app #ticket-inbox-button{position:relative;width:38px;min-width:38px;padding:9px;gap:0}
 #app #ticket-inbox-button>.ui-icon{display:block}
 #app #ticket-inbox-count{display:none}
 #app #ticket-inbox-new{position:absolute;right:3px;top:3px;width:7px;min-width:7px;height:7px;min-height:7px;border-radius:50%;font-size:0;padding:0;background:var(--admin-accent)}
 #app .admin-sidebar-identity>span{width:32px;height:32px}
 #app .admin-account-menu>summary:after{display:none}
 #app.disposition-admin>.admin-topbar{height:68px;min-height:68px;padding:10px 14px;gap:8px}
 #app .admin-content{padding:24px 16px 0}
 #app .admin-hero{flex-direction:row;gap:14px;align-items:flex-start;padding-bottom:22px}
 #app .admin-hero>div:first-child{min-width:0}
 #app .hero-actions{width:auto;flex:none}
 #app .admin-hero h1{font-size:26px}
 #app .admin-hero p{font-size:13px}
 #app .hero-actions>button{padding:10px;font-size:0;min-width:40px}
 #app .hero-actions>button>svg{width:18px;height:18px}
 #app .admin-overview-metrics{gap:10px;margin-bottom:18px}
 #app .admin-overview-metric{padding:16px;gap:8px}
 #app .admin-overview-metric .admin-metric-label{font-size:12px}
 #app .admin-overview-metric strong{font-size:28px}
 #app .admin-overview-metric small{font-size:10px}
 #app .admin-metric-icon{width:29px;height:29px;border-radius:8px}
 #app .admin-metric-icon svg{width:16px;height:16px}
 #app .panel-head{padding:18px;gap:12px}
 #app .panel-head h2{font-size:15px}
 #app .panel-head p{font-size:12px}
 #app .admin-context-navigation .admin-area-group>button{padding:9px 11px;font-size:12px}
 #app .section-toolbar .instance-search-field{min-width:0;flex-basis:100%;max-width:none}
 #app .section-toolbar #count{margin-left:0}
 #app .admin-footer{font-size:10px;gap:15px}
}
@media(max-width:370px){#app .admin-header-brand .cloud-brand>span{display:none}#app .admin-overview-metric{padding:13px}#app .admin-metric-icon{display:none}#app .admin-overview-metric{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){#app .admin-navigation-indicator{transition:none}}

/* A viewport-sized console: navigation stays put, records scroll in their own
   workspace. This applies only after login; dialogs and the login keep their
   native scrolling and permission-controlled hidden state. */
body.admin-console-active{height:100dvh;min-height:0;overflow:hidden}
body.admin-console-active #app.disposition-admin{height:100dvh;min-height:0;overflow:hidden}
#app.disposition-admin>.admin-topbar{flex:none;height:64px;min-height:64px;padding-block:8px}
#app.disposition-admin>.admin-main{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}
#app.disposition-admin .admin-content{display:flex;flex-direction:column;flex:1;min-height:0;width:100%;overflow:hidden}
#app.disposition-admin :is(#overview-page,.overview-workspace,.overview-main,#customer-page){display:flex;flex-direction:column;flex:1;min-height:0;min-width:0;align-items:stretch;width:100%;overflow:hidden}
#app.disposition-admin :is(.admin-hero,.admin-context-navigation,.admin-footer){flex:none}
#app #overview-eyebrow{display:none}
#app .admin-context-navigation .admin-area-group{flex-wrap:nowrap;min-width:0;max-width:100%;overflow:auto;scrollbar-width:thin}
#app .admin-context-navigation .admin-area-group>button{flex:none;min-height:36px;padding:8px 12px}
#app.disposition-admin .overview-section:not([hidden]){display:flex;flex-direction:column;flex:1;min-height:0;min-width:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}
#app.disposition-admin .overview-section>.panel{flex:1;min-height:0;overflow:auto}
#app.disposition-admin :is(.admin-page-index,.section-toolbar,.accounts-toolbar,.accounts-mobile-navigation,.afw-status){flex:none}
#app .admin-page-index{overflow:auto;white-space:nowrap;flex-wrap:nowrap;scrollbar-width:thin}
#app .admin-page-index button{flex:none}
#app.disposition-admin .admin-local-view:not([hidden]){flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}
#app .admin-local-view>details.admin-secondary-details{margin:0}
#app .admin-local-view>details.admin-secondary-details>summary{display:none}
#app.disposition-admin .admin-footer{margin-top:6px;min-height:25px;padding:5px 0;font-size:10px}
#app .admin-overview-metrics{flex:none}
#app #overview-dashboard{overflow:hidden}
#app #overview-dashboard .dashboard-grid{flex:1;min-height:0;grid-template-rows:repeat(2,minmax(0,1fr));align-items:stretch;gap:12px;overflow:hidden;margin:0}
#app #overview-dashboard .dashboard-grid>.panel{display:flex;flex-direction:column;min-height:0;overflow:hidden;margin:0}
#app #overview-dashboard .dashboard-grid>.panel>.panel-head{flex:none;padding:10px 16px;border-bottom:1px solid var(--admin-border)}
#app #overview-dashboard .dashboard-grid>.panel>.panel-head h2{font-size:14px}
#app #overview-dashboard .dashboard-grid>.panel>.panel-head p{display:none}
#app #overview-dashboard :is(.dashboard-list,.attention-list,#admin-work-tickets,#admin-work-activity){flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}
#app #overview-dashboard .admin-view-all{flex:none;min-height:32px;padding:7px 12px}
#app #overview-dashboard .dashboard-attention>.aia-dashboard{flex:0 1 auto;min-height:0;max-height:55%;overflow:auto}
#app #overview-dashboard #admin-instance-incident-list{padding:10px 16px}
#app #overview-dashboard .admin-work-empty{padding:14px 16px;font-size:12px}
#app #admin-work-activity>article{padding:10px 16px}
#app #overview-dashboard .dashboard-list>button{min-height:60px;padding:10px 16px}
#app #overview-dashboard .admin-overview-metric small{display:none}
#app #overview-dashboard .operations-command-bar{flex:none}
#app #overview-accounts .accounts-workspace{flex:1;height:auto;min-height:0;overflow:hidden}
#app #overview-accounts .accounts-workspace>*{min-height:0;overflow:auto}
#app #overview-customers .customer-products{flex:1;min-height:0;overflow:auto}
#app #overview-feedback .afw-workspace{flex:1;height:auto;min-height:0;overflow:hidden}
#app #overview-feedback .afw-workspace>*{min-height:0;overflow:auto}
#app #overview-audit .audit-console{display:flex;flex-direction:column;overflow:hidden}
#app #overview-audit :is(.audit-toolbar,.audit-console>.panel-head){flex:none}
#app #overview-audit #audit-list{flex:1;min-height:0;max-height:none;overflow:auto}
#app.disposition-admin #overview-tickets.atw-workspace{height:auto;max-height:none;min-height:0;overflow:hidden}
/* Keep the instance header and tabs at their natural height. Only the visible
   detail section scrolls; the old .customer-tab selector matched no element. */
#app.disposition-admin #customer-page>.customer-toolbar{flex:none;min-width:0;overflow:visible}
#app.disposition-admin #customer-page .customer-toolbar-title{min-width:0}
#app.disposition-admin #customer-page>.customer-workspace{display:flex;flex-direction:column;flex:1;min-height:0;min-width:0}
#app.disposition-admin #customer-page .customer-sidebar{flex:none;min-height:0;margin-bottom:12px}
#app.disposition-admin #customer-page .customer-sidebar nav{flex-wrap:wrap;overflow:visible}
#app.disposition-admin #customer-page .customer-sidebar nav button{flex:none}
#app.disposition-admin #customer-page .customer-detail-content{display:flex;flex-direction:column;flex:1;min-height:0;min-width:0;overflow:hidden}
#app.disposition-admin #customer-page .customer-detail-content>.detail-section:not([hidden]){flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}
@media(max-height:620px){
 #app.disposition-admin #customer-page{overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}
 #app.disposition-admin #customer-page>.customer-workspace{flex:1 0 240px;min-height:240px}
}
@media(min-width:1021px){
 #app.disposition-admin>.admin-sidebar{flex:none;top:64px;height:64px;min-height:64px;padding-block:8px}
}
@media(max-width:1020px){
 #app.disposition-admin .admin-content{padding:14px 18px 0}
 #app .admin-hero{padding-bottom:12px}
 #app .admin-hero h1{font-size:24px}
 #app .admin-hero p{font-size:12px}
}
@media(max-width:640px){
 #app.disposition-admin .admin-content{padding:10px 12px 0}
 #app .admin-hero h1{font-size:21px}
 #app .admin-hero p{display:none}
 #app #overview-dashboard .admin-overview-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-bottom:8px}
 #app #overview-dashboard .admin-overview-metric{padding:9px 7px;display:flex;flex-direction:column;align-items:flex-start;gap:5px}
 #app #overview-dashboard .admin-metric-icon{display:none}
 #app #overview-dashboard .admin-metric-label{font-size:10px;line-height:1.3}
 #app #overview-dashboard .admin-overview-metric strong{font-size:23px}
 #app #overview-dashboard .dashboard-grid{grid-template-columns:1fr;grid-template-areas:'instances' 'attention' 'support' 'activity';grid-template-rows:repeat(4,minmax(150px,1fr));overflow:auto}
 #app #overview-dashboard .operations-command-bar{padding:8px 10px;min-height:36px}
 #app #overview-dashboard .operations-command-bar>div:first-child{display:none}
}

/* The header already shows unread tickets. Keep the data sink and the original
   reader actions, with the acknowledgement action in the inbox filters. */
#app #ticket-new-alert{display:none}
#app .admin-monitoring-resources{padding:12px 16px;margin:0 0 12px}
#app .admin-resource-heading{margin-bottom:10px}
#app .admin-resource-heading h2{font-size:14px}
#app .admin-resource-heading>span{display:none}
#app .admin-monitoring-resources #dashboard-stats{margin:0;gap:12px}
#app .admin-monitoring-resources #dashboard-stats article{padding:0 12px 0 0;min-height:0}
#app .admin-monitoring-resources #dashboard-stats strong{font-size:23px;margin:3px 0}
#app .admin-monitoring-resources #dashboard-stats p{margin-top:3px;font-size:11px}
#app .admin-monitoring-resources>.admin-secondary-details{margin-top:12px;padding-top:10px}
#app .admin-monitoring-resources>.admin-secondary-details>summary{padding:10px 12px;font-size:12px}

/* File workspace palette shared by every Admin area. */
html[data-admin-theme=dark]{--admin-canvas:#1f1f1f;--admin-surface:#282828;--admin-text:#f3f3f3;--admin-muted:#b7b7b7;--admin-border:#3b3b3b;--admin-subtle:#292929;--admin-hover:#333;--admin-selected:#08283e;--admin-accent:#65b8f5;--admin-icon:#b7b7b7;--admin-header:#141414}
html[data-admin-theme=light]{--admin-canvas:#f7f8fa;--admin-surface:#fff;--admin-text:#233047;--admin-muted:#606d80;--admin-border:#dfe3e9;--admin-subtle:#f0f2f5;--admin-hover:#f2f5f9;--admin-selected:#e7f2fd;--admin-accent:#126dbc;--admin-icon:#606d80;--admin-header:#fff}
html[data-admin-theme] #app.disposition-admin>.admin-topbar{background:var(--admin-header)}
html[data-admin-theme] body.admin-workspace #app :is(button.primary,a.primary){background:#2563eb;border-color:#2563eb;color:#fff}
html[data-admin-theme] body.admin-workspace #app :is(button.primary,a.primary):hover{background:#1d4ed8;border-color:#1d4ed8;color:#fff}