/* ------------------------------------------------------------------
   TTVL theme — teal interface + vivid executive colours.
   Change brand values here only. Chart colours were checked for
   colour-blind separation.
   ------------------------------------------------------------------ */
:root{
  /* interface */
  --primary:#0891B2;      /* teal: buttons, active menu, accents */
  --primary-d:#0E7490;    /* darker teal for text */
  --primary-l:#15B2D0;
  --primary-soft:#E1F2F6;
  --primary-tint:#EAF5F9;
  --bg:#EBF1F5;
  --side:#EFF6FA;
  --surface:#FFFFFF;
  --surface-2:#F6F9FD;
  --ink:#0F2A35;
  --muted:#5A6B76;
  --faint:#8D9BA5;
  --line:#E2EAF0;
  --good:#059669;
  --bad:#DC2626;

  /* chart / KPI colours */
  --tt:#0891B2;           /* TT       = teal    */
  --vl:#7C3AED;           /* VL       = violet  */
  --ext:#F59E0B;          /* EXT      = amber   */
  --sent:#059669;         /* Sent to X = emerald */
  --ns:#EA580C;           /* Not sent = orange  */
  --excl:#2563EB;         /* Excl. X  = blue    */
  --red:#DC2626;
  --tt-text:#0E7490;
  --vl-text:#6D28D9;

  /* legacy aliases used by older markup */
  --green:var(--primary); --green-d:var(--primary-d); --cyan:var(--primary);
  --navy-900:#0B3B4A; --blue:var(--primary); --ink-900:#0F2A35;
}
*{box-sizing:border-box}
html,body{margin:0}
body{font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--ink);background:var(--bg);
  -webkit-font-smoothing:antialiased;font-feature-settings:"tnum" 1}
.logo{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;font-weight:800;font-size:12px;letter-spacing:.04em;
  color:#fff;background:linear-gradient(135deg,#15B2D0,#0891B2 60%,#0E7490);box-shadow:0 6px 16px rgba(8,145,178,.3)}