/* INKG_PALETTE_V9_ATABEY_HUD · 2026-07-18 · navy #03070f + cyan #39d6ff (acento primario) + green #3ff08a + gold #ffcf6b (SOLO acento chico) + red #ff5b6e (paleta ATABEY OS command center). Takoda 2026-07-18: se removio TODO relleno amarillo/dorado (botones/cards/tiles/pills/footer) -> estilo oscuro CC con borde cyan; oro queda solo como acento minimo. atabey-1 (slot1) */

:root {
  --inkg-miner:       #39d6ff;
  --inkg-miner-bright:#8fd4ff;
  --inkg-nacion:      #5cc8ff;
  --inkg-nacion-soft: #8fd4ff;
  --inkg-sovereign:   #2f8fd0;
  --inkg-sovereign-deep:#1c5a86;
  --inkg-comercio:    #ffcf6b;
  --inkg-referral:    #ff9800;
  --inkg-futurehead:  #39d6ff;
  --inkg-collective:  #2f8fd0;
  --green:  var(--inkg-miner);
  --green-bright: var(--inkg-miner-bright);
  --gold:   var(--inkg-comercio);
  --red:    #ff5b6e;
  --bg-base: #03070f;
}

html { background: #03070f !important; }
body {
  background: radial-gradient(circle at 50% 0%, rgba(77,184,255,0.08), transparent 65%), #03070f !important;
  background-color: #03070f !important;
  color: #d7e6f5 !important;
}

[style*="background:#fff"], [style*="background-color:#fff"],
[style*="background: #fff"], [style*="background-color: #fff"],
[style*="background:white"], [style*="background-color:white"] {
  background: var(--bg-base) !important;
  color: #d7e6f5 !important;
}

/* ===== UNIFIED HERO · estilo verde soberano ===== */
.hero, [class*="hero"]:not(.live-stats):not(.unified-hero) {
  background: linear-gradient(135deg,
    rgba(10,20,32,0.92) 0%,
    rgba(12,28,46,0.85) 35%,
    rgba(10,20,32,0.92) 70%,
    rgba(8,16,26,0.95) 100%) !important;
  border-bottom: 2px solid var(--inkg-miner) !important;
  position: relative !important;
  overflow: hidden !important;
}
.hero::before, [class*="hero"]::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image:
    repeating-linear-gradient(0deg, rgba(224,177,85,0.025) 0, rgba(224,177,85,0.025) 1px, transparent 1px, transparent 14px),
    repeating-linear-gradient(90deg, rgba(46,120,190,0.02) 0, rgba(46,120,190,0.02) 1px, transparent 1px, transparent 14px);
  pointer-events: none;
  z-index: 0;
}
.hero > *, [class*="hero"] > * { position: relative; z-index: 1; }

