/* Navigation improves discovery without creating additional business editors. */
.navigation-tree-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.nav-mobile-trigger{display:none}
.navigation-center{border:0;margin:4px 0}
.navigation-center>summary{padding:10px 8px;display:flex;align-items:center;gap:6px;cursor:pointer;font-weight:650;border-radius:8px;color:var(--ink,#182538);list-style:none}
.navigation-center>summary:before{content:"▸";font-size:13px}
.navigation-center[open]>summary:before{content:"▾"}
.navigation-center>summary small{margin-left:auto;font-weight:400}
.navigation-center>div{padding-left:9px}
.admin-primary-nav.side-nav .navigation-center a{display:block;padding:9px 12px;margin:2px 0;font-size:13px}
.navigation-tree-tools{padding:6px 0 10px}
.navigation-tree-tools button{font-size:13px;padding:6px 8px}
.admin-core-context{padding:10px 0}
.admin-core-context .actions{flex-wrap:wrap}
.page-section-nav{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 18px;padding:10px;border:1px solid var(--border,#dce4f0);border-radius:12px;background:var(--surface,#fff)}
.page-section-nav a{padding:7px 12px;border:1px solid var(--border,#dce4f0);border-radius:8px;text-decoration:none;font-size:13px;color:var(--ink,#182538)}
.page-section-nav a:hover,.page-section-nav a[aria-current]{background:#eaf0ff;color:#235ce5;border-color:#9bb7ff}
[data-nav-target]{scroll-margin-top:20px}
[data-nav-target]:focus{outline:3px solid #4c7aff;outline-offset:4px}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #4c7aff;outline-offset:3px}
.navigation-dialog{width:min(680px,calc(100vw - 24px));max-height:calc(100dvh - 32px);padding:0;border:1px solid var(--border,#dce4f0);border-radius:16px;background:var(--surface,#fff);color:var(--ink,#182538)}
.navigation-dialog::backdrop{background:rgb(15 23 42 / .4);backdrop-filter:blur(3px)}
.navigation-dialog-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--border,#dce4f0)}
.navigation-dialog-head h2{font-size:18px;margin:0}
.navigation-search{margin:16px 20px}
.navigation-search input{width:100%}
.navigation-results{padding:0 20px 20px;overflow-y:auto;max-height:65dvh}
.navigation-result{display:flex;flex-direction:column;gap:5px;padding:13px 12px;margin:6px 0;border:1px solid var(--border,#dce4f0);border-radius:9px;color:inherit;text-decoration:none}
.navigation-result small{color:var(--muted,#64748b)}
.navigation-result:hover{background:#eaf0ff;color:#174fc4}
.navigation-result[aria-current=page]{border-color:#608fff;box-shadow:inset 3px 0 #2f66e9}
.governance-task-groups{display:flex;flex-wrap:wrap;gap:12px;margin:16px 0}
.governance-task-groups section{flex:1 1 170px;border:1px solid var(--border,#dce4f0);padding:12px;border-radius:12px}
.governance-task-groups h3{margin:0 0 10px;font-size:14px}
.governance-task-groups button{display:block;width:100%;text-align:left;margin:5px 0}
.governance-task-groups button[aria-pressed=true]{background:#eaf0ff;color:#174fc4;border-color:#8aabff}
.upstream-row-tools{min-width:260px}
.upstream-row-tools>details{margin:12px 0}
.upstream-row-tools summary{cursor:pointer;font-weight:600}
.upstream-danger{border:1px solid #e5a5a5;padding:10px;border-radius:8px}
.upstream-danger summary{color:#b42318}
.upstream-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin:12px 0}
.upstream-summary-grid a{border:1px solid var(--border,#dce4f0);border-radius:10px;padding:12px;text-decoration:none;color:inherit}
.payment-issue-summary{display:flex;gap:12px;flex-wrap:wrap;margin:14px 0}
.payment-issue-summary a{padding:12px 16px;border:1px solid #dfb863;border-radius:10px;background:#fff7e4;color:#704500;text-decoration:none}
[data-theme=dark] .navigation-dialog,[data-theme=dark] .page-section-nav{background:#172132;color:#e5ecfa}
[data-theme=dark] .navigation-center>summary,[data-theme=dark] .page-section-nav a{color:#e5ecfa}
@media(max-width:1000px){
}
@media(max-width:800px){
  .nav-mobile-trigger{display:inline-flex}
  .admin-shell{display:block}
  .admin-shell>.sidebar{display:none!important}
  .admin-body{margin-left:0!important;width:100%;min-width:0}
  .admin-top{height:auto;min-height:60px;flex-wrap:wrap;gap:10px;padding:12px}
  .admin-top .actions{gap:6px;flex-wrap:wrap}
  .admin-main{padding:16px!important}
  .admin-secondary-nav{flex-wrap:wrap!important;overflow:visible!important}
  .admin-secondary-nav a{white-space:normal}
  .page-section-nav a{flex:1 1 115px;text-align:center}
  .navigation-dialog[data-mode=drawer]{margin:0 0 0 auto;border-radius:16px 0 0 16px;width:min(420px,100vw);max-height:100dvh;height:100dvh}
  .navigation-results{max-height:calc(100dvh - 180px)}
}
@media(prefers-reduced-motion:reduce){.navigation-dialog{scroll-behavior:auto}}

/* Prior upstream information layout; contain horizontal scrolling on mobile. */
.upstream-legacy-list{max-width:100%;overflow-x:auto}
.upstream-legacy-list table{min-width:960px}
.upstream-legacy-list td{vertical-align:top}
.upstream-legacy-list td:nth-child(1){width:26%;min-width:220px}
.upstream-legacy-list td:nth-child(2){width:30%;min-width:240px}
.upstream-legacy-list td:nth-child(3){width:44%;min-width:340px}

/* Model prices and channel status retain their current functional presentation. */
.mx-dynamic{display:inline-block;width:fit-content;border-radius:5px;background:var(--accent-soft);color:var(--accent);padding:3px 6px;font-size:13px;margin:6px 0}
.mx-price b{line-height:1.7}.mx-price small{line-height:1.7}
.status-toolbar{display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap;gap:10px;margin:0 0 20px}
.status-toolbar .segmented{margin-right:auto}.status-toolbar button{min-height:36px}
.channel-status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:18px}
.channel-status-card{border:1px solid var(--border);border-radius:12px;background:var(--surface);padding:22px;max-width:640px}
.channel-card-heading{display:flex;align-items:center;gap:12px;margin-bottom:26px}.channel-card-heading>div{flex:1;min-width:0}
.channel-card-heading h2{font-size:16px;margin:0 0 4px;overflow-wrap:anywhere}.channel-card-heading p{font-size:13px;color:var(--muted);margin:0}
.channel-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:9px;background:var(--accent-soft);color:var(--accent);font-size:24px}
.channel-check-bars{display:flex;gap:3px;height:28px;margin:0 0 10px}.channel-check{flex:1;min-width:0;border-radius:3px;background:#d9dee9}
.channel-check.operational{background:#19a673}.channel-check.unavailable,.channel-check.disabled{background:#e65b6a}.channel-check.maintenance{background:#e5ad43}
.status-between{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:10px 0;font-size:13px;color:var(--muted)}
.status-between strong{font-size:24px;color:var(--ink);font-variant-numeric:tabular-nums}.status-between b{color:var(--ink)}
.status-empty{grid-column:1/-1;text-align:center;padding:48px}
.official-zoom{display:flex;align-items:center;gap:10px;margin-right:auto;font-variant-numeric:tabular-nums}
.official-status-viewport{position:relative;height:calc(100dvh - 265px);min-height:520px;overflow:hidden;border:1px solid var(--border);border-radius:12px;background:var(--surface)}
.official-status-viewport iframe{border:0;transform-origin:top left;display:block}
.official-summary{margin-top:16px;padding:16px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}
.official-components{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));column-gap:26px}
body:has(.customer-front #native-workspace.native-dialog-active)::after{left:218px;top:72px}
body .customer-front #native-workspace.native-dialog-active{left:230px;top:84px;right:12px;bottom:12px;width:calc(100vw - 242px)!important;height:calc(100dvh - 96px)!important}
@media(max-width:760px){
  .channel-status-card{max-width:none;padding:18px}
  .official-status-viewport{height:65dvh;min-height:420px}
  body:has(.customer-front #native-workspace.native-dialog-active)::after{left:0;top:220px}
  body .customer-front #native-workspace.native-dialog-active{left:8px;top:230px;right:8px;bottom:8px;width:calc(100vw - 16px)!important;height:calc(100dvh - 238px)!important}
}

/* Backend-only fluid workspace: preserve customer navigation and text scale. */
.admin-shell { grid-template-columns:236px minmax(0,1fr); }
.admin-shell > .admin-body { min-width:0; width:100%; }
.admin-shell .admin-main { box-sizing:border-box; width:100%; max-width:none; margin:0; padding:clamp(20px,2.1vw,40px); }
.admin-main > *, .admin-main .panel, .admin-main .panel-body { min-width:0; max-width:100%; }
.admin-main .table-wrap { max-width:100%; overflow-x:auto; overscroll-behavior-inline:contain; }
.admin-main .actions { flex-wrap:wrap; }
.admin-main .notice { overflow-wrap:anywhere; }
.admin-main .panel:has(> #native-workspace[data-station-users="unified"]) { animation:none; transform:none; }
.admin-main #native-workspace[data-station-users="unified"]:not(.native-dialog-active) { min-height:480px!important; }
@media (min-width:761px) and (max-width:1100px) { .admin-shell { grid-template-columns:210px minmax(0,1fr); } }
@media (max-width:800px) { .admin-shell { display:block; } .admin-shell .admin-main { padding:16px!important; }
  .admin-main #native-workspace[data-station-users="unified"]:not(.native-dialog-active) { min-height:min(720px,calc(100svh - 96px))!important; }
}

.admin-main .admin-context-tools { margin:12px 0; padding:0; border:0; background:transparent; }
.admin-page-actions { display:flex; align-items:center; flex-wrap:wrap; gap:8px; margin:12px 0 18px; padding:10px; border:1px solid var(--border,#dce4f0); border-radius:12px; background:var(--surface,#fff); }
.admin-page-actions:empty { display:none; }
.admin-page-actions > .page-section-nav { flex:1 1 auto; margin:0; padding:0; border:0; background:transparent; }
.admin-page-actions > .admin-context-tools { margin:0; padding:0; }
.admin-page-actions .admin-context-tools .actions { margin:0; }
.admin-page-actions .admin-context-tools button { font-size:13px; }

/* Backend header actions: public navigation remains unchanged. */
.admin-shell .admin-top { position:relative; z-index:12; gap:16px; }
.admin-shell .admin-top>.actions { flex-wrap:nowrap; gap:10px; }
.admin-header-search { display:inline-flex; align-items:center; gap:8px; white-space:nowrap; font-size:13px; }
.admin-header-search svg { width:17px; height:17px; flex:none; }
.admin-account-menu { position:relative; flex:none; }
.admin-account-menu>summary { display:flex; align-items:center; gap:8px; min-height:44px; padding:9px 12px; border:1px solid var(--border); border-radius:9px; cursor:pointer; list-style:none; font-size:13px; white-space:nowrap; background:var(--surface); }
.admin-account-menu>summary::-webkit-details-marker { display:none; }
.admin-account-role { font-weight:650; color:var(--ink); }
.admin-account-name { max-width:150px; overflow:hidden; text-overflow:ellipsis; color:var(--muted); }
.admin-account-menu[open]>summary { border-color:var(--accent); background:var(--accent-soft); }
.admin-account-dropdown { position:absolute; right:0; top:100%; z-index:50; min-width:220px; padding:10px; border:1px solid var(--border); border-radius:11px; background:var(--surface); box-shadow:0 12px 35px #17284220; }
.admin-account-dropdown>small { display:block; padding:6px 9px 10px; overflow-wrap:anywhere; }
.admin-account-dropdown>button { display:block; width:100%; text-align:left; border:0; font-size:13px; }
.admin-account-dropdown>[data-action=logout] { color:var(--bad); }
.admin-account-frame { display:block; width:100%; height:min(650px,65dvh); min-height:320px; border:0; border-radius:9px; }
.admin-primary-nav .admin-navigation-footer { margin-top:14px; padding:14px 5px 4px; border-top:1px solid var(--border); justify-content:space-between; gap:4px; }
.admin-navigation-footer>span { font-size:12px; color:var(--muted); }
.admin-primary-nav.side-nav .admin-navigation-footer>button { min-height:32px; padding:5px 8px; font-size:12px; color:var(--muted); border:1px solid var(--border); }
@media(max-width:1100px) {
  .admin-shell .admin-top { padding-inline:18px; gap:10px; }
  .admin-shell .admin-top>.actions { gap:6px; }
  .admin-shell .admin-top .btn { padding-inline:10px; font-size:13px; }
  .admin-account-name { max-width:100px; }
}
@media(max-width:800px) {
  .admin-shell .admin-top { align-items:flex-start; }
  .admin-shell .admin-top>.crumb { flex:1 1 100%; }
  .admin-shell .admin-top>.actions { width:100%; justify-content:flex-end; flex-wrap:wrap; }
  .admin-shell .admin-top .nav-mobile-trigger { margin-right:auto; }
  .admin-account-menu>summary { min-height:40px; padding:8px; gap:6px; }
  .admin-account-name { max-width:85px; }
  .admin-header-search { padding-inline:10px; }
}
@media(max-width:430px) {
  .admin-account-menu { margin-left:auto; }
  .admin-account-name { max-width:120px; }
}