/* Prism Chain explorer identity layer. Light default (financial ledger), dark as a toggle. Prism tokens, one accent. */
html, html.light, html .chakra-theme {
  --chakra-fonts-heading: "Prism Display", "Arial MT Pro", Arial, "Helvetica Neue", Helvetica, sans-serif;
  --chakra-fonts-body: Inter, Geist, "IBM Plex Sans", ui-sans-serif, system-ui, sans-serif;
  --chakra-fonts-mono: "SF Mono", "Roboto Mono", "IBM Plex Mono", ui-monospace, Menlo, monospace;

  --chakra-radii-sm: 4px;
  --chakra-radii-md: 6px;
  --chakra-radii-lg: 8px;
  --chakra-radii-xl: 8px;
  --chakra-radii-2xl: 10px;

  /* light: Prism light palette */
  --chakra-colors-white: #ffffff;
  --chakra-colors-bg: #ffffff;
  --chakra-colors-bg-primary: #ffffff;
  --chakra-colors-theme-bg-primary-_light: #ffffff;
  --chakra-colors-bg-panel: #ffffff;
  --chakra-colors-bg-subtle: #f4f6ef;
  --chakra-colors-bg-muted: #e9eddc;
  --chakra-colors-bg-emphasized: #e8f2c3;

  --chakra-colors-gray-50: #f4f6ef;
  --chakra-colors-gray-100: #e9eddc;
  --chakra-colors-gray-200: #d8ddcf;
  --chakra-colors-gray-300: #c3c9ba;
  --chakra-colors-gray-400: #a0a79c;
  --chakra-colors-gray-500: #7a8175;
  --chakra-colors-gray-600: #62695d;
  --chakra-colors-gray-700: #3d4338;
  --chakra-colors-gray-800: #23271f;
  --chakra-colors-gray-900: #10120d;

  --chakra-colors-theme-text-primary-_light: #10120d;
  --chakra-colors-theme-text-secondary-_light: #62695d;
  --chakra-colors-text-primary: #10120d;
  --chakra-colors-text-secondary: #62695d;
  --chakra-colors-fg: #10120d;
  --chakra-colors-fg-muted: #62695d;
  --chakra-colors-fg-subtle: #a0a79c;
  --chakra-colors-theme-icon-primary-_light: #62695d;
  --chakra-colors-theme-icon-secondary-_light: #a0a79c;

  --chakra-colors-border: #d8ddcf;
  --chakra-colors-border-muted: #e9eddc;
  --chakra-colors-border-subtle: #f4f6ef;
  --chakra-colors-border-emphasized: #c3c9ba;
  --chakra-colors-border-divider: #e9eddc;

  /* one accent: Prism green for links, success, selected. Robin-class neon only on the primary CTA (hero config). */
  --chakra-colors-link-primary: #648000;
  --chakra-colors-link-primary-hover: #4a5f00;
  --chakra-colors-hover: #4a5f00;
  --chakra-colors-selected: #648000;
  --chakra-colors-link-navigation-fg-selected: #10120d;

  --chakra-colors-green-50: #e8f2c3;
  --chakra-colors-green-100: #dcecab;
  --chakra-colors-green-200: #c9df85;
  --chakra-colors-green-300: #a8c73f;
  --chakra-colors-green-400: #7ea000;
  --chakra-colors-green-500: #648000;
  --chakra-colors-green-600: #587000;
  --chakra-colors-green-700: #4a5f00;
  --chakra-colors-green-800: #364500;
  --chakra-colors-green-900: #232d00;
  --chakra-colors-text-success: #587000;
  --chakra-colors-fg-success: #587000;

  /* info: settlement and informational badges */
  --chakra-colors-blue-50: #eaf1ff;
  --chakra-colors-blue-100: #d6e3fe;
  --chakra-colors-blue-200: #adc6fb;
  --chakra-colors-blue-300: #6f9cf6;
  --chakra-colors-blue-400: #4a83f4;
  --chakra-colors-blue-500: #2e6ff2;
  --chakra-colors-blue-600: #1f5ad0;
  --chakra-colors-blue-700: #1846a3;
  --chakra-colors-blue-800: #123478;
  --chakra-colors-blue-900: #0c2350;
  --chakra-colors-blue-solid: #ccff00;
  --chakra-colors-blue-contrast: #0e0e0e;

  /* loss / fail and warning */
  --chakra-colors-red-50: #fff1eb;
  --chakra-colors-red-100: #ffd9c8;
  --chakra-colors-red-500: #c93a00;
  --chakra-colors-red-600: #a83000;
  --chakra-colors-text-error: #a83000;
  --chakra-colors-orange-50: #fff7e0;
  --chakra-colors-orange-100: #ffecb3;
  --chakra-colors-orange-500: #ffb000;
  --chakra-colors-orange-600: #d99500;
  --chakra-colors-yellow-500: #ffb000;
}

