/* DSCloud · one identity, public and operational surfaces. */
:root {
  --ocean-950:#080f19; --ocean-900:#0c1724; --ocean-850:#111f2f;
  --ocean-800:#17293b; --ocean-700:#243c52; --ocean-400:#5895df;
  --ocean-300:#87b7ed; --cloud-white:#f3f7fc;
  --canvas:var(--ocean-950); --panel:var(--ocean-850); --panel-raised:var(--ocean-800);
  --ink-primary:var(--cloud-white); --ink-secondary:#c1d0df; --ink-meta:#91a9be;
  --edge:rgba(150,185,219,.17); --edge-strong:rgba(150,185,219,.32);
  --action:#3279cb; --action-hover:#408bdf; --success:#6fc5a4; --warning:#dfb86e; --danger:#f09caa;
  --bg:var(--canvas); --surface:var(--panel); --surface-muted:var(--ocean-900);
  --text:var(--ink-primary); --muted:var(--ink-secondary); --line:var(--edge);
  --brand:var(--ocean-300); --brand-strong:var(--action); --cyan:var(--ocean-300);
  --button-bg:var(--action); --control-bg:var(--ocean-900); --card-bg:var(--panel);
  --radius-control:10px; --radius-card:16px; --radius-dialog:22px;
  --motion-fast:160ms; --motion-ui:240ms; --motion-enter:600ms;
  --motion-ease:cubic-bezier(.23,1,.32,1); --space-unit:4px;
}
body.light {
  color-scheme:light;
  --canvas:#edf3f9; --panel:#fff; --panel-raised:#f6f9fd; --control-bg:#f5f8fc;
  --ink-primary:#152b40; --ink-secondary:#415b73; --ink-meta:#536d85;
  --edge:rgba(38,76,112,.16); --edge-strong:rgba(38,76,112,.32);
  --ocean-300:#286bb9; --bg:var(--canvas); --surface:var(--panel); --surface-muted:var(--control-bg);
  --text:var(--ink-primary); --muted:var(--ink-secondary); --line:var(--edge); --brand:var(--ocean-300);
  --card-bg:var(--panel); --button-bg:var(--action); --cyan:var(--ocean-300);
}
html { scroll-padding-top:96px; }
body:not(.premium-ignore) {
  color:var(--ink-primary)!important; background:var(--canvas)!important;
  font-family:Inter,"Segoe UI",system-ui,sans-serif; font-size:16px; line-height:1.6;
  -webkit-font-smoothing:antialiased; animation:none!important;
}
body::before,body::after { background:none!important; }
body:is(.marketing,.app-shell,.admin-shell,.login-page) :is(main,.app-main,.admin-main,.docs-layout) { min-width:0; }
body:is(.marketing,.app-shell,.admin-shell,.login-page) :is(h1,h2,h3,h4) { color:var(--ink-primary); text-wrap:balance; text-shadow:none!important; }
body:is(.marketing,.app-shell,.admin-shell,.login-page) :is(p,li) { text-wrap:pretty; }
body:is(.marketing,.app-shell,.admin-shell,.login-page) :is(h1,h2) { letter-spacing:-.045em; }
body:is(.marketing,.app-shell,.admin-shell,.login-page) :is(.eyebrow) { color:var(--ink-meta)!important; font-family:inherit; font-size:11px; letter-spacing:.1em; }
body:is(.marketing,.app-shell,.admin-shell,.login-page) :is(.button,.icon-button,button,input,select,textarea,a) { -webkit-tap-highlight-color:transparent; }
body:is(.marketing,.app-shell,.admin-shell,.login-page) :is(a,button,input,select,textarea):focus-visible { outline:2px solid var(--ocean-300)!important; outline-offset:4px; }
body:is(.marketing,.app-shell,.admin-shell,.login-page) .button,body:is(.marketing,.app-shell,.admin-shell,.login-page) .cta-button { min-height:44px; padding:11px 20px; border:1px solid transparent!important; border-radius:var(--radius-control)!important; color:#fff!important; background:var(--button-bg)!important; box-shadow:none!important; font-size:14px; font-weight:700; text-shadow:none; transition:transform var(--motion-fast) var(--motion-ease),background var(--motion-fast)!important; }
body:is(.marketing,.app-shell,.admin-shell,.login-page) .button:hover,body:is(.marketing,.app-shell,.admin-shell,.login-page) .cta-button:hover { background:var(--action-hover)!important; transform:translateY(-2px); }
body:is(.marketing,.app-shell,.admin-shell,.login-page) .button:active { transform:scale(.98); }
body:is(.marketing,.app-shell,.admin-shell,.login-page) .button::before,body:is(.marketing,.app-shell,.admin-shell,.login-page) .button::after { content:none!important; }
body:is(.marketing,.app-shell,.admin-shell,.login-page) .button-quiet,body:is(.marketing,.app-shell,.admin-shell,.login-page) .button.secondary { color:var(--ink-secondary)!important; background:var(--panel-raised)!important; border-color:var(--edge-strong)!important; }
body:is(.marketing,.app-shell,.admin-shell,.login-page) .button-quiet:hover { color:var(--ink-primary)!important; background:var(--panel)!important; }
body:is(.marketing,.app-shell,.admin-shell,.login-page) .button-small { min-height:40px; padding:8px 14px; font-size:13px; }
body:is(.marketing,.app-shell,.admin-shell,.login-page) .icon-button { min-width:42px; min-height:42px; border:1px solid var(--edge)!important; border-radius:10px; color:var(--ink-secondary)!important; background:var(--panel)!important; box-shadow:none!important; }
body button:disabled,body:is(.marketing,.app-shell,.admin-shell,.login-page) .button:disabled { opacity:.48; cursor:not-allowed; transform:none!important; }
body:is(.marketing,.app-shell,.admin-shell,.login-page) :is(input:not([type=checkbox]):not([type=radio]):not([type=file]),textarea,select) { min-width:0; max-width:100%; color:var(--ink-primary)!important; background:var(--control-bg)!important; border-color:var(--edge-strong)!important; border-radius:var(--radius-control); font:inherit; font-size:14px!important; box-shadow:none; }
body:is(.marketing,.app-shell,.admin-shell,.login-page) :is(input,select) { min-height:44px; }
body textarea { line-height:1.65; }
body input::placeholder,body textarea::placeholder { color:var(--ink-meta); opacity:1; }
body label { color:var(--ink-secondary); }
body:is(.marketing,.app-shell,.admin-shell,.login-page) :is(.global-logo,.brand img,.admin-orbit-logo) { filter:none!important; }
body:is(.marketing,.app-shell,.admin-shell,.login-page) .spot::after { display:none!important; }
body:is(.marketing,.app-shell,.admin-shell,.login-page) :is(.feature-grid article,.rail-card,.steps article,.workspace-action,.form-card,.price-card,.summary-card,.resource-summary-card,.application-card,.stat-card,.admin-card,.admin-stat,.status-card,.review-card,.portal-card,.deploy-card,.deploy-guide-card,.deploy-security-card) { color:var(--ink-primary); background:var(--card-bg)!important; border:1px solid var(--edge)!important; border-radius:var(--radius-card)!important; box-shadow:none!important; }
body:is(.marketing,.app-shell,.admin-shell,.login-page) :is(.feature-grid article,.rail-card,.steps article,.workspace-action,.summary-card,.resource-summary-card,.application-card,.admin-stat)::after { content:none!important; }
body:is(.marketing,.app-shell,.admin-shell,.login-page) :is(.feature-grid article,.rail-card,.workspace-action,.price-card):hover { border-color:var(--edge-strong)!important; box-shadow:none!important; transform:translateY(-3px); }
body:is(.marketing,.app-shell,.admin-shell,.login-page) :is(.feature-icon,.step-icon,.workspace-action-icon,.deploy-card-icon,.deploy-dropzone-icon) { color:var(--ocean-300)!important; border:1px solid var(--edge)!important; background:var(--panel-raised)!important; box-shadow:none!important; }
body:is(.marketing,.app-shell,.admin-shell,.login-page) :is(.feature-icon,.step-icon,.workspace-action-icon) { transform:none!important; }
body:is(.marketing,.app-shell,.admin-shell,.login-page) :is(.feature-grid p,.rail-card p,.form-card p,.steps p,.portal-lede,.admin-meta,.admin-heading p,.resource-overview-note,.deploy-hero-copy) { color:var(--ink-secondary)!important; font-size:15px; line-height:1.7; }
body:is(.marketing,.app-shell,.admin-shell,.login-page) :is(.summary-card b,.admin-stat b,.resource-summary-card b,.price-card>b) { font-variant-numeric:tabular-nums; }
/* The Index composition is the reference for every public header. */
body:is(.marketing,.app-shell,.admin-shell,.login-page) .site-header.global-header { position:sticky!important; top:0; display:grid!important; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:20px; height:auto!important; min-height:80px; padding:0 max(24px,calc((100vw - 1440px)/2))!important; background:var(--canvas)!important; border-bottom:1px solid var(--edge)!important; box-shadow:none!important; backdrop-filter:none!important; }
body:is(.marketing,.app-shell,.admin-shell,.login-page) .global-header::after { content:none!important; }
body:is(.marketing,.app-shell,.admin-shell,.login-page) .global-header .global-brand { min-width:0; flex:initial; gap:10px; }
body:is(.marketing,.app-shell,.admin-shell,.login-page) .global-brand>span { color:var(--ink-primary)!important; font-size:21px!important; letter-spacing:-.04em; }
body:is(.marketing,.app-shell,.admin-shell,.login-page) .global-brand small { display:none; }
body:is(.marketing,.app-shell,.admin-shell,.login-page) .global-header .global-logo { width:38px!important; height:38px!important; transform:none!important; }
body:is(.marketing,.app-shell,.admin-shell,.login-page) .global-header .global-nav { position:static; display:flex!important; align-items:center; justify-content:center; gap:4px; padding:0; background:transparent; border:0; box-shadow:none; }
body:is(.marketing,.app-shell,.admin-shell,.login-page) .global-header .global-nav-link { padding:10px!important; border:0; border-radius:8px; color:var(--ink-secondary)!important; background:transparent!important; font-size:13px; font-weight:650; text-shadow:none!important; white-space:nowrap; }
body:is(.marketing,.app-shell,.admin-shell,.login-page) .global-header .global-nav-link>span { display:none; }
body:is(.marketing,.app-shell,.admin-shell,.login-page) .global-header .global-nav-link:is(:hover,.is-active) { color:var(--ink-primary)!important; background:var(--panel)!important; }
body:is(.marketing,.app-shell,.admin-shell,.login-page) .global-header .global-header-actions { flex:initial; gap:10px; justify-content:end; }
body:is(.marketing,.app-shell,.admin-shell,.login-page) .global-header .global-theme-toggle { display:grid; }
body:is(.marketing,.app-shell,.admin-shell,.login-page) .global-header .global-login { min-width:88px; }
body:is(.marketing,.app-shell,.admin-shell,.login-page) .global-header .global-nav-theme { display:none; }
body:is(.reference-home,.marketing,.login-page,.portal-page) .site-header.global-header { background:var(--canvas)!important; }
body.reference-home .site-header.global-header::after { content:none!important; }
body.reference-home main :where(section,article,div) { font-size:16px; }
body.reference-home .section-intro { max-width:720px; margin:0 auto 40px; text-align:center; }
body.reference-home .section-intro h2 { margin:12px 0 18px; font-size:clamp(32px,4vw,48px); line-height:1.15; }
body.reference-home .section-intro p:not(.eyebrow) { margin:0; color:var(--ink-secondary); font-size:17px; line-height:1.7; }
body.reference-home .hero-stack { gap:10px; }
body.reference-home .hero-stack span { color:var(--ink-secondary); background:var(--panel)!important; border-color:var(--edge)!important; }
body.reference-home .reference-hero .eyebrow { background:transparent!important; border-color:var(--edge)!important; box-shadow:none!important; }
body:is(.marketing,.app-shell,.admin-shell,.login-page) .js .reveal,body.js .reveal,html.js body:is(.marketing,.app-shell,.admin-shell,.login-page) .reveal { opacity:1; transform:none; }
/* Authored homepage: retain hero/consola; refine the hierarchy and material. */
body.reference-home .reference-hero { padding-top:88px; padding-bottom:92px; min-height:620px; }
body.reference-home .reference-hero h1 { color:var(--ink-primary); filter:none!important; }
body.reference-home .reference-hero h1 em { color:var(--ocean-300)!important; background:none!important; -webkit-text-fill-color:var(--ocean-300)!important; filter:none!important; }
body.reference-home .reference-hero .hero-lede { max-width:560px; color:var(--ink-secondary); font-size:22px; line-height:1.6; }
body.reference-home .reference-hero { isolation:isolate; }
body.reference-home .reference-hero::after { content:""; position:absolute; z-index:-1; left:-280px; top:40px; width:540px; height:540px; background:url('/assets/dscloud-logo-transparent.webp') center/contain no-repeat; opacity:.035; pointer-events:none; }
body.reference-home .reference-terminal { background:var(--ocean-900)!important; border-color:var(--edge-strong)!important; box-shadow:0 30px 70px rgba(0,0,0,.2)!important; transform:rotate(-1deg); }
body.reference-home .terminal-bar { border-color:var(--edge); }
body.reference-home .terminal-body { color:#c6d8e9; }
body.reference-home .terminal-success { color:var(--success); }
body.reference-home .feature-grid { gap:0; border-block:1px solid var(--edge); }
body.reference-home .feature-grid article { padding:32px!important; border:0!important; border-right:1px solid var(--edge)!important; border-radius:0!important; background:transparent!important; }
body.reference-home .feature-grid article:last-child { border-right:0!important; }
body.reference-home .feature-grid article::before { content:none!important; }
body.reference-home .feature-grid article h3 { margin-top:24px; font-size:20px!important; color:var(--ink-primary)!important; }
body.reference-home .feature-grid article p { font-size:16px!important; }
body:is(.marketing,.app-shell,.admin-shell,.login-page) .security-band { background:var(--panel)!important; border-color:var(--edge)!important; box-shadow:none!important; }
body:is(.marketing,.app-shell,.admin-shell,.login-page) .final-signal { position:relative; overflow:hidden; background:var(--ocean-900)!important; border-color:var(--edge)!important; padding:48px!important; }
body:is(.marketing,.app-shell,.admin-shell,.login-page) .final-signal::after { content:""; position:absolute; right:-110px; bottom:-180px; width:480px; height:480px; background:url('/assets/dscloud-logo-transparent.webp') center/contain no-repeat; opacity:.07; pointer-events:none; }
body:is(.marketing,.app-shell,.admin-shell,.login-page) .final-signal>* { position:relative; z-index:1; }
body:is(.marketing,.app-shell,.admin-shell,.login-page) .faq-section details { border:0!important; border-bottom:1px solid var(--edge)!important; border-radius:0!important; background:transparent!important; padding:24px 0; }
body:is(.marketing,.app-shell,.admin-shell,.login-page) .faq-section summary { color:var(--ink-primary); font-size:18px; }
/* One footer family; compact tool variant preserves live timestamp nodes. */
body:is(.marketing,.app-shell,.admin-shell,.login-page) .global-footer { background:var(--ocean-900)!important; border-top:1px solid var(--edge)!important; box-shadow:none!important; }
body.light .global-footer { background:var(--panel)!important; }
body:is(.marketing,.app-shell,.admin-shell,.login-page) .global-footer::before,body:is(.marketing,.app-shell,.admin-shell,.login-page) .global-footer::after,body:is(.marketing,.app-shell,.admin-shell,.login-page) .global-footer-aurora { display:none!important; }
body:is(.marketing,.app-shell,.admin-shell,.login-page) .global-footer-intro p,body:is(.marketing,.app-shell,.admin-shell,.login-page) .global-footer section>a,body:is(.marketing,.app-shell,.admin-shell,.login-page) .global-footer-links p { color:var(--ink-secondary)!important; font-size:14px!important; }
body:is(.marketing,.app-shell,.admin-shell,.login-page) .global-footer h2 { color:var(--ink-primary); }
body:is(.marketing,.app-shell,.admin-shell,.login-page) .global-footer-grid { padding-top:56px; padding-bottom:40px; }
body:is(.marketing,.app-shell,.admin-shell,.login-page) .ds-footer-compact { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:16px; margin-top:40px; padding:24px 28px; border-top:1px solid var(--edge); color:var(--ink-meta); background:transparent!important; font-size:12px; }
.ds-footer-brand { display:flex; align-items:center; gap:8px; color:var(--ink-secondary); font-weight:700; }.ds-footer-brand img { width:25px; height:25px; object-fit:contain; }
.ds-footer-links { display:flex; flex-wrap:wrap; gap:18px; }.ds-footer-links a:hover { color:var(--ink-primary); }
.ds-network-notice { position:fixed; z-index:10000; bottom:20px; left:50%; transform:translateX(-50%); display:flex; align-items:start; gap:16px; width:min(600px,calc(100vw - 32px)); padding:18px 20px; color:var(--ink-primary); background:var(--panel-raised); border:1px solid var(--edge-strong); border-left:3px solid var(--warning); border-radius:var(--radius-card); box-shadow:0 12px 36px rgba(0,0,0,.25); }
.ds-network-notice strong { display:block; font-size:15px; }
.ds-network-notice p { margin:6px 0 0; color:var(--ink-secondary); font-size:13px; line-height:1.6; }
.ds-network-notice button { flex:0 0 36px; min-height:36px; padding:0; color:var(--ink-secondary); border:1px solid var(--edge); border-radius:8px; background:transparent; font-size:22px; cursor:pointer; }
.ds-workspace-switch { position:relative; margin-left:auto; font-size:13px; }.ds-workspace-switch summary { min-height:40px; display:flex; align-items:center; padding:8px 12px; border:1px solid var(--edge); border-radius:10px; color:var(--ink-secondary); cursor:pointer; list-style:none; }.ds-workspace-switch summary::after { content:'⌄'; margin-left:10px; }.ds-workspace-switch>div { position:absolute; top:calc(100% + 8px); right:0; z-index:100; width:210px; padding:8px; border:1px solid var(--edge-strong); border-radius:12px; background:var(--panel-raised); box-shadow:0 20px 50px rgba(0,0,0,.3); }.ds-workspace-switch a { display:block; padding:10px; border-radius:7px; }.ds-workspace-switch a:hover { background:var(--panel); }
/* Operational pages share the same shell, while keeping their own density. */
body:is(.marketing,.app-shell,.admin-shell,.login-page) :is(.sidebar,.admin-sidebar) { background:var(--ocean-900)!important; border-right:1px solid var(--edge)!important; box-shadow:none!important; }
body.light :where(.sidebar,.admin-sidebar) { background:var(--panel)!important; }
body:is(.marketing,.app-shell,.admin-shell,.login-page) :is(.app-header,.admin-topbar) { z-index:50; gap:16px; border-bottom:1px solid var(--edge)!important; background:var(--canvas)!important; box-shadow:none!important; backdrop-filter:none!important; }
body:is(.marketing,.app-shell,.admin-shell,.login-page) :is(.sidebar .nav-item,.admin-sidebar nav button) { min-height:44px; color:var(--ink-secondary)!important; border:0!important; border-radius:10px; box-shadow:none!important; font-size:14px; }
body:is(.marketing,.app-shell,.admin-shell,.login-page) :is(.sidebar .nav-item.active,.admin-sidebar nav button.is-active) { color:var(--ink-primary)!important; background:var(--panel-raised)!important; box-shadow:inset 3px 0 var(--action)!important; }
body:is(.marketing,.app-shell,.admin-shell,.login-page) :is(.app-hero,.admin-heading) { position:relative; overflow:hidden; min-height:0!important; padding:32px!important; border:1px solid var(--edge)!important; border-radius:18px!important; background:var(--panel)!important; box-shadow:none!important; }
body:is(.marketing,.app-shell,.admin-shell,.login-page) :is(.app-hero,.admin-heading)::after { content:none!important; }
body:is(.marketing,.app-shell,.admin-shell,.login-page) .app-hero h1,body:is(.marketing,.app-shell,.admin-shell,.login-page) .admin-heading h1 { font-size:clamp(28px,3vw,40px)!important; line-height:1.15; }
body:is(.marketing,.app-shell,.admin-shell,.login-page) .admin-heading.compact { padding:0!important; border:0!important; border-radius:0!important; background:transparent!important; }
body:is(.marketing,.app-shell,.admin-shell,.login-page) .admin-orbit-logo { opacity:.08!important; right:-50px!important; width:270px!important; transform:rotate(-8deg); }
body:is(.marketing,.app-shell,.admin-shell,.login-page) .summary-card { min-height:132px; padding:24px; }
body:is(.marketing,.app-shell,.admin-shell,.login-page) .summary-card::before { content:none!important; }
body:is(.marketing,.app-shell,.admin-shell,.login-page) .summary-card b { margin-top:18px; color:var(--ink-primary)!important; font-size:28px; }
body:is(.marketing,.app-shell,.admin-shell,.login-page) .summary-card small { color:var(--ink-secondary)!important; }
body:is(.marketing,.app-shell,.admin-shell,.login-page) .workspace-quick-actions { margin-block:24px; }
body.dashboard-page main#main { display:flex; flex-direction:column; }
body.dashboard-page .app-hero { order:1; }
body.dashboard-page .summary-grid { order:2; }
body.dashboard-page .workspace-quick-actions { order:3; padding-block:8px; border-block:1px solid var(--edge); }
body.dashboard-page .workspace-quick-actions .workspace-action { min-height:88px!important; border:0!important; border-radius:0!important; background:transparent!important; }
body.dashboard-page .workspace-action::before { content:none!important; }
body.dashboard-page .workspace-action em { display:none; }
body.dashboard-page .resource-overview { order:4; }
body.dashboard-page .dashboard-alerts { order:5; }
body.dashboard-page .app-section { order:6; }
body.dashboard-page .app-hero::before { content:""; position:absolute; right:32%; top:-130px; width:320px; height:320px; background:url('/assets/dscloud-logo-transparent.webp') center/contain no-repeat; opacity:.035; pointer-events:none; }
body:is(.marketing,.app-shell,.admin-shell,.login-page) .workspace-action { min-height:104px!important; padding:20px; }
body:is(.marketing,.app-shell,.admin-shell,.login-page) .workspace-action b { color:var(--ink-primary)!important; font-size:15px; }
body:is(.marketing,.app-shell,.admin-shell,.login-page) .workspace-action em { color:var(--ink-secondary)!important; font-size:13px; font-style:normal; }
body:is(.marketing,.app-shell,.admin-shell,.login-page) .admin-stat-grid { gap:16px; margin-top:24px; }
body.admin-shell .admin-metric-card { background:var(--panel)!important; border:1px solid var(--edge)!important; border-radius:16px; box-shadow:none!important; }
body.admin-shell .admin-metric-card::before,body.admin-shell .admin-metric-card::after { content:none!important; }
body.admin-shell .admin-metric-card>i { color:var(--ocean-300)!important; background:var(--panel-raised)!important; border:0!important; box-shadow:none!important; }
body.admin-shell .admin-metric-card--success>i { color:var(--success)!important; }
body.admin-shell .admin-metric-card--sky>i { color:var(--warning)!important; }
body.admin-shell .admin-metric-card b { color:var(--ink-primary)!important; }
body.admin-shell :is(.admin-row,.admin-empty-state,.audit-event,.admin-doc-tools,.admin-support-stats>article) { color:var(--ink-primary); background:var(--panel)!important; border-color:var(--edge)!important; box-shadow:none!important; }
body.admin-shell .admin-records { background:transparent!important; }
body.admin-shell .admin-filter { background:transparent!important; }
body.admin-shell .admin-sidebar nav button:not(.is-active):hover { background:var(--panel)!important; }
body.admin-shell .admin-row { padding:20px; }
body.admin-shell .admin-row b { font-size:15px; }
body.admin-shell .admin-row small { font-size:13px; }
body.admin-shell .admin-health article { border:0; }
body.admin-shell .admin-topbar small,body.admin-shell .admin-sidebar-label { color:var(--ink-meta); letter-spacing:.08em; font-size:10px; }
body.admin-shell .admin-overview-bars [role=progressbar] { background:var(--panel-raised)!important; }
body.admin-shell .admin-overview-bars [role=progressbar]>span { background:var(--action)!important; box-shadow:none!important; }
body:is(.marketing,.app-shell,.admin-shell,.login-page) .admin-card { padding:24px; }
body:is(.marketing,.app-shell,.admin-shell,.login-page) .admin-record,body:is(.marketing,.app-shell,.admin-shell,.login-page) .admin-records>article { background:var(--panel)!important; border-color:var(--edge)!important; }
body:is(.marketing,.app-shell,.admin-shell,.login-page) .admin-record p,body:is(.marketing,.app-shell,.admin-shell,.login-page) .admin-record small,body:is(.marketing,.app-shell,.admin-shell,.login-page) .admin-meta { color:var(--ink-secondary)!important; font-size:13px; }
body:is(.marketing,.app-shell,.admin-shell,.login-page) :is(.admin-health article,.admin-chip,.admin-audit-event) { background:var(--panel-raised)!important; border-color:var(--edge)!important; }
body:is(.marketing,.app-shell,.admin-shell,.login-page) :is(.admin-filter,.admin-search,.application-controls,.currency-control) { background:var(--panel)!important; border-color:var(--edge)!important; box-shadow:none!important; }
body:is(.marketing,.app-shell,.admin-shell,.login-page) :is(.admin-pagination,.admin-user-tabs,.admin-doc-tabs) button { min-height:40px; color:var(--ink-secondary); border-radius:8px; }
body:is(.marketing,.app-shell,.admin-shell,.login-page) .admin-user-tabs button.is-active,body:is(.marketing,.app-shell,.admin-shell,.login-page) .admin-doc-tabs button.is-active { color:var(--ink-primary)!important; background:var(--panel-raised)!important; }
body dialog { max-width:calc(100vw - 32px)!important; max-height:calc(100dvh - 32px)!important; color:var(--ink-primary)!important; background:var(--panel)!important; border:1px solid var(--edge-strong)!important; border-radius:var(--radius-dialog)!important; }
body dialog::backdrop { background:rgba(2,8,16,.76); backdrop-filter:blur(4px); }
body:is(.marketing,.app-shell,.admin-shell,.login-page) .admin-dialog { background:var(--panel)!important; }
body #adminDocumentationDialog { width:min(1160px,calc(100vw - 32px))!important; }
body:is(.marketing,.app-shell,.admin-shell,.login-page) .admin-doc-editor { max-width:none; }
body:is(.marketing,.app-shell,.admin-shell,.login-page) .admin-doc-preview,body:is(.marketing,.app-shell,.admin-shell,.login-page) .admin-doc-toolbar,body:is(.marketing,.app-shell,.admin-shell,.login-page) .admin-doc-tabs { background:var(--panel-raised)!important; border-color:var(--edge)!important; }
body:is(.marketing,.app-shell,.admin-shell,.login-page) .deploy-hero-logo { opacity:.09!important; filter:none!important; }
body:is(.marketing,.app-shell,.admin-shell,.login-page) .deploy-dropzone { background:var(--control-bg)!important; border-color:var(--edge-strong)!important; }
body:is(.marketing,.app-shell,.admin-shell,.login-page) .deploy-dropzone:hover { border-color:var(--action)!important; }
body:is(.marketing,.app-shell,.admin-shell,.login-page) .login-brand-panel { background:var(--ocean-900)!important; }
body:is(.marketing,.app-shell,.admin-shell,.login-page) .login-brand-panel::before { width:480px; height:480px; right:-170px; top:20%; background:url('/assets/dscloud-logo-transparent.webp') center/contain no-repeat; border:0; border-radius:0; box-shadow:none; opacity:.1; }
body:is(.marketing,.app-shell,.admin-shell,.login-page) .login-brand-panel::after { display:none; }
body:is(.marketing,.app-shell,.admin-shell,.login-page) .login-form-panel { background:var(--canvas)!important; }
body:is(.marketing,.app-shell,.admin-shell,.login-page) .login-pitch h1 { font-size:clamp(40px,4.6vw,64px); }
body:is(.marketing,.app-shell,.admin-shell,.login-page) .login-card { width:min(470px,100%); }
body:is(.marketing,.app-shell,.admin-shell,.login-page) .login-intro,body:is(.marketing,.app-shell,.admin-shell,.login-page) .login-help,body:is(.marketing,.app-shell,.admin-shell,.login-page) .identity-provider small { color:var(--ink-secondary)!important; }
body:is(.marketing,.app-shell,.admin-shell,.login-page) .identity-provider { background:var(--panel)!important; border-color:var(--edge)!important; }
body:is(.marketing,.app-shell,.admin-shell,.login-page) .portal-wrap { padding-top:64px; }
body.marketing:not(.reference-home) main::before,body.marketing:not(.reference-home) main::after { content:none!important; }
body:is(.marketing,.login-page) .login-card { background:transparent!important; border:0!important; box-shadow:none!important; }
body:is(.marketing,.login-page) .login-card::before,body:is(.marketing,.login-page) .login-card::after { content:none!important; }
body.marketing :is(.support-options article,.support-tickets,.ticket-card,.ticket-detail,.review-summary,.review-form,.review-policy,.status-components article,.status-history,.docs-reader,.docs-hero) { color:var(--ink-primary); background:var(--panel)!important; border-color:var(--edge)!important; box-shadow:none!important; }
body.marketing .support-options article { padding:22px 0; background:transparent!important; }
body.marketing .support-options article :is(a,span) { color:var(--ocean-300); }
body.marketing .docs-hero { padding:40px; border-radius:18px; }
body.marketing .docs-hero::after { content:none!important; }
body.marketing .docs-hero-mark { opacity:.08; filter:none!important; right:-80px; }
body.marketing .docs-hero h1 { max-width:680px; font-size:40px; line-height:1.2; }
body.marketing .docs-hero h1 em { background:none!important; color:var(--ocean-300)!important; -webkit-text-fill-color:var(--ocean-300)!important; font-style:normal; }
body.marketing .docs-hero p { color:var(--ink-secondary); }
body.marketing .docs-search { border-color:var(--edge-strong); background:var(--control-bg)!important; box-shadow:none!important; }
body.marketing .docs-reader { border:0!important; border-radius:0!important; padding:24px; }
body.marketing .docs-reader article h1,body.marketing .docs-reader article h2:first-of-type { font-size:32px!important; line-height:1.25; }
body.marketing .docs-summary { color:var(--ink-secondary)!important; font-size:16px!important; }
body.marketing .docs-sidebar nav button.is-active { border-left-color:var(--action); color:var(--ink-primary); background:var(--panel)!important; }
body.marketing .docs-article-meta { color:var(--ink-meta); }
body.marketing .currency-orb { color:var(--ocean-300); background:var(--panel-raised); border-color:var(--edge); }
body.marketing .price-card>b { color:var(--ink-primary)!important; }
body.marketing .status-card h2 { font-size:24px; line-height:1.45; }
body.marketing .status-components article>span { background:var(--panel-raised)!important; color:var(--ocean-300)!important; box-shadow:none!important; }
body.marketing .status-history { padding:28px; border:1px solid var(--edge); border-radius:16px; }
body:is(.marketing,.app-shell,.admin-shell,.login-page) .portal-wrap>h1,body:is(.marketing,.app-shell,.admin-shell,.login-page) .status-layout h1 { font-size:clamp(36px,4.6vw,58px); }
body:is(.marketing,.app-shell,.admin-shell,.login-page) .price-card.featured { border-color:var(--ocean-300)!important; background:var(--panel-raised)!important; }
body:is(.marketing,.app-shell,.admin-shell,.login-page) .docs-sidebar,body:is(.marketing,.app-shell,.admin-shell,.login-page) .docs-article,body:is(.marketing,.app-shell,.admin-shell,.login-page) .docs-toc { background:var(--canvas)!important; border-color:var(--edge)!important; }
body:is(.marketing,.app-shell,.admin-shell,.login-page) .docs-article p,body:is(.marketing,.app-shell,.admin-shell,.login-page) .docs-article li { color:var(--ink-secondary); font-size:16px; }
body:is(.marketing,.app-shell,.admin-shell,.login-page) :is(pre,.console,.console-output,.code-block) { background:var(--ocean-900)!important; border-color:var(--edge)!important; color:#d7e5f4; }
body:is(.marketing,.app-shell,.admin-shell,.login-page) :is(.toast,.notification) { color:var(--ink-primary); background:var(--panel-raised)!important; border-color:var(--edge-strong)!important; }
/* Motion: once-only entrances, short feedback, stable final frames. */
@view-transition { navigation:auto; }
::view-transition-old(root) { animation:ds-fade-out 140ms ease both; }
::view-transition-new(root) { animation:ds-fade-in 240ms var(--motion-ease) both; }
.ds-enter { animation:ds-enter var(--motion-enter) var(--motion-ease) both; }
body:is(.marketing,.app-shell,.admin-shell,.login-page) .admin-view.is-active { animation:ds-enter 320ms var(--motion-ease) both; }
body dialog[open] { animation:ds-dialog 220ms var(--motion-ease) both; }
body:is(.marketing,.app-shell,.admin-shell,.login-page) .skeleton { background:var(--panel)!important; }
body:is(.marketing,.app-shell,.admin-shell,.login-page) .skeleton::after { background:linear-gradient(90deg,transparent,rgba(160,190,220,.07),transparent)!important; }
body #scroll-progress { height:2px; background:var(--action)!important; box-shadow:none!important; }
body:is(.marketing,.app-shell,.admin-shell,.login-page) .pulse-dot { animation:none!important; box-shadow:none!important; }
@keyframes ds-enter { from { transform:translateY(14px); } to { transform:none; } }
@keyframes dashboard-arrive { from { opacity:1; transform:translateY(10px); } to { opacity:1; transform:none; } }
@keyframes portal-arrive { from { opacity:1; transform:translateY(10px); } to { opacity:1; transform:none; } }
@keyframes ds-dialog { from { opacity:0; transform:translateY(8px) scale(.985); } to { opacity:1; transform:none; } }
@keyframes ds-fade-in { from { opacity:0; } to { opacity:1; } }
@keyframes ds-fade-out { to { opacity:0; } }
@media(min-width:1401px) { body:is(.marketing,.app-shell,.admin-shell,.login-page) .global-menu-toggle { display:none!important; } }
@media(max-width:1400px) {
  body:is(.marketing,.app-shell,.admin-shell,.login-page) .site-header.global-header { grid-template-columns:minmax(0,1fr) auto auto!important; min-height:70px; gap:12px; padding-inline:24px!important; }
  body:is(.marketing,.app-shell,.admin-shell,.login-page) .global-header .global-menu-toggle { display:flex!important; flex-direction:column; justify-content:center; align-items:center; gap:5px; order:1; width:42px; height:42px; border:1px solid var(--edge); border-radius:10px; background:var(--panel); }
  body:is(.marketing,.app-shell,.admin-shell,.login-page) .global-header .global-menu-toggle span { width:16px; height:1px; background:var(--ink-primary); }
  body:is(.marketing,.app-shell,.admin-shell,.login-page) .global-header .global-header-actions { order:2; }
  body:is(.marketing,.app-shell,.admin-shell,.login-page) .global-header .global-nav { position:absolute; top:100%; left:16px; right:16px; display:none!important; flex-direction:column; align-items:stretch; padding:12px; border:1px solid var(--edge-strong); border-radius:14px; background:var(--panel-raised); box-shadow:0 20px 50px rgba(0,0,0,.25); max-height:calc(100dvh - 90px); overflow-y:auto; }
  body:is(.marketing,.app-shell,.admin-shell,.login-page) .global-header.menu-open .global-nav { display:flex!important; }
  body:is(.marketing,.app-shell,.admin-shell,.login-page) .global-header .global-nav-link { min-height:44px; justify-content:start; }
  body:is(.marketing,.app-shell,.admin-shell,.login-page) .global-header .global-nav-theme { display:flex; align-items:center; gap:8px; min-height:44px; padding:10px; border:0; color:var(--ink-secondary); background:transparent; }
}
@media(max-width:900px) { body:is(.marketing,.app-shell,.admin-shell,.login-page) .admin-grid { grid-template-columns:minmax(0,1fr); } body:is(.marketing,.app-shell,.admin-shell,.login-page) .two-column { grid-template-columns:minmax(0,1fr); } }
@media(max-width:600px) {
  body.marketing .docs-hero { padding:28px 20px; }
  body.marketing .docs-hero h1 { font-size:30px; }
  body.marketing .docs-reader { padding:16px 0; }
  body.marketing .docs-reader article h1,body.marketing .docs-reader article h2:first-of-type { font-size:26px!important; }
  body:is(.marketing,.app-shell,.admin-shell,.login-page) .site-header.global-header { padding-inline:16px!important; gap:8px; }
  body:is(.marketing,.app-shell,.admin-shell,.login-page) .global-header .global-theme-toggle { display:none; }
  body:is(.marketing,.app-shell,.admin-shell,.login-page) .global-header .global-login { min-width:0; padding-inline:12px; }
  body:is(.marketing,.app-shell,.admin-shell,.login-page) .global-brand>span { font-size:18px!important; }
  body.reference-home .reference-hero { padding-block:52px; min-height:0; }
  body.reference-home .reference-hero .hero-lede { font-size:18px; }
  body.reference-home .feature-grid article { padding:28px 16px!important; border-right:0!important; border-bottom:1px solid var(--edge)!important; }
  body:is(.marketing,.app-shell,.admin-shell,.login-page) .final-signal { padding:28px!important; }
  body:is(.marketing,.app-shell,.admin-shell,.login-page) .final-signal::after { width:300px; height:300px; right:-140px; bottom:-100px; }
  body:is(.marketing,.app-shell,.admin-shell,.login-page) :is(.app-hero,.admin-heading) { padding:24px!important; }
  body:is(.marketing,.app-shell,.admin-shell,.login-page) .app-hero .power-actions { flex-wrap:wrap; }
  body:is(.marketing,.app-shell,.admin-shell,.login-page) .summary-grid,body:is(.marketing,.app-shell,.admin-shell,.login-page) .resource-summary-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  body:is(.marketing,.app-shell,.admin-shell,.login-page) .summary-card { min-height:120px; padding:18px; }
  body:is(.marketing,.app-shell,.admin-shell,.login-page) .summary-card b { font-size:22px; overflow-wrap:anywhere; }
  body:is(.marketing,.app-shell,.admin-shell,.login-page) .admin-card { padding:18px; }
  body:is(.marketing,.app-shell,.admin-shell,.login-page) .ds-workspace-switch summary { padding:8px; font-size:12px; }
  body:is(.marketing,.app-shell,.admin-shell,.login-page) .app-header .connection-state { display:none; }
  body:is(.marketing,.app-shell,.admin-shell,.login-page) .ds-footer-compact { padding:24px 16px; align-items:start; }
  body:is(.marketing,.app-shell,.admin-shell,.login-page) .portal-wrap { padding-top:40px; }
  body:is(.marketing,.app-shell,.admin-shell,.login-page) :is(.application-controls,.admin-filters,.admin-doc-field-grid) { flex-wrap:wrap; }
}
@media(prefers-reduced-motion:reduce) {
  *,*::before,*::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; }
  .ds-enter,.js .reveal { opacity:1!important; transform:none!important; }
  ::view-transition-old(root),::view-transition-new(root) { animation:none!important; }
}
[hidden] { display:none!important; }

/* Higher-specificity legacy modules now map to the same surface roles. */
html body.marketing.docs-page .docs-workspace .docs-reader { background:var(--panel)!important; border-color:var(--edge)!important; box-shadow:none!important; }
html body.marketing.docs-page .docs-workspace .docs-reader::before { content:none!important; }
html body.marketing.docs-page .docs-workspace .docs-reader>article { background:transparent!important; border:0!important; border-radius:0!important; box-shadow:none!important; }
html body.marketing.docs-page .docs-workspace .docs-endpoint { background:var(--control-bg)!important; border-color:var(--edge)!important; }
html body.marketing.docs-page .docs-nav-toggle,html body.marketing.docs-page .docs-nav-category { color:var(--ink-secondary); background:transparent!important; }
html body.marketing.docs-page .docs-content :is(pre,.docs-code-block,.docs-table,.docs-callout) { color:var(--ink-secondary); background:var(--control-bg)!important; border-color:var(--edge)!important; }
html body.marketing.docs-page .docs-content :is(p,li) { color:var(--ink-secondary)!important; }
html body.marketing :is(.support-ticket-area,.ticket-panel,.review-rating-summary,.review-distribution,.review-form-panel,.review-policy-card,.reviews-summary,.reviews-hero-summary) { background:var(--panel)!important; box-shadow:none!important; border-color:var(--edge)!important; }
html body.marketing .reviews-hero h1 span { color:var(--ocean-300)!important; background:none!important; -webkit-text-fill-color:var(--ocean-300)!important; }
html body.settings-page .settings-orbit { display:none; }
html body.settings-page .settings-intro h1 { font-size:clamp(36px,4.4vw,58px); line-height:1.15; }
html body.settings-page .settings-intro h1 span { color:var(--ocean-300); }
html body.settings-page :is(.account-summary article,.account-safety,.settings-nav,.settings-toggle) { color:var(--ink-primary); background:var(--panel)!important; border-color:var(--edge)!important; box-shadow:none!important; }
html body.settings-page .settings-nav a.active { color:var(--ink-primary); background:var(--panel-raised)!important; }
html body.app-shell .status-strip { background:var(--panel)!important; border-color:var(--edge)!important; box-shadow:none!important; }
html body.app-shell .status-strip article::after { content:none!important; }
html body.app-shell .tabs { gap:8px; padding:6px; border:1px solid var(--edge); border-radius:12px; background:var(--ocean-900)!important; }
html body.app-shell .tabs button { min-height:44px; padding:10px 16px; color:var(--ink-secondary); border-radius:8px; background:transparent!important; box-shadow:none!important; }
html body.app-shell .tabs button.active { color:var(--ink-primary); background:var(--panel-raised)!important; }
html body.app-shell .tabs button::after { content:none!important; }
html body.app-shell .metric-detail-grid article { background:var(--panel)!important; border-color:var(--edge)!important; }
html body.app-shell .deploy-facts span { background:var(--panel-raised); border-color:var(--edge); color:var(--ink-secondary); font-size:12px; }
html body .global-footer-bottom { color:var(--ink-meta); font-size:12px; }
html body .global-footer-intro .global-logo { width:52px!important; height:52px!important; }
html body.admin-shell #adminDocumentationDialog .admin-doc-editor { display:block!important; height:100%!important; max-height:100%!important; overflow:auto!important; padding:24px; }
html body.admin-shell #adminDocumentationDialog .admin-doc-editor>header { top:-24px; margin:-24px -24px 24px; padding:24px; }
html body.admin-shell #adminDocumentationDialog .admin-doc-tabs { margin:0 0 20px; }
html body.admin-shell #adminDocImageHelp { margin:12px 0 8px; flex:initial; font-size:13px; }
html body.admin-shell #adminDocImageStatus { margin:8px 0 20px; }
html body.admin-shell #adminDocumentationDialog .admin-doc-editor>section[data-doc-panel] { overflow:visible; padding:0; }
html body.admin-shell #adminDocumentationDialog .admin-doc-editor-actions { position:sticky; bottom:-24px; display:flex; flex-wrap:nowrap; margin:24px -24px -24px; padding:16px 24px; background:var(--panel)!important; }
html body.admin-shell #adminDocumentationDialog .admin-doc-editor-actions .button { flex:1 1 0; font-size:13px; padding:10px; }
html body.admin-shell #adminDocumentationDialog .admin-doc-editor>p:last-of-type { font-size:12px; margin:20px 0; }
html body .danger-button { color:var(--danger)!important; border-color:rgba(240,156,170,.28)!important; background:rgba(130,49,65,.18)!important; }
@media(max-width:600px) {
  body.login-page .login-form-panel { min-height:0; padding:48px 20px; }
  body.login-page .login-mobile-brand { display:none; }
  body.login-page .login-layout { min-height:calc(100dvh - 150px); }
  body :is(.admin-topbar,.app-header) { gap:8px; padding-inline:16px; }
  body:is(.marketing,.app-shell,.admin-shell,.login-page) .admin-topbar-logo,body:is(.marketing,.app-shell,.admin-shell,.login-page) .admin-topbar small { display:none; }
  body:is(.marketing,.app-shell,.admin-shell,.login-page) .admin-topbar>div:not(.admin-topbar-actions),body:is(.marketing,.app-shell,.admin-shell,.login-page) .app-header .breadcrumbs { flex:1; min-width:0; }
  body:is(.marketing,.app-shell,.admin-shell,.login-page) .admin-topbar b,body:is(.marketing,.app-shell,.admin-shell,.login-page) .app-header .breadcrumbs strong { display:block; max-width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
  body:is(.marketing,.app-shell,.admin-shell,.login-page) .ds-workspace-switch { margin-left:0; flex:0 0 40px; }
  body:is(.marketing,.app-shell,.admin-shell,.login-page) .ds-workspace-switch summary { width:40px; min-height:40px; justify-content:center; font-size:0; }
  body:is(.marketing,.app-shell,.admin-shell,.login-page) .ds-workspace-switch summary::after { content:'↗'; margin:0; font-size:18px; }
  body:is(.marketing,.app-shell,.admin-shell,.login-page) .admin-topbar-actions,body:is(.marketing,.app-shell,.admin-shell,.login-page) .header-actions { flex:0 0 auto; gap:8px; }
}
/* Fixture banner reserves space only in the isolated browser QA environment. */
/* Resolve inherited aliases at the theme boundary, including legacy modules. */
html body.light:is(.marketing,.app-shell,.admin-shell,.login-page) :is(.sidebar,.admin-sidebar,.global-footer,.ds-footer-compact,.tabs,.reference-terminal,.terminal-bar,.login-brand-panel,.login-form-panel) { background:var(--panel)!important; color:var(--ink-primary)!important; border-color:var(--edge)!important; }
html body.light:is(.marketing,.app-shell,.admin-shell,.login-page) :is(.admin-card,.admin-stat,.summary-card,.resource-summary-card,.application-card,.stat-card,.portal-card,.deploy-card,.deploy-guide-card,.deploy-security-card,.status-card,.price-card,.review-card,.form-card) { background:var(--panel)!important; color:var(--ink-primary)!important; }
html body.light:is(.marketing,.app-shell,.admin-shell,.login-page) :is(.section-intro h2,.feature-grid h3,.rail-heading h2,.admin-card h2,.admin-stat b,.summary-card b,.resource-summary-card b,.global-footer h3,.global-footer h4,.login-form-panel h1) { color:var(--ink-primary)!important; }
html body.light:is(.marketing,.app-shell,.admin-shell,.login-page) :is(.app-hero,.admin-heading,.final-signal,.docs-hero) { background:var(--panel-raised)!important; color:var(--ink-primary)!important; }
html body.light:is(.marketing,.app-shell,.admin-shell,.login-page) :is(.app-hero p,.admin-heading p,.section-intro p,.global-footer p,.global-footer a,.sidebar a,.admin-sidebar a,.reference-terminal,.reference-terminal code) { color:var(--ink-secondary)!important; }
html body.light:is(.marketing,.app-shell,.admin-shell,.login-page) :is(.sidebar a.active,.admin-sidebar a.active) { color:var(--ink-primary)!important; background:var(--panel-raised)!important; }
html body.light:is(.marketing,.app-shell,.admin-shell,.login-page) :is(h1,h2,h3,h4) { color:var(--ink-primary)!important; }
html body.reference-home.light .reference-terminal,html body.reference-home.light .reference-terminal .terminal-bar { background:var(--ocean-900)!important; border-color:rgba(150,185,219,.32)!important; }
html body.reference-home.light .reference-terminal :is(p,span,b,code) { color:#c1d0df!important; }
html body.reference-home.light .reference-terminal .terminal-prompt { color:#87b7ed!important; }
html body.reference-home.light .reference-terminal .terminal-success { color:#6fc5a4!important; }
html:has(body>[role=status][style*="position:fixed"]) body { padding-top:40px!important; }
html:has(body>[role=status][style*="position:fixed"]) :is(.global-header,.app-header,.admin-topbar) { top:40px!important; }
html:has(body>[role=status][style*="position:fixed"]) :is(.sidebar,.admin-sidebar) { top:40px!important; }