/*
 * TOKENS DE TEMA do Financeiro — o arquivo CSS com o seletor de tema do aplicativo
 * (skill `login`, «Tema: um modo só, da porta à sessão», 10/10/2026). Quem pinta lê `var(--x)`.
 *   <html data-theme="light">  força claro (padrão da máquina theme-mode)
 *   <html data-theme="dark">   força escuro
 *   <html> sem `data-theme`    segue `prefers-color-scheme` (modo sistema)
 * Exceção declarada: a folha da porta canônica (entre sentinelas em app/globals.css) traz os
 * próprios seletores de tema, porque `porta.mjs --afere` compara byte a byte com o ativo.
 * Importado no topo de `app/globals.css`.
 */

/* Tipografia 4DO da área logada (ativos do dono, 4DO-brand; mesma família da prévia comercial). */
@font-face { font-family: "Montserrat 4DO"; src: url("./fonts/montserrat-regular.woff2") format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Montserrat 4DO"; src: url("./fonts/montserrat-semibold.woff2") format("woff2"); font-weight: 600; font-display: swap; }
@font-face { font-family: "Plex 4DO"; src: url("./fonts/plex-mono.woff2") format("woff2"); font-weight: 400; font-display: swap; }

/* ── Escuro: padrão sem preferência clara, e o forçado por data-theme="dark" ── */
:root,
:root[data-theme="dark"] {
  color-scheme: dark;
  --bg: #05070d;
  --text: #e2e8f0;
  --surface: #0b0f17;
  --surface-2: #080b12;
  --border: #1e293b;
  --muted: #94a3b8;
  --accent: #67e8f9;
  --danger: #fca5a5;
  --session-loading-veu: rgba(2, 6, 12, .82);
  /* Área logada — shared/ui/app-shell e module-table. Paleta 4DO (ciano #01e2fe, violeta #9c08fe). */
  --fin-bg: #010214; --fin-surface: #101731; --fin-surface-2: #050823; --fin-border: #303b60; --fin-line: #69799e; --fin-text: #f8f9fe; --fin-muted: #b6c0dd;
  --fin-primary: #cc9bff; --fin-accent: #01e2fe; --fin-accent-ink: #010214; --fin-chip: #241a4d; --fin-side: #050823; --fin-side-text: #b6c0dd;
  --fin-ok: #5eead4; --fin-ok-bg: #0b2b33; --fin-danger: #ffb8ce; --fin-danger-bg: #3a0f22;
  /* Porta /admin na identidade 4DO: o bloco do app em app/globals.css liga estes aos `--access-*` da porta canônica. */
  --door-bg: #010214; --door-surface: rgba(16, 23, 49, .88); --door-input: #050823; --door-panel: #050823; --door-border: #303b60; --door-field-border: #69799e;
  --door-text: #f8f9fe; --door-muted: #b6c0dd; --door-danger: #ffb8ce; --door-context: #cc9bff; --door-context-ink: #010214; --door-kicker: #01e2fe;
  --door-action: #01e2fe; --door-action-ink: #010214; --door-shadow: 0 28px 70px rgba(0, 0, 0, .55);
}

/* ── Claro forçado ── */
:root[data-theme="light"] {
  color-scheme: light;
  --bg: #f4f1ea;
  --text: #14171a;
  --surface: #fbf9f4;
  --surface-2: #ffffff;
  --border: #d6d1c6;
  --muted: #4a4d52;
  --accent: #0e7490;
  --danger: #b91c1c;
  --session-loading-veu: rgba(244, 241, 234, .88);
  --fin-bg: #f8f9fe; --fin-surface: #ffffff; --fin-surface-2: #eef1fa; --fin-border: #c3ccde; --fin-line: #647390; --fin-text: #050823; --fin-muted: #495777;
  --fin-primary: #7100be; --fin-accent: #01e2fe; --fin-accent-ink: #010214; --fin-chip: #f1e6fb; --fin-side: #eef1fa; --fin-side-text: #495777;
  --fin-ok: #0b6b57; --fin-ok-bg: #e0f5ef; --fin-danger: #790b39; --fin-danger-bg: #fde8ef;
  --door-bg: #f8f9fe; --door-surface: rgba(255, 255, 255, .92); --door-input: #ffffff; --door-panel: #eef1fa; --door-border: #c3ccde; --door-field-border: #647390;
  --door-text: #050823; --door-muted: #495777; --door-danger: #790b39; --door-context: #7100be; --door-context-ink: #ffffff; --door-kicker: #7100be;
  --door-action: #01e2fe; --door-action-ink: #010214; --door-shadow: 0 18px 44px rgba(5, 8, 35, .10);
}

/* ── Sistema claro, sem escolha explícita ── */
@media (prefers-color-scheme: light) {
  :root:not([data-theme]) {
    color-scheme: light;
    --bg: #f4f1ea;
    --text: #14171a;
    --surface: #fbf9f4;
    --surface-2: #ffffff;
    --border: #d6d1c6;
    --muted: #4a4d52;
    --accent: #0e7490;
    --danger: #b91c1c;
    --session-loading-veu: rgba(244, 241, 234, .88);
    --fin-bg: #f8f9fe; --fin-surface: #ffffff; --fin-surface-2: #eef1fa; --fin-border: #c3ccde; --fin-line: #647390; --fin-text: #050823; --fin-muted: #495777;
    --fin-primary: #7100be; --fin-accent: #01e2fe; --fin-accent-ink: #010214; --fin-chip: #f1e6fb; --fin-side: #eef1fa; --fin-side-text: #495777;
    --fin-ok: #0b6b57; --fin-ok-bg: #e0f5ef; --fin-danger: #790b39; --fin-danger-bg: #fde8ef;
    --door-bg: #f8f9fe; --door-surface: rgba(255, 255, 255, .92); --door-input: #ffffff; --door-panel: #eef1fa; --door-border: #c3ccde; --door-field-border: #647390;
    --door-text: #050823; --door-muted: #495777; --door-danger: #790b39; --door-context: #7100be; --door-context-ink: #ffffff; --door-kicker: #7100be;
    --door-action: #01e2fe; --door-action-ink: #010214; --door-shadow: 0 18px 44px rgba(5, 8, 35, .10);
  }
}

/* ══════ CORES DO GESTOR DE SESSÃO · INÍCIO ══════ */
/* Ativo da skill `session-toggle`. NÃO EDITE AQUI.
   reimplantar: node ~/.claude/skills/session-toggle/scripts/harness.mjs --implanta . */
/* Cores do gestor de sessão canônico 3.3.0 — as MESMAS medidas nos dois temas.
   Implantado no arquivo de tokens de tema do app (o único com seletor de tema).
   Sem `data-theme`, vale o modo do sistema; com ele, o modo escolhido.
   Contraste medido: texto ≥ 4,5:1, contorno ≥ 3:1. */
:root{
  --session-accent:#22d3ee;--session-fg:#e2e8f0;--session-muted:#9ca3af;
  --session-surface:#0c1018;--session-border:#526278;--session-countdown:#67e8f9;
  --session-danger:#7f1d1d;--session-danger-fg:#ffffff;--session-hover:#111827;
}
:root[data-theme="light"]{
  --session-accent:#0e7490;--session-fg:#0f172a;--session-muted:#475569;
  --session-surface:#ffffff;--session-border:#7c8ba3;--session-countdown:#0e7490;
  --session-danger:#b91c1c;--session-danger-fg:#ffffff;--session-hover:#e2e8f0;
}
@media(prefers-color-scheme:light){
  :root:not([data-theme="dark"]){
    --session-accent:#0e7490;--session-fg:#0f172a;--session-muted:#475569;
    --session-surface:#ffffff;--session-border:#7c8ba3;--session-countdown:#0e7490;
    --session-danger:#b91c1c;--session-danger-fg:#ffffff;--session-hover:#e2e8f0;
  }
}
/* ══════ CORES DO GESTOR DE SESSÃO · FIM ══════ */