html.dark, html.dim, html.midnight, html.dark .chakra-theme, html.dim .chakra-theme, html.midnight .chakra-theme {
  --chakra-colors-black: #0e0e0e;
  --chakra-colors-theme-bg-primary-_dark: #0e0e0e;
  --chakra-colors-bg: #0e0e0e;
  --chakra-colors-bg-primary: #0e0e0e;
  --chakra-colors-bg-panel: #141414;
  --chakra-colors-bg-subtle: #141414;
  --chakra-colors-bg-muted: #1b1b1b;
  --chakra-colors-bg-emphasized: #232323;
  --chakra-colors-gray-50: #f4f7ef;
  --chakra-colors-gray-100: #e0e4d8;
  --chakra-colors-gray-200: #cfd4c9;
  --chakra-colors-gray-300: #b5bbb0;
  --chakra-colors-gray-400: #8b9286;
  --chakra-colors-gray-500: #6f756a;
  --chakra-colors-gray-600: #3a3d38;
  --chakra-colors-gray-700: #262626;
  --chakra-colors-gray-800: #1f1f1f;
  --chakra-colors-gray-900: #141414;
  --chakra-colors-theme-text-primary-_dark: #f4f7ef;
  --chakra-colors-theme-text-secondary-_dark: #8b9286;
  --chakra-colors-text-primary: #f4f7ef;
  --chakra-colors-text-secondary: #8b9286;
  --chakra-colors-fg: #f4f7ef;
  --chakra-colors-fg-muted: #8b9286;
  --chakra-colors-fg-subtle: #6f756a;
  --chakra-colors-theme-icon-primary-_dark: #8b9286;
  --chakra-colors-theme-icon-secondary-_dark: #6f756a;
  --chakra-colors-border: rgba(230, 237, 220, 0.14);
  --chakra-colors-border-muted: rgba(230, 237, 220, 0.08);
  --chakra-colors-border-subtle: rgba(230, 237, 220, 0.06);
  --chakra-colors-border-emphasized: rgba(230, 237, 220, 0.24);
  --chakra-colors-border-divider: rgba(230, 237, 220, 0.14);
  --chakra-colors-link-primary: #a8c73f;
  --chakra-colors-link-primary-hover: #ccff00;
  --chakra-colors-hover: #ccff00;
  --chakra-colors-selected: #ccff00;
  --chakra-colors-link-navigation-fg-selected: #f4f7ef;
  --chakra-colors-text-success: #ccff00;
  --chakra-colors-fg-success: #ccff00;
  --chakra-colors-orange-900: #1c1a12;
  --chakra-colors-orange-800: #2a2416;
  --chakra-colors-red-900: #2a1410;
  --chakra-colors-blue-900: #101a2e;
}

