/* INKG_PALETTE_V7_NEON_GREEN · 2026-07-01 · colores EXACTOS de la página buena (Seguros): negro + verde neón #0f3 + teal #0fa + dorado #FFD700 (sin rojo) */

:root {
  --inkg-miner:       #00ff33;
  --inkg-miner-bright:#66ffaa;
  --inkg-nacion:      #00ffaa;
  --inkg-nacion-soft: #55ffcc;
  --inkg-sovereign:   #00cc44;
  --inkg-sovereign-deep:#007722;
  --inkg-comercio:    #FFD700;
  --inkg-referral:    #ff9800;
  --inkg-futurehead:  #00ffff;
  --inkg-collective:  #00aa55;
  --green:  var(--inkg-miner);
  --green-bright: var(--inkg-miner-bright);
  --gold:   var(--inkg-comercio);
  --red:    #cf6b5c;
  --bg-base: #000000;
}

html { background: #000000 !important; }
body {
  background: radial-gradient(circle at 50% 0%, rgba(0,255,80,0.08), transparent 65%), #000000 !important;
  background-color: #000000 !important;
  color: #e8eaf0 !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: #e8eaf0 !important;
}

/* ===== UNIFIED HERO · estilo verde soberano ===== */
.hero, [class*="hero"]:not(.live-stats):not(.unified-hero) {
  background: linear-gradient(135deg,
    rgba(0,15,8,0.92) 0%,
    rgba(0,30,16,0.85) 35%,
    rgba(0,15,8,0.92) 70%,
    rgba(0,10,6,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(229,196,65,0.025) 0, rgba(229,196,65,0.025) 1px, transparent 1px, transparent 14px),
    repeating-linear-gradient(90deg, rgba(62,145,72,0.02) 0, rgba(62,145,72,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, #00ff33 0%, #55ffcc 50%, #00ffaa 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  filter: drop-shadow(0 2px 12px rgba(62,145,72,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(229,196,65,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(0,12,7,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(62,145,72,0.15) !important;
}
.hero button:hover, .hero .btn:hover {
  background: var(--inkg-miner) !important;
  color: #000 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 24px rgba(62,145,72,0.35) !important;
}

/* Pills */
.hero [class*="pill"], .hero .chip, [class*="hero"] [class*="pill"] {
  background: rgba(0,12,7,0.5) !important;
  border: 1px solid rgba(229,196,65,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(0,15,8,0.85), rgba(0,10,6,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(0,12,7,0.85) !important;
  background-image: linear-gradient(135deg,
    rgba(20,30,40,0.6) 0%,
    rgba(0,15,8,0.5) 100%
  ) !important;
  border: 1px solid rgba(229,196,65,0.18) !important;
  border-left: 5px solid var(--inkg-comercio) !important;
  border-radius: 12px !important;
  color: #e8eaf0 !important;
  transition: transform 0.2s ease, border-color 0.2s ease !important;
}
.card:hover, .panel:hover, .module:hover {
  transform: translateY(-2px) !important;
  border-color: var(--inkg-comercio) !important;
}

/* Centered En Construction box */
.box {
  background: linear-gradient(135deg, rgba(0,15,8,0.55), rgba(20,30,40,0.85)) !important;
  border-color: var(--inkg-comercio) !important;
  color: #e8eaf0 !important;
}
.box h1 {
  background: linear-gradient(135deg, #00ff33, #55ffcc) !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(0,12,7,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: var(--inkg-comercio) !important; color: #000 !important; }
[class*="dist-tile"]:nth-of-type(5) { background-color: var(--inkg-referral) !important; color: #fff !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 */
body button:not(.hero button):not(.btn-secondary):not(.btn-no):not([class*="vote"]),
body .btn:not(.hero .btn):not(.btn-secondary):not(.btn-no):not([class*="vote"]),
body [type="submit"]:not(.btn-secondary):not(.btn-no) {
  background-image: linear-gradient(135deg, #FFD700, #ff9800) !important;
  color: #1a1200 !important;
  border: none !important;
  font-weight: 800 !important;
  letter-spacing: 1.2px !important;
  box-shadow: 0 4px 14px rgba(255,170,0,0.35) !important;
  cursor: pointer !important;
}
.btn-secondary, .btn.alt {
  background-image: none !important;
  background-color: transparent !important;
  border: 2px solid var(--inkg-comercio) !important;
  color: var(--inkg-comercio) !important;
}

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

/* Tables */
table { background-color: rgba(0,12,7,0.4) !important; }
th { background-color: rgba(0,15,8,0.5) !important; color: var(--inkg-comercio) !important; }
td { border-bottom-color: rgba(229,196,65,0.1) !important; color: #e8eaf0 !important; }

/* Inputs */
input, textarea, select {
  background-color: rgba(0,12,7,0.85) !important;
  color: #fff !important;
  border: 1px solid var(--inkg-comercio) !important;
}
input:focus, textarea:focus, select:focus {
  border-color: var(--inkg-miner-bright) !important;
  box-shadow: 0 0 12px rgba(62,145,72,0.45) !important;
  outline: none !important;
}

/* Stat values */
.gt-val, .stat-val, .ls-val, .m-val, .stat-value { color: var(--inkg-comercio) !important; }

/* Tags */
.tag-mining, .pill-cripto { background-color: rgba(62,145,72,0.15) !important; color: var(--inkg-miner-bright) !important; border: 1px solid var(--inkg-miner) !important; }
.tag-commerce { background-color: rgba(229,196,65,0.18) !important; color: var(--inkg-comercio) !important; border: 1px solid var(--inkg-comercio) !important; }
.pill-prod { background-color: var(--inkg-comercio) !important; color: #000 !important; }
.live-badge { background-color: rgba(62,145,72,0.15) !important; color: var(--inkg-miner-bright) !important; border-color: var(--inkg-miner) !important; }

/* Code */
pre, code { background-color: rgba(0,8,5,0.95) !important; color: var(--inkg-comercio) !important; }

/* Footer · verde */
footer { background: linear-gradient(180deg, rgba(0,15,8,0.5), #000000) !important; border-top: 2px solid var(--inkg-miner) !important; }

[style*="color:#000"]:not([class*="dist-tile"]) { color: #e8eaf0 !important; }
[style*="color: #000"]:not([class*="dist-tile"]) { color: #e8eaf0 !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(20,30,40,0.92), rgba(0,15,8,0.88)) !important;
  background-color: rgba(0,12,7,0.92) !important;
  color: #e8eaf0 !important;
  border-left: 5px solid #e5c441 !important;
  border-radius: 12px !important;
  box-shadow: 0 4px 16px rgba(0,0,0,0.5) !important;
}
.distribution-rule h3, .dist-card h3, .rule h3,
[class*="distribution"][class*="card"] h3 {
  color: #e5c441 !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(20,30,40,0.92), rgba(0,15,8,0.88)) !important;
  color: #e8eaf0 !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 */
footer, footer * { color: #f5e9b8 !important; }
footer a, footer .footer-link { color: #ffd966 !important; text-decoration: none; }
footer a:hover { color: #ffec99 !important; text-decoration: underline; }
footer h3, footer h4, footer .section-title { color: #ffd966 !important; font-weight: 900; }
footer .meta-line, footer .compliance, footer .legal { color: #c9b97c !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:#060f0a !important}
#matrix-bg{opacity:0.02 !important}
