/* Aetherion explorer UI polish — match aetherion-ai.org details
   Injected via nginx into Blockscout frontend HTML.
   Design tokens: void #05080F, accent #2D7DFF / #6EA8FF, radius 12px (rounded-xl).
*/
:root {
  --aeth-void: #05080f;
  --aeth-surface: #0a101e;
  --aeth-surface-2: rgba(14, 22, 42, 0.65);
  --aeth-border: rgba(255, 255, 255, 0.06);
  --aeth-border-strong: rgba(154, 164, 181, 0.35);
  --aeth-accent: #2d7dff;
  --aeth-accent-soft: #6ea8ff;
  --aeth-text: #eaf0f8;
  --aeth-muted: #8a93a6;
  --aeth-radius: 12px;
  --aeth-radius-lg: 16px;
  --aeth-radius-sm: 8px;
  --aeth-glow: 0 8px 24px rgba(45, 125, 255, 0.3);
  --aeth-glow-hover: 0 8px 32px rgba(45, 125, 255, 0.45);
  --aeth-inset: inset 0 1px 0 rgba(255, 255, 255, 0.25);
}

/* Typography hierarchy closer to main app */
h1,
h2,
.chakra-heading {
  font-family: "Space Grotesk", sans-serif !important;
  letter-spacing: -0.02em;
}

h1 {
  font-weight: 700 !important;
}

h2,
h3 {
  font-weight: 600 !important;
}

body,
button,
input,
textarea,
select,
.chakra-text,
.chakra-button {
  font-family: Rajdhani, sans-serif !important;
}

/* Global soft corners — Blockscout defaults to 4–8px */
.chakra-button:not([aria-label="copy"]):not([aria-label="Clear"]) {
  border-radius: var(--aeth-radius) !important;
  font-weight: 600 !important;
  transition:
    box-shadow 0.2s ease,
    background-color 0.2s ease,
    border-color 0.2s ease,
    filter 0.2s ease !important;
}

.chakra-button[aria-label="copy"],
.chakra-button[aria-label="Clear"],
.chakra-button[aria-label="hint"] {
  border-radius: var(--aeth-radius-sm) !important;
}

.chakra-input,
.chakra-textarea,
.chakra-select__trigger,
[data-part="input"],
[data-part="control"] {
  border-radius: var(--aeth-radius) !important;
}

.chakra-input {
  border-color: var(--aeth-border-strong) !important;
  background: var(--aeth-surface-2) !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
}

.chakra-input:hover {
  border-color: var(--aeth-accent-soft) !important;
}

.chakra-input:focus,
.chakra-input[data-focus],
.chakra-input:focus-visible {
  border-color: var(--aeth-accent) !important;
  box-shadow: 0 0 0 1px var(--aeth-accent) !important;
  outline: none !important;
}

/* Dialogs / drawers / popovers — closer to rounded-2xl modals */
[data-part="content"][data-scope="dialog"],
[data-part="content"][data-scope="popover"],
.chakra-modal__content,
.chakra-drawer__content,
[role="dialog"] {
  border-radius: var(--aeth-radius-lg) !important;
  border: 1px solid var(--aeth-border) !important;
  background: var(--aeth-surface) !important;
}

/* Cards / panels / list rows */
.chakra-card,
[class*="CardRoot"],
section > div,
main [class*="css-"][style*="border"] {
  /* keep light touch — avoid breaking layouts */
}

/* Soften hard gray borders toward liquid-glass feel */
[data-part="root"] {
  border-color: var(--aeth-border) !important;
}

/* Primary solid CTAs: gradient + glow like main Button */
.chakra-button[data-variant="solid"],
.chakra-button[data-type="solid"],
button.chakra-button[style*="background"],
a.chakra-button[data-variant="solid"] {
  background-image: linear-gradient(to bottom, var(--aeth-accent-soft), var(--aeth-accent)) !important;
  background-color: var(--aeth-accent) !important;
  color: #fff !important;
  border: none !important;
  box-shadow: var(--aeth-inset), var(--aeth-glow) !important;
}