body { font-size: 14px; line-height: 1.45; font-feature-settings: "tnum" 1, "cv11" 1; }
h1 { font-family: var(--chakra-fonts-heading); font-size: 28px; font-weight: 400; letter-spacing: -0.04em; line-height: 1.05; }
h2 { font-family: var(--chakra-fonts-body); font-size: 16px; font-weight: 600; letter-spacing: -0.01em; }
h3 { font-weight: 600; }
::selection { background: #e8f2c3; color: #10120d; }
html.dark ::selection, html.dim ::selection, html.midnight ::selection { background: #ccff00; color: #0e0e0e; }

/* Hashes and addresses: mono, never wrapped. */
a.chakra-link[href^="/tx/0x"], a.chakra-link[href^="/address/0x"], a.chakra-link[href^="/block/0x"], .chakra-link .chakra-text, [data-testid*="hash"] { font-family: var(--chakra-fonts-mono); font-size: 13px; white-space: nowrap; }
a.chakra-link:hover { text-decoration: none; }

/* Status pills: 999px, word plus colour. Other badges stay quiet. */
.chakra-badge { border-radius: 999px; font-weight: 500; font-size: 12px; letter-spacing: 0.01em; border: 1px solid transparent; }

/* Tabs */
.chakra-tabs__trigger { font-weight: 500; }

/* Socket notices */
.chakra-alert__root { border: 1px solid var(--chakra-colors-border); box-shadow: none; }

/* Tables */
.chakra-table th { font-weight: 500; font-size: 12px; letter-spacing: 0.02em; color: var(--chakra-colors-text-secondary); }
.chakra-table tbody tr:hover td { background: var(--chakra-colors-bg-subtle); }

/* No heavy shadows anywhere */
.chakra-card, .chakra-popover__content, .chakra-menu__content, [role="dialog"] { box-shadow: 0 1px 2px rgba(0,0,0,0.04); }

/* Tabs: unselected muted, selected ink on subtle plate. */
.chakra-tabs__trigger { color: var(--chakra-colors-text-secondary) !important; }
.chakra-tabs__trigger[data-selected], .chakra-tabs__trigger[aria-selected="true"] { color: var(--chakra-colors-text-primary) !important; background: var(--chakra-colors-bg-muted); }

/* Refinement: small icons, thin lines, quiet fills. */
html, html.light, html .chakra-theme {
  --chakra-colors-border: #e3e7dc;
  --chakra-colors-border-divider: #edf0e8;
  --chakra-colors-bg-subtle: #f8f9f5;
  --chakra-colors-bg-muted: #f1f3ec;
}
.chakra-badge {
  background: transparent !important;
  border: 1px solid color-mix(in srgb, currentColor 32%, transparent) !important;
  font-weight: 500; font-size: 11.5px; padding-top: 1px; padding-bottom: 1px;
}
.chakra-input, .chakra-button[data-variant="outline"], button.chakra-button:not([data-variant="solid"]) { border-width: 1px; }
.chakra-tabs__trigger { font-size: 13px; }
nav a, nav button { font-weight: 500; }
.recharts-line-curve, .recharts-line path, svg path[stroke-width="2"], svg path[stroke-width="3"] { stroke-width: 1.25px; }
.chakra-table td, .chakra-table th { border-bottom-width: 1px; }
hr, [role="separator"] { border-color: var(--chakra-colors-border-divider); }

/* Accessibility: visible focus, tabular numerals, no colour-only status. */
:focus-visible { outline: 2px solid #648000 !important; outline-offset: 2px; border-radius: 4px; }
html.dark :focus-visible, html.dim :focus-visible, html.midnight :focus-visible { outline-color: #ccff00 !important; }
.chakra-table, [class*="stat"], .chakra-link, td, th, dd { font-variant-numeric: tabular-nums; }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; } }

/* Icon standard: 16px everywhere, 12px inside badges, charts untouched. */
/* Sprite icons carry no viewBox, so they are scaled visually instead of resized: 20px → 16px, 40px → 18px. */
svg.chakra-skeleton, svg.chakra-icon { transform: scale(0.8); transform-origin: center; opacity: 0.9; }
svg.chakra-skeleton[class*="1wo690y"], a.chakra-link > div > svg.chakra-skeleton:first-child { transform: scale(0.45); transform-origin: center; }
.chakra-badge svg { transform: none; opacity: 1; }

/* Stat cards: small muted label, value carries the weight. */
div > h2:has(+ div) { font-family: var(--chakra-fonts-body); font-size: 12px; font-weight: 500; letter-spacing: 0.02em; color: var(--chakra-colors-text-secondary); margin: 0; }
div > h2:has(+ div) + div span { font-size: 18px; font-weight: 500; letter-spacing: -0.01em; }