/* ============================================================
   PER-TAB GRID v48.22 (2026-07-17)
   Grid-ul capata culoarea specifica robotului activ.
   12 binding-uri body[data-active-tab="X"] body::after
   Pastram opacity 0.04 + @keyframes gridV2-pulse

   Mapping (tab → glow color):
     dashboard   → #06b6d4  (cyan, matches boostedmode.com home — overridden
                              in 90-canon.css, which loads after this file
                              and wins; kept here in sync so this table isn't
                              misleading, 2026-07-18)
     decizii     → #a855f7  nora    purple
     leads       → #ef4444  hunter  red
     postari     → #d946ef  mira    magenta
     media       → #c084fc  carlos  light purple
     comanda     → #f59e0b  klark   amber
     intake      → #ff7a00  bos     orange
     mk          → #06b6d4  dexter  cyan
     chat        → #a855f7  nora    purple
     chat-admin  → #ff7a00  bos     orange
     rapoarte    → #f59e0b  klark   amber
     hercules    → #ff7a00  bos     orange
   ============================================================ */

/* FIX 2026-07-18: pe boostedmode.com (marketing site), grid-ul e la fel
   de subtil ca linie (verificat: opacity 0.03 pe linie), dar celulele
   sunt 60px in loc de 200px — densitatea, nu opacitatea, e ce face
   grid-ul sa para "colorat"/viu. Aplicam aceeasi tehnica aici. */
body::after {
  background-image:
    linear-gradient(to right, var(--grid-color, #3a3a3f) 1px, transparent 1px),
    linear-gradient(to bottom, var(--grid-color, #3a3a3f) 1px, transparent 1px) !important;
  background-size: 56px 56px !important;
}

/* Per-tab grid-color binding (specifica robotului) */
body[data-active-tab="dashboard"]  { --grid-color: #06b6d4; }
body[data-active-tab="decizii"]    { --grid-color: #a855f7; }
body[data-active-tab="leads"]      { --grid-color: #ef4444; }
body[data-active-tab="postari"]    { --grid-color: #d946ef; }
body[data-active-tab="media"]      { --grid-color: #c084fc; }
body[data-active-tab="comanda"]    { --grid-color: #f59e0b; }
body[data-active-tab="intake"]     { --grid-color: #ff7a00; }
body[data-active-tab="mk"]         { --grid-color: #06b6d4; }
body[data-active-tab="chat"]       { --grid-color: #a855f7; }
body[data-active-tab="chat-admin"] { --grid-color: #ff7a00; }
body[data-active-tab="rapoarte"]   { --grid-color: #f59e0b; }
body[data-active-tab="hercules"]   { --grid-color: #ff7a00; }

/* Pulsatii — usor mai vii, tot subtile (linie 1px, nu domina continutul) */
@keyframes gridV3-pulse {
  0%, 100% { opacity: 0.05; }
  50%      { opacity: 0.14; }
}

body::after {
  animation: gridV3-pulse 8s ease-in-out infinite;
}

/* Mobile: celule mai mici proportional (ecran mai mic) */
@media (max-width: 768px) {
  body::after {
    background-size: 40px 40px !important;
    opacity: 0.07;
  }
}

@media (prefers-reduced-motion: reduce) {
  body::after { animation: none; opacity: 0.06; }
}