/* =====================================================================
   Tema escuro (V63). GERADO por scripts/gen-dark.py + bloco à mão abaixo. Só vale com <html data-theme="dark">
   (o botão "Aparência" do menu e o theme-init.js definem isso). O tema claro não muda.
   ===================================================================== */
:root[data-theme="dark"] {
  color-scheme: dark;
  --bg: #12100e; --panel: #1c1917; --ink: #f3ede7; --muted: #b5aaa0; --line: #322c27;
  --brand: #fb923c; --brand-ink: #ffffff; --brand-soft: #3a2214; --brand-strong: #c2410c;
  --ok: #34d399; --ok-soft: #12302a; --wait: #fbbf24; --wait-soft: #3a2d10; --danger: #f87171; --danger-soft: #3a1c1c; --col: #161311;
  --bubble-in: #26211d; --bubble-out: #5a2d14; --chat-bg: #12100e; --hover-bg: #2a2420;
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, .45), 0 2px 8px rgba(0, 0, 0, .35);
  --shadow-md: 0 2px 4px rgba(0, 0, 0, .45), 0 10px 24px rgba(0, 0, 0, .45);
}
/* -- à mão: botões, menu ativo e o que usa a cor da marca como FUNDO (texto branco precisa de um azul mais forte) -- */
:root[data-theme="dark"] .btn:hover { background: var(--hover-bg); border-color: #4a3f37; }
:root[data-theme="dark"] .btn.primary, :root[data-theme="dark"] nav.menu button[aria-current=true] { background: var(--brand-strong); border-color: var(--brand-strong); color: #fff; }
:root[data-theme="dark"] .btn.primary:hover { background: #b53a0c; border-color: #b53a0c; }
:root[data-theme="dark"] .btn.danger:hover { background: var(--danger-soft); }
:root[data-theme="dark"] .crm-chips > button:hover, :root[data-theme="dark"] .more-btn:hover { border-color: #4a3f37 !important; }
:root[data-theme="dark"] .bub .sender { color: hsl(var(--h, 200) 60% 70%); }
:root[data-theme="dark"] .kpi.main small { color: rgba(255, 255, 255, .82); }
:root[data-theme="dark"] .kpi.main { border-color: var(--brand-strong); }
:root[data-theme="dark"] .kpi.main span, :root[data-theme="dark"] .kpi.main .muted { color: rgba(255, 255, 255, .85); }
:root[data-theme="dark"] input, :root[data-theme="dark"] select, :root[data-theme="dark"] textarea { background-color: var(--bg); color: var(--ink); }
:root[data-theme="dark"] ::placeholder { color: var(--muted); opacity: .8; }
/* -- gerado: cada cor clara fixa virou o tom equivalente do tema -- */
:root[data-theme="dark"] .btn.primary { background: var(--brand-strong); }
:root[data-theme="dark"] .conf-flag { background: var(--wait-soft); color: var(--wait); border: 1px solid color-mix(in srgb, var(--wait) 45%, var(--line)); }
:root[data-theme="dark"] .conf-mark.ok { color: var(--ok); }
:root[data-theme="dark"] .conf-mark.denied { color: var(--danger); }
:root[data-theme="dark"] .meter i { background: var(--brand-strong); }
:root[data-theme="dark"] .meter.full i { background: #b45309; }
:root[data-theme="dark"] .dot.open { background: #15803d; }
:root[data-theme="dark"] .dot.connecting { background: #b45309; }
:root[data-theme="dark"] .toast.err { background: #dc2626; }
:root[data-theme="dark"] .unread-pill { background: #dc2626; }
:root[data-theme="dark"] .pw-eye { color: var(--ink); }
:root[data-theme="dark"] .pw-eye:hover { color: var(--ink); }
:root[data-theme="dark"] .ag-switch select option { color: var(--ink); }
:root[data-theme="dark"] .agency-bar { border-bottom: 3px solid color-mix(in srgb, var(--wait) 45%, var(--line)); }
:root[data-theme="dark"] .agency-bar .btn { background: var(--panel); color: var(--wait); border-color: var(--line); }
:root[data-theme="dark"] .ai-good { background: var(--ok-soft); color: var(--ok); }
:root[data-theme="dark"] .ai-mid { background: var(--wait-soft); color: var(--wait); }
:root[data-theme="dark"] .ai-low { background: var(--danger-soft); color: var(--danger); }
:root[data-theme="dark"] .ai-na { background: var(--line); color: var(--muted); }
:root[data-theme="dark"] .ai-row:hover,
:root[data-theme="dark"] .ai-row:focus-visible { background: var(--bg); }
:root[data-theme="dark"] .ai-ok { color: var(--ok); }
:root[data-theme="dark"] .ai-warn { color: var(--wait); }
:root[data-theme="dark"] .ai-modal { background: var(--panel); }
:root[data-theme="dark"] .ai-x { color: var(--muted); }
:root[data-theme="dark"] .ai-crit p { color: var(--muted); }
:root[data-theme="dark"] .ai-bar { background: var(--line); }
:root[data-theme="dark"] .ai-bar .ai-mid { background: var(--wait-soft); }
:root[data-theme="dark"] .ai-quote { border-left: 3px solid var(--line); background: var(--panel); }
:root[data-theme="dark"] .ai-alert { background: var(--wait-soft); border: 1px solid color-mix(in srgb, var(--wait) 45%, var(--line)); }
:root[data-theme="dark"] .ai-err { background: var(--bg); border: 1px solid color-mix(in srgb, var(--danger) 45%, var(--line)); }
:root[data-theme="dark"] .ai-spin { border: 3px solid var(--line); }
:root[data-theme="dark"] .agent-bar { border-left: 4px solid var(--line); background: var(--panel); }
:root[data-theme="dark"] .agent-bar[data-mode=ai] { background: var(--brand-soft); }
:root[data-theme="dark"] .agent-bar[data-mode=paused] { border-left-color: color-mix(in srgb, var(--wait) 45%, var(--line)); background: var(--wait-soft); }
:root[data-theme="dark"] .agent-bar[data-mode=human] { background: var(--panel); }
:root[data-theme="dark"] .agent-col i.h,
:root[data-theme="dark"] .agent-key.h { background: var(--wait-soft); }
:root[data-theme="dark"] .agent-ev { background: var(--line); color: var(--ink); }
:root[data-theme="dark"] .agent-ev.reply { background: var(--brand-soft); color: var(--brand); }
:root[data-theme="dark"] .agent-ev.handoff { background: var(--wait-soft); color: var(--wait); }
:root[data-theme="dark"] .agent-ev.blocked,
:root[data-theme="dark"] .agent-ev.error { background: var(--danger-soft); color: var(--danger); }
:root[data-theme="dark"] .agent-ev.returned,
:root[data-theme="dark"] .agent-ev.taken { background: var(--ok-soft); color: var(--ok); }
:root[data-theme="dark"] .agent-mem summary { color: var(--ink); }
:root[data-theme="dark"] .ag-tool { border-top: 1px solid var(--line); }
:root[data-theme="dark"] .ag-tool-cfg { background: var(--panel); }
:root[data-theme="dark"] .ag-fbar { background: var(--line); }
:root[data-theme="dark"] .agent-col i.h { background: var(--wait-soft); }
:root[data-theme="dark"] .agent-key.h { background: var(--wait-soft); }
:root[data-theme="dark"] .gw-modal { background: var(--panel); }
:root[data-theme="dark"] .gw-head { border-bottom: 1px solid var(--line); }
:root[data-theme="dark"] .gw-x { color: var(--muted); }
:root[data-theme="dark"] .gw-steps li { background: var(--bg); color: var(--muted); }
:root[data-theme="dark"] .gw-steps li.done { background: var(--ok-soft); color: var(--ok); }
:root[data-theme="dark"] .gw-foot { border-top: 1px solid var(--line); }
:root[data-theme="dark"] .gw-card { border: 2px solid var(--line); }
:root[data-theme="dark"] .gw-card.on { background: var(--brand-soft); }
:root[data-theme="dark"] .gw-card span { color: var(--muted); }
:root[data-theme="dark"] .gw-set { border: 1px solid var(--line); }
:root[data-theme="dark"] .gw-opt small { color: var(--muted); }
:root[data-theme="dark"] .gw-found { border: 1px solid var(--line); }
:root[data-theme="dark"] .gw-row:hover { background: var(--panel); }
:root[data-theme="dark"] .gw-tx small { color: var(--muted); }
:root[data-theme="dark"] .gw-chip { background: var(--brand-soft); border: 1px solid color-mix(in srgb, var(--brand) 45%, var(--line)); }
:root[data-theme="dark"] .gw-chip button { color: var(--muted); }
:root[data-theme="dark"] .gw-sub { border: 1px solid var(--line); background: var(--panel); }
:root[data-theme="dark"] .gw-review li { border-bottom: 1px solid var(--line); }
:root[data-theme="dark"] .gw-warn { background: var(--wait-soft); border: 1px solid color-mix(in srgb, var(--wait) 45%, var(--line)); color: var(--wait); }
:root[data-theme="dark"] .gw-err { background: var(--bg); border: 1px solid color-mix(in srgb, var(--danger) 45%, var(--line)); color: var(--danger); }
:root[data-theme="dark"] .gw-warnlist { background: var(--wait-soft); border: 1px solid color-mix(in srgb, var(--wait) 45%, var(--line)); color: var(--wait); }
:root[data-theme="dark"] .gw-res { border: 1px solid var(--line); }
:root[data-theme="dark"] .gw-why { color: var(--wait); }
:root[data-theme="dark"] .help-chip { border: 1px solid var(--line); background: var(--panel); }
:root[data-theme="dark"] .help-chip:hover { background: var(--brand-soft); border-color: color-mix(in srgb, var(--brand) 45%, var(--line)); }
:root[data-theme="dark"] .help-topic { background: var(--panel); border: 1px solid var(--line); }
:root[data-theme="dark"] .help-sum small { color: var(--muted); }
:root[data-theme="dark"] .help-ui { background: var(--brand-soft); border: 1px solid color-mix(in srgb, var(--brand) 45%, var(--line)); }
:root[data-theme="dark"] .help-tips { background: var(--wait-soft); border: 1px solid color-mix(in srgb, var(--wait) 45%, var(--line)); }
:root[data-theme="dark"] .help-faq dd { color: var(--ink); }
:root[data-theme="dark"] .support-bar { border-bottom: 3px solid color-mix(in srgb, var(--wait) 45%, var(--line)); }
:root[data-theme="dark"] .support-bar .btn { background: var(--panel); color: var(--danger); border-color: var(--line); }
:root[data-theme="dark"] .cat-row { border: 1px solid var(--line); background: var(--panel); }
:root[data-theme="dark"] .cat-price { color: var(--ok); }
:root[data-theme="dark"] .pill.warn { background: var(--wait-soft); color: var(--wait); }
:root[data-theme="dark"] .hint.err,
:root[data-theme="dark"] .err { color: var(--danger); }
:root[data-theme="dark"] .ai-preset { border: 1px solid var(--line); background: var(--panel); }
:root[data-theme="dark"] .ai-preset small { color: var(--muted); }
:root[data-theme="dark"] .ai-preset.on { background: var(--bg); }
:root[data-theme="dark"] .ho-out { border-color: color-mix(in srgb, var(--wait) 45%, var(--line)); background: var(--wait-soft); }
:root[data-theme="dark"] .ho-in { border-color: color-mix(in srgb, var(--brand) 45%, var(--line)); background: var(--brand-soft); }
:root[data-theme="dark"] .ho-draft { background: var(--panel); border: 1px dashed color-mix(in srgb, var(--brand) 45%, var(--line)); }
:root[data-theme="dark"] .chip.ho.out { background: var(--wait-soft); border-color: color-mix(in srgb, var(--wait) 45%, var(--line)); color: var(--wait); }
:root[data-theme="dark"] .chip.ho.in { background: var(--brand-soft); border-color: color-mix(in srgb, var(--brand) 45%, var(--line)); color: var(--brand); }
:root[data-theme="dark"] .crm-chips button[aria-pressed=true] { background: var(--brand-strong); }
:root[data-theme="dark"] .unread { background: #15803d; }
:root[data-theme="dark"] .bub a.msg-link { color: var(--brand); }
:root[data-theme="dark"] .bub a.msg-link:hover { color: var(--brand); }
:root[data-theme="dark"] .bub .st.read { color: var(--brand); }
:root[data-theme="dark"] .aud-speed button[aria-pressed="true"] { background: var(--brand-strong); }
:root[data-theme="dark"] .kpi.main { background: var(--brand-strong); }
:root[data-theme="dark"] .rec-dot { background: #dc2626; }
:root[data-theme="dark"] .m-scheduled .mt-st { background: var(--brand-soft); color: var(--brand); }
:root[data-theme="dark"] .m-done .mt-st { color: var(--muted); }
:root[data-theme="dark"] .m-canceled { border-left-color: var(--line); }
:root[data-theme="dark"] .mt-tabs button[aria-pressed=true] { background: var(--brand-strong); }
:root[data-theme="dark"] .msg-btn { border: 1px solid var(--line); background: var(--panel); color: var(--brand); }
:root[data-theme="dark"] .msg-btn small { color: var(--muted); }
:root[data-theme="dark"] .msg-btn.static { color: var(--ink); }
:root[data-theme="dark"] .msg-btn.reply small.sent { color: var(--ok); }
:root[data-theme="dark"] a.msg-btn:hover,
:root[data-theme="dark"] button.msg-btn:hover { background: var(--bg); }
:root[data-theme="dark"] .mention-pop { background: var(--panel); border: 1px solid var(--line); }
:root[data-theme="dark"] .mp-item.on,
:root[data-theme="dark"] .mp-item:hover { background: var(--brand-soft); }
:root[data-theme="dark"] .mp-item small { color: var(--muted); }
:root[data-theme="dark"] .mp-note { color: var(--muted); }
:root[data-theme="dark"] .more-pop { background: var(--panel); border: 1px solid var(--line); }
:root[data-theme="dark"] .more-pop button:hover,
:root[data-theme="dark"] .more-pop button:focus-visible { background: var(--brand-soft); }
:root[data-theme="dark"] .emoji-panel { background: var(--panel); border: 1px solid var(--line); }
:root[data-theme="dark"] .emoji-tabs { border-bottom: 1px solid var(--line); }
:root[data-theme="dark"] .emoji-tabs button.on { background: var(--brand-soft); }
:root[data-theme="dark"] .emoji-title { color: var(--muted); }
:root[data-theme="dark"] .emoji-i:hover,
:root[data-theme="dark"] .emoji-i:focus-visible { background: var(--brand-soft); }
:root[data-theme="dark"] .sched-bar { background: var(--wait-soft); border-top: 1px solid color-mix(in srgb, var(--wait) 45%, var(--line)); }
:root[data-theme="dark"] .sched-toggle { color: var(--wait); }
:root[data-theme="dark"] .sched-toggle .err,
:root[data-theme="dark"] .sched-list .err { color: var(--danger); }
:root[data-theme="dark"] .left-banner { background: var(--bg); border-top: 1px solid var(--line); color: var(--muted); }
:root[data-theme="dark"] .left-tag { background: var(--line); color: var(--muted); }
:root[data-theme="dark"] .react-bar { background: var(--panel); border: 1px solid var(--line); }
:root[data-theme="dark"] .react-bar button:hover,
:root[data-theme="dark"] .react-bar button:focus-visible { background: var(--brand-soft); }
:root[data-theme="dark"] .react { border: 1px solid var(--line); background: var(--panel); }
:root[data-theme="dark"] .react.mine { background: var(--brand-soft); border-color: color-mix(in srgb, var(--brand) 45%, var(--line)); }
:root[data-theme="dark"] .react small { color: var(--muted); }
:root[data-theme="dark"] .loc a { color: var(--brand); }
:root[data-theme="dark"] .loc small { color: var(--muted); }
:root[data-theme="dark"] .poll small { color: var(--muted); }
:root[data-theme="dark"] .poll-o { border: 1px solid var(--line); background: var(--panel); }
:root[data-theme="dark"] .poll-o .bar { background: var(--brand-soft); }
:root[data-theme="dark"] .transcript { background: var(--panel); border: 1px dashed var(--line); }
:root[data-theme="dark"] .tk-tab[aria-selected="true"] { background: var(--brand-strong); }
:root[data-theme="dark"] .tk-ind-ok .tk-ind::before,
:root[data-theme="dark"] .tk-ind.ok::before { background: #15803d; }
:root[data-theme="dark"] .tk-ind.today::before { background: var(--wait-soft); }
:root[data-theme="dark"] .tk-ind.late::before { background: #dc2626; }
:root[data-theme="dark"] .tk-ind.done::before { background: #15803d; }
:root[data-theme="dark"] .tk-ind.today { color: var(--wait); }
:root[data-theme="dark"] .tk-prio.p-high { color: var(--wait); }
:root[data-theme="dark"] .tk-row.i-today { border-left-color: color-mix(in srgb, var(--wait) 45%, var(--line)); }
:root[data-theme="dark"] .tk-card.i-today { border-left-color: color-mix(in srgb, var(--wait) 45%, var(--line)); }
:root[data-theme="dark"] .btn:hover { border-color: var(--line); background: var(--panel); }
:root[data-theme="dark"] .btn.primary { background: var(--brand-strong); }
:root[data-theme="dark"] .crm-chips > button:hover,
:root[data-theme="dark"] .more-btn:hover { border-color: var(--line) !important; }
:root[data-theme="dark"] .crm-chips > button[aria-pressed=true],
:root[data-theme="dark"] .more-btn[aria-pressed=true] { background: var(--brand-strong) !important; }
:root[data-theme="dark"] .filters-count { background: var(--brand-strong); }
:root[data-theme="dark"] .lead-msg { color: var(--ink); }
:root[data-theme="dark"] .quick-f button.on { background: var(--brand-strong); }
:root[data-theme="dark"] .lead-msg { color: var(--ink); }
:root[data-theme="dark"] main .muted,
:root[data-theme="dark"] .cp .muted,
:root[data-theme="dark"] .tm .muted,
:root[data-theme="dark"] main .hint,
:root[data-theme="dark"] .cp .hint,
:root[data-theme="dark"] .tm .hint,
:root[data-theme="dark"] main small,
:root[data-theme="dark"] .cp small,
:root[data-theme="dark"] .tm small,
:root[data-theme="dark"] .search-pop small,
:root[data-theme="dark"] .lead-id span,
:root[data-theme="dark"] .cp label,
:root[data-theme="dark"] .tm label,
:root[data-theme="dark"] main label { color: var(--ink); }
:root[data-theme="dark"] input::placeholder,
:root[data-theme="dark"] textarea::placeholder { color: var(--muted); }
:root[data-theme="dark"] select:disabled,
:root[data-theme="dark"] input:disabled,
:root[data-theme="dark"] textarea:disabled { color: var(--ink); }
:root[data-theme="dark"] .life.closed { background: var(--bg); color: var(--ink); }
:root[data-theme="dark"] .reply-btn { color: var(--ink); }
:root[data-theme="dark"] .quote { color: var(--ink); }
:root[data-theme="dark"] .quote b { color: var(--brand); }
:root[data-theme="dark"] .quote span { color: var(--ink); }
:root[data-theme="dark"] .reply-bar .x { color: var(--ink); }