/* Veri5 / 天录 Chain — explorer theme overlay (minimal).
   Brand colors live in colors.ts, baked into the image. This overlay is only a
   safety net + light polish; the heavy gold-masking overrides were removed. */

:root {
  --veri5-primary:       #3F82F8; /* logo mid  */
  --veri5-primary-dark:  #2856D6; /* logo deep */
  --veri5-primary-light: #7FAAFF;
}

/* Safety net: keep the Chakra blue scale on-brand even if a stale bundle ships.
   Greens/teals/cyans are intentionally left alone so success states stay green. */
:root,
[data-theme="dark"] {
  --chakra-colors-blue-300: #7FAAFF !important;
  --chakra-colors-blue-400: #5A92FB !important;
  --chakra-colors-blue-500: #3F82F8 !important;
  --chakra-colors-blue-600: #2856D6 !important;
  --chakra-colors-blue-700: #1F44AB !important;
}

/* Penta-seal icon: keep it crisp and centered in the header */
.chakra-image[alt*="logo" i],
.chakra-image[alt*="icon" i] {
  object-fit: contain;
  object-position: center;
}

/* Brand-blue scrollbar */
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { background: #0B1120; }
::-webkit-scrollbar-thumb { background: #1F44AB; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #2856D6; }

/* Lock dark mode: remove the color-mode/settings toggle */
button[aria-label="User settings"] { display: none !important; }

/* Logo: render the wordmark at natural width, hard-left (object-fit was centering it) */
a[aria-label="Link to main page"] { justify-content: flex-start !important; overflow: visible !important; }
a[aria-label="Link to main page"] img[alt*="network logo" i] {
  width: auto !important;
  max-width: none !important;
  height: 30px !important;
  object-fit: contain !important;
  object-position: left center !important;
  flex: 0 0 auto !important;
}

/* ZH build uses aria-label 返回主页 (not the EN "Link to main page") — left-align the wordmark (2026-07-06). */
a[aria-label="返回主页"] { justify-content: flex-start !important; width: auto !important; max-width: none !important; overflow: visible !important; }
a[aria-label="返回主页"] img[alt*="network logo" i] { width: auto !important; max-width: none !important; height: 30px !important; object-fit: contain !important; object-position: left center !important; flex: 0 0 auto !important; }