/*
 * ═══════════════════════════════════════════════════════════
 *  Yannes Agente Tech — Design Tokens v2.0
 *  Tema: Ardósia & Esmeralda
 *  Source of truth: /var/www/ecossistema.yannes.app.br/design-tokens.css
 * ═══════════════════════════════════════════════════════════
 */
:root {
  /* ── Brand accent — Esmeralda ───────── */
  --accent:      #10b981;
  --accent-h:    #059669;
  --accent-dim:  rgba(16,185,129,.13);
  --accent-glow: rgba(16,185,129,.28);

  /* ── Semantic colors ────────────── */
  --green:      #10b981;
  --green-dim:  rgba(16,185,129,.12);
  --red:        #f43f5e;
  --red-dim:    rgba(244,63,94,.10);
  --amber:      #f97316;
  --amber-dim:  rgba(249,115,22,.13);
  --purple:     #8b5cf6;
  --purple-dim: rgba(139,92,246,.10);
  --cyan:       #06b6d4;
  --cyan-dim:   rgba(6,182,212,.10);
  --teal:       #0891b2;
  --teal-dim:   rgba(8,145,178,.12);
  --blue:       #3b82f6;
  --blue-dim:   rgba(59,130,246,.12);

  /* ── Backgrounds — Ardósia ────────── */
  --bg:         #111318;
  --bg2:        #15181f;
  --card:       #1c2130;
  --card2:      #222840;
  --card3:      #28304c;

  /* ── Typography ───────────────── */
  --text:       #e8edf5;
  --muted:      #7c8eaa;
  --faint:      #3b4a6b;

  /* ── Borders ──────────────────── */
  --border:     rgba(100,116,139,.18);
  --border2:    rgba(100,116,139,.35);

  /* ── Radii ────────────────────── */
  --radius:     12px;
  --radius-lg:  18px;
  --radius-sm:  7px;
}
.colab-hid { display: none !important; }

/* Dropdown export menu */
#emp-export-menu { display: none; flex-direction: column; }
#emp-export-menu.open { display: flex !important; }