/* Console-only bridge for the accepted legacy presentation layers.
 * Native ThemeProvider owns .dark/.light and its existing preference cookie.
 * No filters, inversion, opacity, or global image rules touch brand/QR artwork.
 */
@layer suite-overrides {
 html.suite-theme.dark,html.suite-theme.dark body {
  --background:#0c1422!important;--foreground:#e7eef9!important;
  --card:#142035!important;--card-foreground:#e7eef9!important;
  --popover:#18263d!important;--popover-foreground:#e7eef9!important;
  --primary:#9dbbff!important;--primary-foreground:#102044!important;
  --secondary:#233652!important;--secondary-foreground:#dbe7ff!important;
  --muted:#202e43!important;--muted-foreground:#b5c4d8!important;
  --accent:#263d60!important;--accent-foreground:#dce8ff!important;
  --border:#3b4c65!important;--input:#435771!important;--ring:#a6c2ff!important;
  --sidebar:#111d30!important;--sidebar-foreground:#e7eef9!important;
  --sidebar-primary:#9dbbff!important;--sidebar-primary-foreground:#102044!important;
  --sidebar-accent:#263d60!important;--sidebar-accent-foreground:#dce8ff!important;
  --sidebar-border:#3b4c65!important;--sidebar-ring:#a6c2ff!important;
  --chart-1:#9dbbff!important;--chart-2:#90a9dc!important;--chart-3:#b0c0d9!important;
  --chart-4:#e2ba87!important;--chart-5:#9eacc3!important;
  --overview-accent-1:#9dbbff!important;--overview-accent-2:#90a9dc!important;--overview-accent-3:#b0c0d9!important;
  --color-blue-400:#a7c4ff;--color-blue-500:#9dbbff;--color-blue-600:#c3d5ff;
  --color-cyan-400:#b4c6e4;--color-cyan-500:#9eacc3;
  --zhua-code-paper:#132038!important;--zhua-code-ink:#e7eef9!important;
  --zhua-code-line:#435771!important;--zhua-code-soft:#233652!important;--zhua-code-accent:#a6c2ff!important;
 }
 html.suite-theme.dark {color-scheme:dark!important}
 html.suite-theme.light {color-scheme:light!important}
 html.suite-theme.dark #root ::selection {background:#395887;color:#fff}
}
/* Legacy unified.css hides this exact native Sun/Moon control. Restore only it,
 * including its real dropdown/provider callbacks, with greater specificity.
 * The unrelated old configuration drawer stays governed by its original rule.
 */
html.suite-theme #root header button[data-slot=dropdown-menu-trigger]:has(svg.lucide-sun):has(svg.lucide-moon){display:inline-flex!important}
/* Only the accepted public console-document surface has fixed white fills. */
html.suite-theme.dark #zhua-home{--suite-bg:#0c1422;--suite-ink:#e7eef9;--suite-muted:#b5c4d8;--suite-line:#3b4c65;--suite-blue:#9dbbff}
html.suite-theme.dark #zhua-home .suite-nav{background:#111d30f2}
html.suite-theme.dark #zhua-home :is(.suite-api-panel,.suite-button:not(.primary),.suite-service-card,.suite-model,.suite-feature,.suite-doc-card){background:#142035;border-color:#3b4c65;color:#e7eef9}
html.suite-theme.dark #zhua-home :is(.suite-hero h1,.suite-service-card h3,.suite-doc-card h2){color:#e7eef9}
html.suite-theme.dark #zhua-home :is(.suite-brand small,.suite-nav nav a,.suite-eyebrow,.suite-hero p,.suite-hero-note){color:#b5c4d8}

/* Native pricing header is content, not the site's navigation grid. */
@layer suite-overrides {
html.suite-theme #root header[data-zh-console-heading] {
 display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
 position:relative!important;inset:auto!important;transform:none!important;width:100%!important;max-width:none!important;
 min-width:0!important;margin:0 0 12px!important;padding:0!important;gap:0!important;grid-column:1/-1!important;
}
html.suite-theme #root header[data-zh-console-heading]>h1{width:100%!important;text-align:center!important;margin:0!important}
html.suite-theme #root header[data-zh-console-heading]>div{width:min(100%,768px)!important;max-width:768px!important;margin:10px auto 0!important;align-self:center!important}
html.suite-theme #root .zh-native-model-logo{display:inline-block!important;object-fit:contain!important;flex-shrink:0!important;padding:2px!important;border-radius:5px!important;background:#fff!important;filter:none!important}
html.suite-theme.dark :is(#root,body) .zh-video-state{background:#202e43!important;color:#e7eef9!important}
html.suite-theme.dark :is(#root,body) .zh-video-box{border-color:#435771!important}
html.suite-theme.dark :is(#root,body) .zh-video-box :is(input,select,textarea,button){border-color:#435771!important;color:#e7eef9!important}
}

html.suite-theme #root header button[data-slot=dropdown-menu-trigger]:has(svg.lucide-sun):has(svg.lucide-moon){display:inline-flex!important;width:38px!important;height:38px!important;min-width:38px!important;border:1px solid #e3bb68!important;border-radius:10px!important;background:#fff4d7!important;color:#9b5b00!important;box-shadow:0 2px 8px #b7770710!important}
html.suite-theme #root header button[data-slot=dropdown-menu-trigger]:has(svg.lucide-sun):has(svg.lucide-moon)>svg{width:23px!important;height:23px!important;stroke-width:2!important}
html.suite-theme.dark #root header button[data-slot=dropdown-menu-trigger]:has(svg.lucide-sun):has(svg.lucide-moon){background:#233652!important;border-color:#607396!important;color:#dce8ff!important}

/* Usage heading follows the existing Add Funds card title. */
@layer suite-overrides {
html.suite-theme #root .zh-period-usage .zh-usage-top h2.zh-usage-title{display:flex!important;align-items:center!important;gap:12px!important;font-family:inherit!important;font-size:19px!important;font-weight:650!important;line-height:28.5px!important;letter-spacing:normal!important;margin:0 auto 0 0!important}
html.suite-theme #root .zh-period-usage .zh-usage-title-icon{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:36px!important;height:36px!important;flex:0 0 36px!important;border-radius:12px!important;background:#e5f5ef!important;color:#059e7a!important}
html.suite-theme #root .zh-period-usage .zh-usage-title-icon svg{width:18px!important;height:18px!important}
html.suite-theme.dark #root .zh-period-usage .zh-usage-title-icon{background:#16392f!important;color:#6cddb7!important}
}