/* Titulo verde/dorado */
.hero h1, [class*="hero"] h1, .unified-hero h1 {
  background: linear-gradient(135deg, #39d6ff 0%, #8fd4ff 50%, #5cc8ff 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  filter: drop-shadow(0 2px 12px rgba(46,120,190,0.4)) !important;
  font-family: 'Orbitron', sans-serif !important;
  font-weight: 900 !important;
  letter-spacing: 2px !important;
}

/* Sub-nav · green text con separators verdes */
.hero .sub, [class*="hero"] .sub, .hero .tagline, .hero .meta {
  color: var(--inkg-miner-bright) !important;
  font-family: 'Share Tech Mono', monospace !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
}

.hero .sovereign-id, [class*="hero"] .sovereign-id, .hero .id {
  color: rgba(224,177,85,0.7) !important;
  font-family: 'Share Tech Mono', monospace !important;
}

/* Big rounded outlined buttons en el hero */
.hero button, .hero .btn, .hero a.btn-hero,
[class*="hero"] button, [class*="hero"] .btn {
  background: rgba(9,18,30,0.4) !important;
  border: 2px solid var(--inkg-miner) !important;
  color: var(--inkg-miner-bright) !important;
  padding: 12px 32px !important;
  border-radius: 10px !important;
  font-family: 'Share Tech Mono', monospace !important;
  font-weight: 800 !important;
  letter-spacing: 2px !important;
  font-size: 1em !important;
  cursor: pointer !important;
  transition: all 0.2s !important;
  box-shadow: 0 4px 18px rgba(46,120,190,0.15) !important;
}
.hero button:hover, .hero .btn:hover {
  background: var(--inkg-miner) !important;
  color: #03070f !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 24px rgba(46,120,190,0.35) !important;
}

/* Pills */
.hero [class*="pill"], .hero .chip, [class*="hero"] [class*="pill"] {
  background: rgba(9,18,30,0.5) !important;
  border: 1px solid rgba(224,177,85,0.4) !important;
  color: var(--inkg-comercio) !important;
  padding: 6px 14px !important;
  border-radius: 16px !important;
  font-family: 'Share Tech Mono', monospace !important;
  font-size: 0.78em !important;
  letter-spacing: 1.5px !important;
  font-weight: 700 !important;
}

/* Top bars · verde */
.bank-bar, .nav-strip, .grand-totals-bar, .stats-bar {
  background: linear-gradient(135deg, rgba(10,20,32,0.85), rgba(8,16,26,0.95)) !important;
  border-bottom: 1px solid var(--inkg-miner) !important;
}

/* CARDS */
.card, .panel, .module, .u-card, .p-card, .pkg, .program, .platform, .step,
[class*="card"]:not([class*="metric-tile"]):not([class*="bank-bar"]) {
  background-color: rgba(9,18,30,0.85) !important;
  background-image: linear-gradient(135deg,
    rgba(13,26,44,0.6) 0%,
    rgba(10,20,32,0.5) 100%
  ) !important;
  border: 1px solid rgba(57,214,255,0.22) !important;
  border-left: 4px solid #39d6ff !important;
  border-radius: 12px !important;
  color: #d7e6f5 !important;
  transition: transform 0.2s ease, border-color 0.2s ease !important;
}
.card:hover, .panel:hover, .module:hover {
  transform: translateY(-2px) !important;
  border-color: #39d6ff !important;
}

/* Centered En Construction box */
.box {
  background: linear-gradient(135deg, rgba(10,20,32,0.55), rgba(13,26,44,0.85)) !important;
  border-color: rgba(57,214,255,0.35) !important;
  color: #d7e6f5 !important;
}
.box h1 {
  background: linear-gradient(135deg, #39d6ff, #8fd4ff) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}
.box .sub, .box .lead { color: rgba(255,255,255,0.85) !important; }
.box .cta a {
  background: rgba(9,18,30,0.4) !important;
  border: 2px solid var(--inkg-miner) !important;
  color: var(--inkg-miner-bright) !important;
}

/* Rotating card colors */
.programs-grid > div:nth-child(7n+1), .platforms-grid > div:nth-child(7n+1),
.packages > div:nth-child(7n+1), .courses-grid > div:nth-child(7n+1) { border-left-color: var(--inkg-miner) !important; }
.programs-grid > div:nth-child(7n+2), .platforms-grid > div:nth-child(7n+2),
.packages > div:nth-child(7n+2), .courses-grid > div:nth-child(7n+2) { border-left-color: var(--inkg-nacion) !important; }
.programs-grid > div:nth-child(7n+3), .platforms-grid > div:nth-child(7n+3),
.packages > div:nth-child(7n+3), .courses-grid > div:nth-child(7n+3) { border-left-color: var(--inkg-sovereign) !important; }
.programs-grid > div:nth-child(7n+4), .platforms-grid > div:nth-child(7n+4),
.packages > div:nth-child(7n+4), .courses-grid > div:nth-child(7n+4) { border-left-color: var(--inkg-comercio) !important; }
.programs-grid > div:nth-child(7n+5), .platforms-grid > div:nth-child(7n+5),
.packages > div:nth-child(7n+5), .courses-grid > div:nth-child(7n+5) { border-left-color: var(--inkg-referral) !important; }
.programs-grid > div:nth-child(7n+6), .platforms-grid > div:nth-child(7n+6),
.packages > div:nth-child(7n+6), .courses-grid > div:nth-child(7n+6) { border-left-color: var(--inkg-futurehead) !important; }
.programs-grid > div:nth-child(7n+7), .platforms-grid > div:nth-child(7n+7),
.packages > div:nth-child(7n+7), .courses-grid > div:nth-child(7n+7) { border-left-color: var(--inkg-collective) !important; }

/* Distribution tiles */
[class*="dist-tile"]:nth-of-type(1) { background-color: var(--inkg-miner) !important; color: #fff !important; }
[class*="dist-tile"]:nth-of-type(2) { background-color: var(--inkg-nacion) !important; color: #fff !important; }
[class*="dist-tile"]:nth-of-type(3) { background-color: var(--inkg-sovereign) !important; color: #fff !important; }
[class*="dist-tile"]:nth-of-type(4) { background-color: #2f8fd0 !important; color: #fff !important; }
[class*="dist-tile"]:nth-of-type(5) { background-color: #3ff08a !important; color: #03070f !important; }
[class*="dist-tile"]:nth-of-type(6) { background-color: var(--inkg-futurehead) !important; color: #fff !important; }
[class*="dist-tile"]:nth-of-type(7) { background-color: var(--inkg-collective) !important; color: #fff !important; }

/* Buttons general · NOT inside hero */
/* Buttons general · CC dark style (Takoda 2026-07-18: "quitar el amarillo asqueroso" — no gold fill) */
body button:not(.hero button):not(.btn-secondary):not(.btn-no):not([class*="vote"]):not(.tk-chip):not(.act):not(.backbtn):not(.tab):not(.deptab),
body .btn:not(.hero .btn):not(.btn-secondary):not(.btn-no):not([class*="vote"]):not(.tk-chip):not(.act):not(.backbtn):not(.tab):not(.deptab),
body [type="submit"]:not(.btn-secondary):not(.btn-no) {
  background-image: linear-gradient(135deg, rgba(10,22,44,0.75), rgba(10,22,44,0.5)) !important;
  background-color: rgba(10,22,44,0.6) !important;
  color: #eaf6ff !important;
  border: 1px solid rgba(57,214,255,0.35) !important;
  font-weight: 800 !important;
  letter-spacing: 1.2px !important;
  box-shadow: 0 4px 14px rgba(57,214,255,0.14) !important;
  cursor: pointer !important;
  transition: border-color .18s, box-shadow .18s, background-color .18s !important;
}
body button:not(.hero button):not(.btn-secondary):not(.btn-no):not([class*="vote"]):not(.tk-chip):not(.act):not(.backbtn):hover,
body .btn:not(.hero .btn):not(.btn-secondary):not(.btn-no):not([class*="vote"]):not(.tk-chip):not(.act):not(.backbtn):hover,
body [type="submit"]:not(.btn-secondary):not(.btn-no):hover {
  border-color: #39d6ff !important;
  background-color: rgba(57,214,255,0.12) !important;
  color: #eaf6ff !important;
  box-shadow: 0 6px 20px rgba(57,214,255,0.28) !important;
}
.btn-secondary, .btn.alt {
  background-image: none !important;
  background-color: transparent !important;
  border: 1px solid rgba(57,214,255,0.35) !important;
  color: #39d6ff !important;
}

/* Headings */
h1:not([style*="color"]), h2:not([style*="color"]):not(.section-title), h3:not([style*="color"]) {
  color: #39d6ff !important;
}

/* Tables */
table { background-color: rgba(9,18,30,0.4) !important; }
th { background-color: rgba(10,20,32,0.5) !important; color: #39d6ff !important; }
td { border-bottom-color: rgba(57,214,255,0.1) !important; color: #d7e6f5 !important; }

/* Inputs */
input, textarea, select {
  background-color: rgba(9,18,30,0.85) !important;
  color: #fff !important;
  border: 1px solid rgba(57,214,255,0.35) !important;
}
input:focus, textarea:focus, select:focus {
  border-color: var(--inkg-miner-bright) !important;
  box-shadow: 0 0 12px rgba(46,120,190,0.45) !important;
  outline: none !important;
}

/* Stat values */
.gt-val, .stat-val, .ls-val, .m-val, .stat-value { color: #3ff08a !important; }

/* Tags */
.tag-mining, .pill-cripto { background-color: rgba(46,120,190,0.15) !important; color: var(--inkg-miner-bright) !important; border: 1px solid var(--inkg-miner) !important; }
.tag-commerce { background-color: rgba(224,177,85,0.18) !important; color: var(--inkg-comercio) !important; border: 1px solid var(--inkg-comercio) !important; }
.pill-prod { background-color: rgba(57,214,255,0.15) !important; color: #39d6ff !important; border: 1px solid rgba(57,214,255,0.4) !important; }
.live-badge { background-color: rgba(46,120,190,0.15) !important; color: var(--inkg-miner-bright) !important; border-color: var(--inkg-miner) !important; }

/* Code */
pre, code { background-color: rgba(7,14,24,0.95) !important; color: #39d6ff !important; }

/* Footer · verde */
footer { background: linear-gradient(180deg, rgba(10,20,32,0.5), #03070f) !important; border-top: 2px solid var(--inkg-miner) !important; }

[style*="color:#03070f"]:not([class*="dist-tile"]) { color: #d7e6f5 !important; }
[style*="color: #03070f"]:not([class*="dist-tile"]) { color: #d7e6f5 !important; }

/* DISTRIBUTION_CARDS_DARK_V1 · 2026-05-25 · force dark bg en distribution rule cards */
.distribution-rule, .dist-card, .rule-card,
[class*="distribution"][class*="card"],
.distribution-grid > *, .rules-grid > *,
.split-rule > div, .rule {
  background: linear-gradient(135deg, rgba(13,26,44,0.92), rgba(10,20,32,0.88)) !important;
  background-color: rgba(9,18,30,0.92) !important;
  color: #d7e6f5 !important;
  border-left: 4px solid #39d6ff !important;
  border-radius: 12px !important;
  box-shadow: 0 4px 16px rgba(4,10,20,0.5) !important;
}
.distribution-rule h3, .dist-card h3, .rule h3,
[class*="distribution"][class*="card"] h3 {
  color: #39d6ff !important;
}
.distribution-rule p, .dist-card p, .rule p,
[class*="distribution"][class*="card"] p {
  color: #c4c8d0 !important;
}
/* Aggressive override on any large white card-like container */
div[style*="background:#fff"], div[style*="background-color:#fff"],
div[style*="background: #fff"], div[style*="background-color: #fff"],
div[style*="background:white"], div[style*="background-color:white"] {
  background: linear-gradient(135deg, rgba(13,26,44,0.92), rgba(10,20,32,0.88)) !important;
  color: #d7e6f5 !important;
}

/* MOBILE_RESPONSIVE_V1 · 2026-05-25 */
@media (max-width: 768px) {
  body { font-size: 14px !important; }
  .hero h1, [class*="hero"] h1 { font-size: 1.8em !important; letter-spacing: 1px !important; }
  .hero, [class*="hero"]:not(.live-stats) { padding: 30px 14px !important; }
  .container { padding: 16px 12px !important; }
  .section-title { font-size: 1.2em !important; margin: 20px 0 12px !important; }
  /* Stacks */
  .pools-grid, .programs-grid, .platforms-grid, .packages,
  .courses-grid, .roles-grid, .regions, .grid,
  [class*="-grid"]:not(.dist-grid), .stats-row, .stat-row {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }
  /* Cards */
  .card, .panel, .pool-card, .course-card, .role-card, .pkg, .program, .platform {
    padding: 16px !important;
    border-radius: 10px !important;
  }
  /* Stats horizontal scroll on mobile */
  .stat-row, .stats-row, .live-stats .ls-row { flex-wrap: wrap !important; gap: 14px !important; }
  .stat-val, .ls-val, .gt-val { font-size: 1.4em !important; }
  /* Buttons */
  button, .btn { padding: 10px 16px !important; font-size: 0.92em !important; letter-spacing: 1px !important; }
  /* Inputs */
  input, textarea, select { font-size: 16px !important; padding: 10px !important; }  /* 16px prevents iOS zoom */
  /* Tables → cards on mobile */
  table { font-size: 0.78em !important; }
  th, td { padding: 6px 8px !important; }
  /* Atabey floating · smaller on mobile */
  #__atabey-btn { width: 50px !important; height: 50px !important; font-size: 1.3em !important; bottom: 14px !important; right: 14px !important; }
  #__atabey-panel { width: 92vw !important; right: 4vw !important; height: 76vh !important; bottom: 78px !important; }
  #__quantum-status { font-size: 0.62em !important; padding: 4px 8px !important; top: 8px !important; right: 8px !important; }
  /* Tutorial videos */
  section[id*="TUTORIAL"] > div { grid-template-columns: 1fr !important; }
}
@media (max-width: 480px) {
  body { font-size: 13px !important; }
  .hero h1, [class*="hero"] h1 { font-size: 1.5em !important; }
  .container { padding: 12px 8px !important; }
}

/* FOOTER_CONTRAST_GLOBAL_V1 · 2026-05-25 · readable footer text (CC palette, Takoda 2026-07-18: no amber) */
footer, footer * { color: #8fb4e6 !important; }
footer a, footer .footer-link { color: #39d6ff !important; text-decoration: none; }
footer a:hover { color: #eaf6ff !important; text-decoration: underline; }
footer h3, footer h4, footer .section-title { color: #39d6ff !important; font-weight: 900; }
footer .meta-line, footer .compliance, footer .legal { color: #8fb4e6 !important; font-size: 0.85em; }


/* PAGE_HEADER_SPACING_V1 · 2026-05-25 · ensure content not clipped by fixed bars */
body { padding-top: 120px !important; }
.hero, .container, header.page-header { margin-top: 0 !important; }


/* FLOATING_STACK_V1 · group all floating widgets top-right vertical stack */
[id*="lang-fab"], #lang-switcher-btn, .lang-fab,
.live-pool-feed-widget, #liveFeed,
.atabey-floating-btn, #atabey-fab,
#bdet-lang-badge {
  position: fixed !important;
  right: 16px !important;
}
[id*="lang-fab"], #lang-switcher-btn { top: 130px !important; }
.live-pool-feed-widget, #liveFeed { top: 180px !important; max-width: 280px !important; }
#bdet-lang-badge { top: 90px !important; }
.atabey-floating-btn, #atabey-fab { bottom: 20px !important; right: 20px !important; top: auto !important; }

/* ═══ Widget position fix · Takoda 2026-05-29 ═══ */
/* Stack floating widgets verticalmente para no solaparse */
.spw-fab { bottom: 140px !important; right: 20px !important; }
.spw-status { top: 80px !important; }
#bdm-fab { bottom: 80px !important; right: 20px !important; }
#mining-cards-fab, .mc-fab { bottom: 200px !important; right: 20px !important; }
.miner-chat-fab, #miner-chat-fab { bottom: 200px !important; right: 20px !important; }
.pool-client-fab, #pool-client-fab { bottom: 20px !important; right: 20px !important; }
[id*="live-feed"], [class*="live-feed"] { bottom: 260px !important; right: 20px !important; }

/* Asegurar que no se quedan ocultos detrás del browser scrollbar */
.spw-fab, #bdm-fab, .miner-chat-fab, .pool-client-fab { z-index: 99998 !important; }

/* ═══ STACK FAB widgets BRUTE FORCE · 2026-05-29 ═══ */
html body div.spw-fab,
html body button.spw-fab,
html body .spw-fab,
[class*="spw-fab"][class*="-fab"] {
  position: fixed !important;
  bottom: 140px !important;
  right: 20px !important;
  left: auto !important;
  top: auto !important;
  z-index: 99998 !important;
}
html body div#bdm-fab,
html body button#bdm-fab,
html body #bdm-fab,
[id="bdm-fab"] {
  position: fixed !important;
  bottom: 80px !important;
  right: 20px !important;
  left: auto !important;
  top: auto !important;
  z-index: 99997 !important;
}
html body .miner-chat-fab,
html body #miner-chat-fab,
[class*="chat-fab"] {
  position: fixed !important;
  bottom: 200px !important;
  right: 20px !important;
  z-index: 99996 !important;
}
html body .pool-client-fab,
html body [class*="live-pool"],
[class*="live-feed"][class*="-fab"] {
  position: fixed !important;
  bottom: 20px !important;
  right: 20px !important;
  z-index: 99995 !important;
}

/* JS-side fallback hook · runs forever on browsers · injected via animation */
@keyframes __spw_position_check { 0% { opacity: 0.999 } 100% { opacity: 1 } }
.spw-fab, #bdm-fab, .miner-chat-fab, .pool-client-fab {
  animation: __spw_position_check 1s infinite !important;
}

/* chart cards fully opaque · no matrix bleed (sombra) · 2026-06-04 */
.chart-card{background:#03070f !important}
#matrix-bg{opacity:0.02 !important}

/* ============================================================
   V10_ATABEY · PREMIUM POLISH (aditivo, 2026-08-03)
   Realza el look del Command Center en TODAS las plataformas.
   SOLO propiedades visuales (color/borde/sombra/glow/transición).
   CERO cambios de layout (nada de display/position/width/margin).
   Va al final: gana por cascada, sin !important que rompa.
   ============================================================ */

/* transiciones suaves en lo interactivo (no reflow) */
.card, .panel, .box, .stat, .tile, .btn, .cta, button, input, a{
  transition: transform .16s ease, box-shadow .2s ease, border-color .2s ease, filter .16s ease, background-color .2s ease;
}

/* GLASS + GLOW en tarjetas/paneles (sin tocar su tamaño/posición) */
.card, .panel, .box{
  border-color: rgba(57,214,255,.22);
  box-shadow: 0 10px 30px rgba(0,0,0,.35), inset 0 0 0 1px rgba(57,214,255,.05);
  -webkit-backdrop-filter: blur(9px); backdrop-filter: blur(9px);
}
.card:hover, .panel:hover, .box:hover{
  transform: translateY(-3px);
  border-color: rgba(57,214,255,.45);
  box-shadow: 0 16px 44px rgba(0,0,0,.5), 0 0 0 1px rgba(57,214,255,.18), 0 0 26px rgba(57,214,255,.10);
}

/* STAT: número con brillo verde vivo del CC */
.stat:hover{ transform: translateY(-2px); box-shadow: 0 12px 32px rgba(0,0,0,.45), 0 0 22px rgba(63,240,138,.14); }

/* CTA principal: gradiente cyan→verde del CC (botones de acción, para que salten) */
.cta{
  background: linear-gradient(135deg,#39d6ff,#3ff08a);
  color:#04121f; border:none;
  box-shadow: 0 10px 30px rgba(57,214,255,.26);
}
.cta:hover{ transform: translateY(-2px); filter: brightness(1.08); box-shadow: 0 14px 40px rgba(57,214,255,.36); }

/* botones: hover con leve realce (sin forzar fondo, no rompe navs) */
.btn:hover, button:hover{ filter: brightness(1.07); }
.btn:active, button:active{ transform: translateY(1px); }

/* INPUTS: anillo de foco cyan premium */
input:focus, textarea:focus, select:focus{
  outline:none; border-color:#39d6ff;
  box-shadow: 0 0 0 3px rgba(57,214,255,.14);
}

/* enlaces: glow cyan al pasar (sin subrayado brusco) */
a:hover{ color:#8fd4ff; text-shadow: 0 0 12px rgba(57,214,255,.35); }

/* selección de texto + scrollbar con la paleta del CC */
::selection{ background: rgba(57,214,255,.30); color:#eaf6ff; }
::-webkit-scrollbar{ width:11px; height:11px; }
::-webkit-scrollbar-track{ background:#03070f; }
::-webkit-scrollbar-thumb{ background: linear-gradient(#16304e,#0a162c); border-radius:8px; border:2px solid #03070f; }
::-webkit-scrollbar-thumb:hover{ background: linear-gradient(#39d6ff,#16304e); }

/* HERO: leve resplandor de fondo (no cambia el flujo) */
.hero{ position:relative; }
/* fin V10_ATABEY premium polish */