/* ==========================================================
   Sushell UI — capa unificada  (Reflect Notes × Linear)
   Se carga SIEMPRE al final en: sitio, login, panel cliente y admin.

   Reflect  → canvas violeta #030014, brillo interior (inset), acento lavanda,
              titulares en peso medio, estrellas decorativas.
   Linear   → bordes hairline, pesos 400/510/590, tracking apretado,
              radios 6 / 12 / pill, un solo CTA cromático (Sushell #5A52FF),
              Berkeley-style mono para IDs.
   ========================================================== */

:root,
html[data-theme="dark"] {
  color-scheme: dark;

  /* ==========================================================
     Linear Tokens — Exact System Mapping
     ========================================================== */
  --color-void: #08090a;
  --color-carbon: #0f1011;
  --color-obsidian: #161718;
  --color-graphite: #23252a;
  --color-smoke: #383b3f;
  --color-ash: #62666d;
  --color-fog: #8a8f98;
  --color-mist: #d0d6e0;
  --color-bone: #e5e5e6;
  --color-paper: #ffffff;
  --color-acid-lime: #e4f222;
  --color-pulse-green: #27a644;
  --color-coral-red: #eb5757;
  --color-signal-teal: #02b8cc;
  --color-iris-violet: #6366f1;
  --color-lavender: #8b5cf6;

  /* Typography — Font Families */
  --font-inter-variable: 'Inter', 'Inter Variable', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-berkeley-mono: 'Berkeley Mono', 'JetBrains Mono', 'IBM Plex Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;

  /* Typography — Scale */
  --text-caption: 13px;
  --leading-caption: 1.2;
  --text-body-sm: 15px;
  --leading-body-sm: 1.6;
  --tracking-body-sm: -0.165px;
  --text-body-lg: 20px;
  --leading-body-lg: 1.33;
  --tracking-body-lg: -0.24px;
  --text-subheading: 24px;
  --leading-subheading: 1.33;
  --tracking-subheading: -0.288px;
  --text-heading-sm: 32px;
  --leading-heading-sm: 1.13;
  --tracking-heading-sm: -0.704px;
  --text-heading: 48px;
  --leading-heading: 1;
  --tracking-heading: -1.056px;
  --text-heading-lg: 64px;
  --leading-heading-lg: 1;
  --tracking-heading-lg: -1.408px;
  --text-display: 72px;
  --leading-display: 1;
  --tracking-display: -1.584px;

  /* Typography — Weights */
  --font-weight-light: 300;
  --font-weight-regular: 400;
  --font-weight-w510: 510;
  --font-weight-w590: 590;

  /* Spacing */
  --spacing-unit: 4px;
  --spacing-4: 4px;
  --spacing-8: 8px;
  --spacing-12: 12px;
  --spacing-16: 16px;
  --spacing-20: 20px;
  --spacing-24: 24px;
  --spacing-28: 28px;
  --spacing-32: 32px;
  --spacing-36: 36px;
  --spacing-40: 40px;
  --spacing-48: 48px;
  --spacing-56: 56px;
  --spacing-64: 64px;
  --spacing-80: 80px;
  --spacing-96: 96px;
  --spacing-128: 128px;

  /* Layout */
  --page-max-width: 1200px;
  --section-gap: 96px;
  --card-padding: 24px;
  --element-gap: 8px;

  /* Border Radius */
  --radius-sm: 2px;
  --radius-md: 6px;
  --radius-xl: 12px;
  --radius-2xl: 16px;
  --radius-cards: 12px;
  --radius-pills: 9999px;
  --radius-small: 2px;
  --radius-badges: 4px;
  --radius-inputs: 6px;
  --radius-buttons: 6px;

  /* Shadows */
  --shadow-sm: rgba(0, 0, 0, 0.4) 0px 2px 4px 0px;
  --shadow-md: rgba(0, 0, 0, 0.2) 0px 0px 12px 0px inset;
  --shadow-subtle: rgb(35, 37, 42) 0px 0px 0px 1px inset;
  --shadow-subtle-2: rgba(0, 0, 0, 0.2) 0px 0px 0px 1px;
  --shadow-subtle-3: rgba(0, 0, 0, 0.01) 0px 5px 2px 0px, rgba(0, 0, 0, 0.04) 0px 3px 2px 0px, rgba(0, 0, 0, 0.07) 0px 1px 1px 0px, rgba(0, 0, 0, 0.08) 0px 0px 1px 0px;
  --shadow-xl: rgba(8, 9, 10, 0.6) 0px 4px 32px 0px;
  --shadow-subtle-4: rgba(255, 255, 255, 0.03) 0px 0px 0px 1px inset, rgba(255, 255, 255, 0.04) 0px 1px 0px 0px inset, rgba(0, 0, 0, 0.6) 0px 0px 0px 1px, rgba(0, 0, 0, 0.1) 0px 4px 4px 0px;
  --shadow-subtle-5: rgba(0, 0, 0, 0.1) 0px 0px 0px 2px;

  /* Surfaces */
  --surface-void: #08090a;
  --surface-carbon: #0f1011;
  --surface-obsidian: #161718;
  --surface-slate: #23252a;

  /* Superficies (Linear: neutros fríos casi negros) */
  --sx-void: var(--color-void);
  --sx-carbon: var(--color-carbon);
  --sx-obsidian: var(--color-obsidian);
  --sx-slate: var(--color-graphite);

  /* Bordes hairline */
  --sx-line: var(--color-graphite);
  --sx-line-strong: var(--color-smoke);

  /* Texto */
  --sx-text: var(--color-paper);
  --sx-text-2: var(--color-mist);
  --sx-muted: var(--color-fog);
  --sx-faint: var(--color-ash);

  /* Un solo acento cromático: el índigo de marca Sushell / Linear */
  --sx-brand: #5a52ff;
  --sx-brand-hover: #6a63ff;
  --sx-accent: #8b8fff;
  --sx-ok: var(--color-pulse-green);
  --sx-warn: #e5a93d;
  --sx-danger: var(--color-coral-red);

  /* Forma: 6 / 12 / pill. La elevación sale del borde, no de sombras */
  --sx-r-btn: 6px;
  --sx-r-card: 12px;
  --sx-r-pill: 9999px;
  --sx-glow: inset 0 0 0 1px rgba(255, 255, 255, 0.02);
  --sx-glow-accent: none;
  --sx-font: var(--font-inter-variable);
  --sx-mono: var(--font-berkeley-mono);

  /* —— Sitio público —— */
  --bg: var(--sx-void);
  --surface: var(--sx-carbon);
  --surface-2: var(--sx-obsidian);
  --line: var(--sx-line);
  --line-strong: var(--sx-line-strong);
  --text: var(--sx-text);
  --muted: var(--sx-muted);
  --brand: var(--sx-brand);
  --brand-dark: #463ee6;
  --brand-soft: rgba(90, 82, 255, 0.16);
  --accent: var(--sx-accent);
  --radius: var(--sx-r-card);
  --radius-lg: var(--sx-r-card);
  --font: var(--sx-font);

  /* —— Panel cliente —— */
  --one-bg: var(--sx-void);
  --one-sidebar-bg: var(--sx-void);
  --one-card: var(--sx-carbon);
  --one-card-2: var(--sx-obsidian);
  --one-card-hover: var(--sx-obsidian);
  --one-border: var(--sx-line);
  --one-border-strong: var(--sx-line-strong);
  --one-text: var(--sx-text);
  --one-muted: var(--sx-muted);
  --one-blue: var(--sx-brand);
  --one-blue-dark: #463ee6;
  --one-blue-soft: rgba(90, 82, 255, 0.14);
  --one-green: var(--sx-ok);
  --one-red: var(--sx-danger);
  --one-amber: var(--sx-warn);
  --one-radius: var(--sx-r-card);
  --one-shadow: var(--sx-glow);
  --one-font: var(--sx-font);

  /* —— Panel admin —— */
  --ac-bg: var(--sx-void);
  --ac-sidebar-bg: var(--sx-void);
  --ac-panel: var(--sx-carbon);
  --ac-card: var(--sx-carbon);
  --ac-card-2: var(--sx-obsidian);
  --ac-card-hover: var(--sx-obsidian);
  --ac-border: var(--sx-line);
  --ac-border-strong: var(--sx-line-strong);
  --ac-text: var(--sx-text);
  --ac-muted: var(--sx-muted);
  --ac-purple: var(--sx-brand);
  --ac-purple-2: #463ee6;
  --ac-green: var(--sx-ok);
  --ac-red: var(--sx-danger);
  --ac-amber: var(--sx-warn);
  --ac-radius: var(--sx-r-card);
  --ac-shadow: var(--sx-glow);
  --ac-font: var(--sx-font);
  --ac-display: var(--sx-font);
}

