/* Аналітика — токени й утиліти прототипу handoff_analytics (ТЕМНІ значення).
   Змінні додаються на :root (нові імена, CRM-палітру не чіпають); утилітарні
   класи (.card/.btn/.chip/.tbl…) СКОУПЛЕНІ під .dsA — поза вкладкою не діють.
   Світла тема прототипу свідомо не підключена: CRM повністю темна. */
:root {
  --ink: #ECEEF3; --ink-hover: #FFFFFF; --ink-fg: #0B0D12;
  --success-soft: rgba(16,185,129,.14); --warning-soft: rgba(245,158,11,.14);
  --danger-soft: rgba(244,63,94,.14); --info-soft: rgba(59,130,246,.14);
  --violet: #A78BFA; --violet-soft: rgba(139,92,246,.16);
  --pink: #F472B6; --pink-soft: rgba(236,72,153,.14);
  --spark-up: #10B981; --spark-down: #F43F5E;
  --stage: #05060A; --glass: rgba(19,22,29,.92); --grid: rgba(255,255,255,.06); --chart-prev: #454B58;
  --alarm-bg: linear-gradient(180deg, rgba(244,63,94,.09), #13161D 45%); --alarm-border: rgba(244,63,94,.32);
  --ai-head: linear-gradient(90deg, rgba(99,102,241,.12), #13161D 60%); --season-warn: linear-gradient(90deg, rgba(245,158,11,.10), #13161D 45%);
  --r-sm: 6px; --r-md: 8px; --r-lg: 10px; --r-xl: 12px; --r-2xl: 16px; --r-pill: 999px;
  --sh-1: 0 1px 2px rgba(0,0,0,.4);
  --sh-2: 0 1px 3px rgba(0,0,0,.45), 0 1px 2px rgba(0,0,0,.3);
  --sh-3: 0 12px 32px rgba(0,0,0,.55), 0 2px 6px rgba(0,0,0,.4);
  --scroll-thumb: rgba(255,255,255,.12); --scroll-thumb-hover: rgba(255,255,255,.2);
}
.dsA { font-size: 13px; line-height: 1.45; }
.dsA .num { font-family: var(--font-mono); font-variant-numeric: tabular-nums; letter-spacing: -.01em; }
.dsA .lbl { font-size: 10.5px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: var(--fg-muted); }
.dsA .card { background: var(--bg-panel); border: 1px solid var(--border-default); border-radius: var(--r-xl); box-shadow: var(--sh-2); }
.dsA .mut { color: var(--fg-muted); } .dsA .sec { color: var(--fg-secondary); }
.dsA button { font-family: inherit; cursor: pointer; }
.dsA .btn { display: inline-flex; align-items: center; gap: 7px; white-space: nowrap; height: 36px; padding: 0 13px; border-radius: 9px; border: 1px solid var(--border-default); background: var(--bg-panel); color: var(--fg-primary); font-size: 13px; font-weight: 600; box-shadow: var(--sh-1); transition: background .12s, border-color .12s; }
.dsA .btn:hover { background: var(--bg-hover); border-color: var(--border-strong); }
.dsA .btn-ink { background: var(--ink); border-color: var(--ink); color: var(--ink-fg); }
.dsA .btn-ink:hover { background: var(--ink-hover); border-color: var(--ink-hover); }
.dsA .btn-accent { background: var(--accent); border-color: var(--accent); color: #fff; }
.dsA .btn-accent:hover { background: var(--accent-hover); border-color: var(--accent-hover); }
.dsA .btn-sm { height: 30px; padding: 0 10px; font-size: 12px; border-radius: 8px; }
.dsA .btn-ghost { border-color: transparent; background: transparent; box-shadow: none; }
.dsA .btn-ghost:hover { background: var(--bg-raised); border-color: transparent; }
.dsA .chip { display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; height: 29px; padding: 0 12px; border-radius: var(--r-pill); border: 1px solid var(--border-default); background: var(--bg-panel); color: var(--fg-secondary); font-size: 12.5px; font-weight: 600; transition: .12s; }
.dsA .chip:hover { background: var(--bg-hover); }
.dsA .chip.on { background: var(--accent-soft); border-color: var(--accent-ring); color: var(--accent-hover); }
.dsA .pill { display: inline-flex; align-items: center; gap: 5px; padding: 2px 8px; border-radius: var(--r-pill); font-size: 11px; font-weight: 600; white-space: nowrap; }
.dsA .tbl { width: 100%; border-collapse: collapse; }
.dsA .tbl th { font-size: 10.5px; font-weight: 600; letter-spacing: .05em; text-transform: uppercase; color: var(--fg-muted); text-align: left; padding: 0 10px 8px; white-space: nowrap; }
.dsA .tbl td { padding: 9px 10px; border-top: 1px solid var(--border-subtle); font-size: 12.5px; color: var(--fg-secondary); vertical-align: middle; }
.dsA .tbl tbody tr:hover { background: var(--bg-hover); }
.dsA .tbl .r { text-align: right; }
.dsA .tbl td.num, .dsA .tbl td .num, .dsA .tbl td.r { white-space: nowrap; }
.dsA .scroll::-webkit-scrollbar { width: 9px; height: 9px; }
.dsA .scroll::-webkit-scrollbar-thumb { background: var(--scroll-thumb); border-radius: 999px; }
.dsA .scroll::-webkit-scrollbar-thumb:hover { background: var(--scroll-thumb-hover); }
.dsA .scroll::-webkit-scrollbar-track { background: transparent; }
@keyframes dsPulse { 0%, 100% { opacity: .55; } 50% { opacity: 1; } }