.chakra-button[data-variant="solid"]:hover,
.chakra-button[data-type="solid"]:hover,
a.chakra-button[data-variant="solid"]:hover {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), var(--aeth-glow-hover) !important;
  filter: brightness(1.05);
}

/* Outline / secondary */
.chakra-button[data-variant="outline"],
.chakra-button[data-type="outline"] {
  border: 1px solid rgba(45, 125, 255, 0.3) !important;
  background: rgba(255, 255, 255, 0.06) !important;
  color: var(--aeth-accent-soft) !important;
  box-shadow: none !important;
}

.chakra-button[data-variant="outline"]:hover,
.chakra-button[data-type="outline"]:hover {
  border-color: rgba(45, 125, 255, 0.5) !important;
  background: rgba(45, 125, 255, 0.1) !important;
}

/* Ghost / subtle */
.chakra-button[data-variant="ghost"],
.chakra-button[data-type="ghost"] {
  border-radius: var(--aeth-radius) !important;
}

.chakra-button[data-variant="ghost"]:hover,
.chakra-button[data-type="ghost"]:hover {
  background: rgba(255, 255, 255, 0.05) !important;
}

/* Tags / badges — soft pills but not over-round for large chips */
.chakra-badge,
.chakra-tag,
[data-part="root"][data-scope="tag"] {
  border-radius: 999px !important;
  font-weight: 600 !important;
}

/* Tables */
.chakra-table,
table {
  border-collapse: separate;
  border-spacing: 0;
}

.chakra-table th,
.chakra-table td,
table th,
table td {
  border-color: var(--aeth-border) !important;
}

/* Links accent */
.chakra-link,
a[href^="/"]:not([class*="button"]) {
  transition: color 0.15s ease;
}

/* Hero search shell already themed via env — reinforce radius */
form .chakra-input,
[class*="Search"] .chakra-input,
header ~ * .chakra-input {
  border-radius: var(--aeth-radius) !important;
  min-height: 44px;
}

/* Lift common 8px shells (hero form, stat tiles, block rows) to rounded-xl */
main form,
main a.chakra-link.chakra-skeleton,
main .chakra-skeleton:not(button):not([aria-label]) {
  border-radius: var(--aeth-radius) !important;
}

/* Soft glass borders on list/stat tiles */
main a.chakra-link {
  border-color: var(--aeth-border) !important;
}

/* Menu / nav items */
[data-part="item"][data-scope="menu"],
[data-part="item"][data-scope="listbox"],
.chakra-menu__menuitem {
  border-radius: var(--aeth-radius-sm) !important;
}

/* Scrollbars subtle */
* {
  scrollbar-width: thin;
  scrollbar-color: rgba(45, 125, 255, 0.35) transparent;
}

/* Footer soften */
footer {
  border-top: 1px solid var(--aeth-border) !important;
}

/* Floating action stack on the right — squircle → rounded-xl */
body > div > button.chakra-button,
aside button.chakra-button {
  border-radius: var(--aeth-radius) !important;
}

/* Skeleton shimmer softer on void */
.chakra-skeleton {
  border-radius: var(--aeth-radius) !important;
}

/* Tabs underline accent */
[data-part="indicator"][data-scope="tabs"],
.chakra-tabs__indicator {
  background: var(--aeth-accent) !important;
}

/* Alert / status blocks */
[role="alert"],
.chakra-alert {
  border-radius: var(--aeth-radius) !important;
  border: 1px solid var(--aeth-border) !important;
}

/* Hide third-party ad slots if env mis-set (providers must be "none") */
iframe[src*="slise"],
iframe[src*="sevio"],
[class*="AdBanner"],
[data-testid*="ad"] {
  display: none !important;
}