/* ---------- Base tipográfica (Linear: 400 / 510 / 590) ---------- */
html[data-theme="dark"] body {
  background: var(--sx-void);
  color: var(--sx-text);
  font-family: var(--sx-font);
  font-feature-settings: 'cv01' 1, 'ss03' 1;
  letter-spacing: -0.006em;
}

html[data-theme="dark"] h1,
html[data-theme="dark"] h2,
html[data-theme="dark"] h3,
html[data-theme="dark"] h4,
html[data-theme="dark"] .atomist-hero-title,
html[data-theme="dark"] .page-hero h1,
html[data-theme="dark"] .one-page-title,
html[data-theme="dark"] .ac-page-head h1,
html[data-theme="dark"] .one-page-head h1,
html[data-theme="dark"] .one-hello h2 {
  font-weight: 510 !important;
  letter-spacing: -0.022em;
  font-family: var(--sx-font);
}

html[data-theme="dark"] h1 { letter-spacing: -0.028em; }

html[data-theme="dark"] strong,
html[data-theme="dark"] b { font-weight: 590; }

html[data-theme="dark"] p { color: var(--sx-muted); }
html[data-theme="dark"] a { transition: color 0.15s ease; }
html[data-theme="dark"] .one-link,
html[data-theme="dark"] .link-arrow,
html[data-theme="dark"] .ac-metric-link { color: var(--sx-accent); }
html[data-theme="dark"] .one-link:hover,
html[data-theme="dark"] .link-arrow:hover,
html[data-theme="dark"] .ac-metric-link:hover { color: var(--sx-text); }

