/* ============================================================
   CANONICAL AGENT COLORS — single source of truth (2026-07-18)
   Loaded LAST on purpose: overrides the 3 conflicting per-tab
   color systems in 00-tokens.css, 10-shell.css and
   72-robots-per-tab.css / 72-grid-v3.css (same specificity,
   later file wins in cascade — no !important needed).

   Canonical roster (confirmed with Ali 2026-07-18):
     bos    -> gold/orange
     nora   -> green
     dexter -> purple
   The rest (hunter/mira/carlos/klark) were already correct and
   are kept as-is; bia/laur/spark are unused today but defined
   for forward-compat with the icons/ folder.

   Canonical tab -> agent mapping (source: 72-robots-per-tab.js
   comment, "directive Ali Telegram 2026-07-17"). 10-dashboard.js,
   60-universal-tab.js and 72-robots-per-tab.js used to disagree
   on decizii/comanda/rapoarte/chat-admin — those JS files were
   fixed to match this table in the same pass as this CSS file.
   ============================================================ */

:root {
  --agent-bos:    #ff7a00;
  --agent-nora:   #22c55e;
  --agent-hunter: #ef4444;
  --agent-mira:   #d946ef;
  --agent-carlos: #c084fc;
  --agent-klark:  #f59e0b;
  --agent-dexter: #a855f7;
  --agent-bia:    #14b8a6;
  --agent-laur:   #3b82f6;
  --agent-spark:  #eab308;
  /* Not a character agent — the cyan boostedmode.com's homepage uses as its
     own signature color (body[data-page-color] there is #06B6D4). Ali wants
     Dashboard's own color to match the home site instead of Bos's orange. */
  --agent-cyan:   #06b6d4;

  /* Per-tab aliases consumed across the app (sidebar, tab cards,
     mobile drawer, breadcrumb, hero) */
  --c-dashboard: var(--agent-cyan);
  --c-decizii:   var(--agent-nora);
  --c-leads:     var(--agent-hunter);
  --c-postari:   var(--agent-mira);
  --c-media:     var(--agent-carlos);
  --c-comanda:   var(--agent-klark);
  --c-intake:    var(--agent-bos);
  --c-idei:      var(--agent-bos);
  --c-mk:        var(--agent-dexter);
  --c-chat:      var(--agent-nora);
  --c-admin:     var(--agent-bos);
  --c-rapoarte:  var(--agent-klark);
  --c-hercules:  var(--agent-bos);
}

/* Robot mascot glow — keyed by data-agent (wins over
   72-robots-per-tab.css: same selector specificity, this file
   loads after it) */
.bg-robot[data-agent="bos"]    { --robot-color: rgba(255, 122, 0, 0.75); }
.bg-robot[data-agent="nora"]   { --robot-color: rgba(34, 197, 94, 0.70); }
.bg-robot[data-agent="hunter"] { --robot-color: rgba(239, 68, 68, 0.70); }
.bg-robot[data-agent="mira"]   { --robot-color: rgba(217, 70, 239, 0.70); }
.bg-robot[data-agent="carlos"] { --robot-color: rgba(192, 132, 252, 0.70); }
.bg-robot[data-agent="klark"]  { --robot-color: rgba(245, 158, 11, 0.70); }
.bg-robot[data-agent="dexter"] { --robot-color: rgba(168, 85, 247, 0.70); }

/* Grid pulse color — keyed by data-active-tab, derived from the
   same canonical agent per tab (wins over 72-grid-v3.css).
   --tab-color is set here too: it used to exist ONLY on the
   dashboard's .tab-card picker (10-shell-v2.css), so any button
   glow outside that picker fell back to --accent (orange) no
   matter which tab was open. Setting it on body makes it a real
   site-wide inherited variable that reflects the current tab. */
body[data-active-tab="dashboard"]  { --grid-color: var(--agent-cyan);   --tab-color: var(--agent-cyan); }
body[data-active-tab="decizii"]    { --grid-color: var(--agent-nora);   --tab-color: var(--agent-nora); }
body[data-active-tab="leads"]      { --grid-color: var(--agent-hunter); --tab-color: var(--agent-hunter); }
body[data-active-tab="postari"]    { --grid-color: var(--agent-mira);   --tab-color: var(--agent-mira); }
body[data-active-tab="media"]      { --grid-color: var(--agent-carlos); --tab-color: var(--agent-carlos); }
body[data-active-tab="comanda"]    { --grid-color: var(--agent-klark);  --tab-color: var(--agent-klark); }
body[data-active-tab="intake"]     { --grid-color: var(--agent-bos);    --tab-color: var(--agent-bos); }
body[data-active-tab="idei"]       { --grid-color: var(--agent-bos);    --tab-color: var(--agent-bos); }
body[data-active-tab="mk"]         { --grid-color: var(--agent-dexter); --tab-color: var(--agent-dexter); }
body[data-active-tab="chat"]       { --grid-color: var(--agent-nora);   --tab-color: var(--agent-nora); }
body[data-active-tab="chat-admin"] { --grid-color: var(--agent-bos);    --tab-color: var(--agent-bos); }
body[data-active-tab="rapoarte"]   { --grid-color: var(--agent-klark);  --tab-color: var(--agent-klark); }
body[data-active-tab="hercules"]   { --grid-color: var(--agent-bos);    --tab-color: var(--agent-bos); }

/* Same canonical values for the older data-app-color system
   (10-shell-v2.css: --app-glow / --bc-color / --robot-color),
   kept in sync so the breadcrumb button + bg glow agree too */
body[data-app-color="dashboard"]  { --bc-color: var(--agent-cyan); }
body[data-app-color="decizii"]    { --bc-color: var(--agent-nora); }
body[data-app-color="leads"]      { --bc-color: var(--agent-hunter); }
body[data-app-color="postari"]    { --bc-color: var(--agent-mira); }
body[data-app-color="media"]      { --bc-color: var(--agent-carlos); }
body[data-app-color="comanda"]    { --bc-color: var(--agent-klark); }
body[data-app-color="intake"]     { --bc-color: var(--agent-bos); }
body[data-app-color="mk"]         { --bc-color: var(--agent-dexter); }
body[data-app-color="chat"]       { --bc-color: var(--agent-nora); }
body[data-app-color="chat-admin"] { --bc-color: var(--agent-bos); }
body[data-app-color="rapoarte"]   { --bc-color: var(--agent-klark); }
body[data-app-color="hercules"]   { --bc-color: var(--agent-bos); }

/* Legacy #tab-grid (emoji tab-card buttons, pre-sidebar navigation) — kept
   in the DOM since 15-hero.js anchors on it (insertBefore) and 70-mobile-nav.js
   falls back to clicking a .tab-card[data-tab] if window.switchTab is missing,
   but hidden: the sidebar/drawer replaced it as the real navigation and Ali
   doesn't want the old buttons showing under the Dashboard hero (2026-07-18). */
#tab-grid { display: none !important; }

/* Kill the old static CSS background-image grids (70-grid-v2.css's `body`
   at 50px + `body::after` repainted by 72-grid-v3.css at 56px, tab-colored).
   #electric-canvas already draws its own full grid (lines + glow blobs +
   pulses) at CELL=50 — same effect as boostedmode.com's homepage, which
   only has the canvas. With the canvas now visible and brighter on mobile
   too, the two grids at mismatched cell sizes showed through as a second,
   slightly-offset "old grid" layered underneath (Ali, 2026-07-18). */
body { background-image: none !important; }
body::after { background-image: none !important; opacity: 0 !important; }

/* The compact injected header (colored bar + "Dashboard"/"Rapoarte"/etc
   tab-name repeat) was already hidden on mobile (71-mobile-fixes.css) —
   Ali wants it gone on desktop too now, it's redundant with the sidebar's
   own active-tab highlight + per-tab robot (2026-07-18). */
.app-shell .app-header { display: none !important; }

/* Login screen — cardul #login-section mostenea width:100% de la regula
   globala input/select/textarea din 00-shared.css, intins pe toata latimea
   containerului (760px pe desktop) — campurile de email/parola arata
   disproportionat de late pt doar 2 inputuri. Restrans cardul si centrat
   (Ali, 2026-07-21). */
#login-section { max-width: 360px; margin: 0 auto; }