html[data-theme="dark"] ::selection { background: rgba(90, 82, 255, 0.4); color: #fff; }


/* ---------- Botones: 6px (Linear: Blanco sólido en sitio público, grafito en secundarios) ---------- */
html[data-theme="dark"] .btn,
html[data-theme="dark"] .one-btn,
html[data-theme="dark"] .ac-btn,
html[data-theme="dark"] .atomist-solid-btn,
html[data-theme="dark"] .atomist-conic-btn {
  border-radius: var(--sx-r-btn);
  font-weight: 510;
  letter-spacing: -0.011em;
}

html[data-theme="dark"] .atomist-conic-wrap {
  background: none !important;
  padding: 0 !important;
  box-shadow: none !important;
}

html[data-theme="dark"] .one-btn-primary,
html[data-theme="dark"] .ac-btn-primary {
  background: #f7f8f8 !important;
  color: #08090a !important;
  border: 1px solid #f7f8f8 !important;
  box-shadow: none !important;
}

html[data-theme="dark"] .one-btn-primary:hover,
html[data-theme="dark"] .ac-btn-primary:hover {
  background: #ffffff !important;
  border-color: #ffffff !important;
  color: #08090a !important;
}

html[data-theme="dark"] .btn-ghost,
html[data-theme="dark"] .btn-outline,
html[data-theme="dark"] .one-btn-ghost,
html[data-theme="dark"] .ac-btn-ghost {
  background: #161718;
  color: var(--sx-text-2);
  border: 1px solid var(--sx-line);
  box-shadow: none;
}

html[data-theme="dark"] .btn-ghost:hover,
html[data-theme="dark"] .btn-outline:hover,
html[data-theme="dark"] .one-btn-ghost:hover,
html[data-theme="dark"] .ac-btn-ghost:hover {
  background: #1f2023;
  border-color: var(--sx-line-strong);
  color: #fff !important;
}

html[data-theme="dark"] .btn:focus-visible,
html[data-theme="dark"] .one-btn:focus-visible,
html[data-theme="dark"] .ac-btn:focus-visible,
html[data-theme="dark"] a:focus-visible,
html[data-theme="dark"] button:focus-visible {
  outline: 2px solid var(--sx-accent);
  outline-offset: 2px;
}

/* ---------- Tarjetas: borde fino hairline, sin sombra externa ---------- */
html[data-theme="dark"] .card,
html[data-theme="dark"] .one-card,
html[data-theme="dark"] .one-item,
html[data-theme="dark"] .one-plan,
html[data-theme="dark"] .one-stat,
html[data-theme="dark"] .one-big,
html[data-theme="dark"] .one-quick-card,
html[data-theme="dark"] .one-empty-box,
html[data-theme="dark"] .atomist-metric-card,
html[data-theme="dark"] .ash-mini-card,
html[data-theme="dark"] .ac-card,
html[data-theme="dark"] .ac-status-item,
html[data-theme="dark"] .ac-note,
html[data-theme="dark"] .content-box {
  background: var(--sx-carbon) !important;
  border: 1px solid var(--sx-line) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}

html[data-theme="dark"] .card:hover,
html[data-theme="dark"] .one-item:hover,
html[data-theme="dark"] .one-plan:hover,
html[data-theme="dark"] .one-quick-card:hover,
html[data-theme="dark"] .atomist-metric-card:hover,
html[data-theme="dark"] .ac-action-card:hover {
  border-color: var(--sx-line-strong) !important;
  transform: none;
}

html[data-theme="dark"] .one-plan.is-featured {
  border-color: #34373f !important;
  box-shadow: none !important;
}

html[data-theme="dark"] .one-big.primary {
  background: var(--sx-obsidian) !important;
  border-color: #34373f !important;
}

/* Eyebrows técnicos limpios (Sin caja de píldora ni puntos morados) */
html[data-theme="dark"] .eyebrow,
html[data-theme="dark"] .badge,
html[data-theme="dark"] .atomist-pill-badge {
  border-radius: 0;
  background: transparent !important;
  border: none !important;
  color: var(--sx-muted);
  box-shadow: none !important;
  font-family: var(--sx-mono);
  font-size: 0.72rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  padding: 0;
}

html[data-theme="dark"] .atomist-pill-badge .badge-dot {
  background: #3ecf8e !important;
  box-shadow: none !important;
}

html[data-theme="dark"] .one-badge,
html[data-theme="dark"] .ac-badge,
html[data-theme="dark"] .ac-badge-role {
  border-radius: 4px;
  font-weight: 510;
}

html[data-theme="dark"] .ac-badge-role { border-radius: var(--sx-r-pill); }

/* ---------- Formularios: 6px, foco neutro Linear ---------- */
html[data-theme="dark"] input[type="text"],
html[data-theme="dark"] input[type="email"],
html[data-theme="dark"] input[type="password"],
html[data-theme="dark"] input[type="tel"],
html[data-theme="dark"] input[type="number"],
html[data-theme="dark"] input[type="search"],
html[data-theme="dark"] input[type="url"],
html[data-theme="dark"] textarea,
html[data-theme="dark"] select,
html[data-theme="dark"] .one-input,
html[data-theme="dark"] .ac-select,
html[data-theme="dark"] .ac-reply {
  background: #0c0d10;
  border: 1px solid var(--sx-line);
  border-radius: var(--sx-r-btn);
  color: var(--sx-text);
  font-family: var(--sx-font);
}

html[data-theme="dark"] .one-form input,
html[data-theme="dark"] .one-form select,
html[data-theme="dark"] .one-form textarea,
html[data-theme="dark"] .ac-field input,
html[data-theme="dark"] .ac-field select,
html[data-theme="dark"] .ac-field textarea {
  background: #0c0d10;
  border-color: var(--sx-line);
  border-radius: var(--sx-r-btn);
}

html[data-theme="dark"] input:focus,
html[data-theme="dark"] textarea:focus,
html[data-theme="dark"] select:focus,
html[data-theme="dark"] .one-form input:focus,
html[data-theme="dark"] .one-form select:focus,
html[data-theme="dark"] .one-form textarea:focus,
html[data-theme="dark"] .ac-field input:focus,
html[data-theme="dark"] .ac-field select:focus,
html[data-theme="dark"] .ac-field textarea:focus {
  border-color: #4b505d;
  background: #0e1014;
  box-shadow: 0 0 0 3px rgba(247, 248, 248, 0.06);
  outline: none;
}

html[data-theme="dark"] input::placeholder,
html[data-theme="dark"] textarea::placeholder { color: var(--sx-faint); }

/* ---------- Paneles internos ---------- */
html[data-theme="dark"] .one-sidebar,
html[data-theme="dark"] .ac-sidebar,
html[data-theme="dark"] .ac-right {
  background: #0b0c0e;
  border-color: var(--sx-line);
}

html[data-theme="dark"] .one-topbar,
html[data-theme="dark"] .ac-topbar {
  background: rgba(8, 9, 10, 0.88);
  border-bottom: 1px solid var(--sx-line);
}

html[data-theme="dark"] .one-brand-pill,
html[data-theme="dark"] .ac-brand-pill,
html[data-theme="dark"] .one-search-bar,
html[data-theme="dark"] .one-user-btn,
html[data-theme="dark"] .ac-account-btn,
html[data-theme="dark"] .ac-search {
  background: var(--sx-carbon);
  border: 1px solid var(--sx-line);
  box-shadow: none;
}

html[data-theme="dark"] .one-brand-pill,
html[data-theme="dark"] .ac-brand-pill { border-radius: 8px; }

html[data-theme="dark"] .one-search-bar,
html[data-theme="dark"] .ac-search,
html[data-theme="dark"] .one-user-btn,
html[data-theme="dark"] .ac-account-btn { border-radius: 6px; }

html[data-theme="dark"] .one-nav a,
html[data-theme="dark"] .ac-nav a {
  border-radius: var(--sx-r-btn);
  font-weight: 450;
  color: var(--sx-muted);
}

html[data-theme="dark"] .one-nav a:hover,
html[data-theme="dark"] .ac-nav a:hover {
  background: rgba(255, 255, 255, 0.045);
  color: var(--sx-text);
}

html[data-theme="dark"] .one-nav a.is-active,
html[data-theme="dark"] .ac-nav a.is-active {
  background: #16181c;
  border-color: var(--sx-line);
  color: #f7f8f8;
  font-weight: 510;
}

html[data-theme="dark"] .one-nav a.is-active [data-lucide],
html[data-theme="dark"] .ac-nav a.is-active [data-lucide] { color: #f7f8f8; }

html[data-theme="dark"] .one-nav-label,
html[data-theme="dark"] .ac-nav-label {
  font-family: var(--sx-mono);
  font-weight: 500;
  letter-spacing: 0.08em;
  color: var(--sx-faint);
}

html[data-theme="dark"] .one-account-menu,
html[data-theme="dark"] .ac-account-menu {
  background: #121316;
  border: 1px solid var(--sx-line-strong);
  border-radius: 8px;
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.78);
}

html[data-theme="dark"] .one-table th,
html[data-theme="dark"] .ac-table th {
  font-weight: 510;
  color: var(--sx-muted);
}

html[data-theme="dark"] .one-table td,
html[data-theme="dark"] .ac-table td { border-color: var(--sx-line); }

html[data-theme="dark"] .one-code,
html[data-theme="dark"] .one-bank-acct,
html[data-theme="dark"] .ac-kbd,
html[data-theme="dark"] code {
  font-family: var(--sx-mono);
  letter-spacing: -0.013em;
}

html[data-theme="dark"] .ac-metric-value,
html[data-theme="dark"] .amc-value,
html[data-theme="dark"] .one-amount-big,
html[data-theme="dark"] .one-metric-value,
html[data-theme="dark"] .one-stat strong {
  font-weight: 510;
  letter-spacing: -0.03em;
  font-feature-settings: 'cv01' 1, 'ss03' 1, 'zero' 1;
}

html[data-theme="dark"] .atomist-pill-group,
html[data-theme="dark"] .ac-segment { border-radius: 8px; }
html[data-theme="dark"] .atomist-pill-btn,
html[data-theme="dark"] .ac-segment span { border-radius: 6px; font-weight: 510; }

/* ---------- Login & Auth: Gobernado por auth-login.css (Linear · Clerk Edition) ---------- */
html[data-theme="dark"] .auth-login-body { background: #08090a; }

/* ====================================================================
   PANELES INTERNOS EN TELÉFONO
   ==================================================================== */
@media (max-width: 640px) {
  .one-topbar { gap: 10px; }
  .one-page-title { font-size: 1.1rem; }
  .one-top-actions .one-btn-primary { padding: 7px 11px; }
  .one-card,
  .ac-card { padding: 16px; }
  .one-btn,
  .ac-btn { min-height: 44px; }
  .one-form input,
  .one-form select,
  .one-form textarea,
  .ac-field input,
  .ac-field select,
  .ac-field textarea,
  .one-input,
  .ac-select { font-size: 16px; min-height: 44px; }
  .one-table-wrap,
  .ac-table-wrap { border: 1px solid var(--sx-line); border-radius: 8px; }
  .one-table td,
  .ac-table td,
  .one-table th,
  .ac-table th { padding: 10px 10px; }
  .ac-page-head .ac-btn,
  .one-page-head .one-btn { width: 100%; }
  .atomist-filter-bar { gap: 8px; }
  .atomist-pill-group { width: 100%; overflow-x: auto; }
  .atomist-pill-btn { flex: 1; white-space: nowrap; }
  .one-pay { padding: 12px; }
  .one-summary { position: static; }
}

@media (max-width: 1024px) {
  html[data-theme="dark"] .one-sidebar,
  html[data-theme="dark"] .ac-sidebar { background: #0b0c0e; }
}

@media (prefers-reduced-motion: reduce) {
  html[data-theme="dark"] * { transition-duration: 0.01ms !important; animation-duration: 0.01ms !important; }
}



/* ====================================================================
   LINEAR FIRST — sin degradados decorativos ni resplandores
   ==================================================================== */
html[data-theme="dark"] .atomist-text-gradient,
html[data-theme="dark"] .stat-number.atomist-text-gradient,
html[data-theme="dark"] .bento-stat-num.atomist-text-gradient {
  background: none !important;
  -webkit-text-fill-color: #f7f8f8 !important;
  color: #f7f8f8 !important;
}

/* Botones primarios del sitio: Blanco sólido estilo Linear/Vercel (#f7f8f8 sobre #08090a) */
html[data-theme="dark"] .atomist-conic-wrap {
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
}
html[data-theme="dark"] .atomist-conic-wrap::before { display: none !important; }
html[data-theme="dark"] .atomist-conic-btn {
  background: #f7f8f8 !important;
  color: #08090a !important;
  border: 1px solid #f7f8f8 !important;
  box-shadow: none !important;
  border-radius: 6px !important;
}
html[data-theme="dark"] .atomist-conic-btn:hover {
  background: #ffffff !important;
  color: #08090a !important;
}

/* El botón de envío del login */
html[data-theme="dark"] .atomist-conic-wrap .al-btn-submit {
  background: #f7f8f8 !important;
  color: #08090a !important;
  border: 1px solid #f7f8f8 !important;
  box-shadow: none !important;
}
html[data-theme="dark"] .atomist-conic-wrap .al-btn-submit:hover {
  background: #ffffff !important;
}

html[data-theme="dark"] .hero-ambient-glow,
html[data-theme="dark"] .statement-glow { display: none !important; }

/* Header Dropdown: Opaco sólido (#0f1011) sin sangrado */
html[data-theme="dark"] #sushell-header-pro .dropdown-menu,
html[data-theme="dark"] #sushell-header-pro .dropdown-menu-s26 {
  background: #0f1011 !important;
  background-color: #0f1011 !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border: 1px solid #23252a !important;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.85) !important;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

html[data-theme="dark"] #sushell-header-pro .has-dropdown:hover > .dropdown-menu,
html[data-theme="dark"] #sushell-header-pro .has-dropdown:hover > .dropdown-menu-s26,
html[data-theme="dark"] #sushell-header-pro .nav-pill-item:hover > .dropdown-menu,
html[data-theme="dark"] #sushell-header-pro .nav-pill-item:hover > .dropdown-menu-s26,
html[data-theme="dark"] #sushell-header-pro .has-dropdown.is-open > .dropdown-menu,
html[data-theme="dark"] #sushell-header-pro .has-dropdown.is-open > .dropdown-menu-s26,
html[data-theme="dark"] #sushell-header-pro .nav-pill-item.is-open > .dropdown-menu,
html[data-theme="dark"] #sushell-header-pro .nav-pill-item.is-open > .dropdown-menu-s26,
html[data-theme="dark"] #sushell-header-pro .has-dropdown:focus-within > .dropdown-menu,
html[data-theme="dark"] #sushell-header-pro .has-dropdown:focus-within > .dropdown-menu-s26 {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: translateY(0) !important;
}

.atomist-reveal {
  opacity: 0;
  transform: translateY(14px);
  transition: opacity 0.5s cubic-bezier(0.16, 1, 0.3, 1), transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}

.atomist-reveal.is-revealed {
  opacity: 1;
  transform: translateY(0);
}

/* Números tabulares de alta precisión (Linear · Axiom · Aave) */
html[data-theme="dark"] .metric-value,
html[data-theme="dark"] .sh-price-amount,
html[data-theme="dark"] .lp-tier-price,
html[data-theme="dark"] .ac-stat-value,
html[data-theme="dark"] .one-stat-value,
html[data-theme="dark"] .sv-res-num {
  font-variant-numeric: tabular-nums;
  font-feature-settings: 'tnum' 1, 'zero' 1, 'cv01' 1;
}