/* ZAVIX — tokens da marca no painel do GO (kit v1.0, docs/marca/zavix; aplicado em 22/09/2026).
 *
 * Mesmos valores hex que o CRM usa em infra/production/meta/ui/zavix-brand-theme.css: quem abre o
 * CRM e o GO vê a mesma paleta. Esta folha vale para as telas que o gateway serve por conta própria
 * (entrada e credenciais). O manager, que é o bundle pronto do Evolution, recebe os mesmos valores
 * pelos nomes que o bundle declara, em painel.css — e marca-zavix.test.mjs confere que as duas
 * folhas dizem a mesma cor.
 *
 * Tema: claro por padrão; escuro pelo sistema, salvo escolha explícita em data-theme, que as páginas
 * leem da chave que o manager grava (localStorage "evolution-theme"). Nenhum token nasce dentro de
 * @media: o bloco escuro é escrito duas vezes de propósito (sistema e escolha), e o teste confere que
 * os dois são idênticos.
 *
 * Contraste MEDIDO pelo teste (WCAG 2.1), não estimado: texto ≥ 4,5:1 sobre a superfície onde
 * aparece; limite de campo e anel de foco ≥ 3:1. Por isso o anel de foco no claro é o Azul ZAVIX,
 * e não o azul-400 do kit, que sobre névoa dá 2,4:1. O par que o kit reprova — branco sobre azul
 * claro no escuro, 3,68 — não é usado: no escuro o texto sobre a ação primária é o grafite.
 *
 * "Sério" é o nível a mais do painel de saúde (entre atenção e crítico), criado a pedido do dono em
 * 22/09/2026: laranja da mesma escala Tailwind que o kit adota, com o par de texto medido.
 */
@font-face {
  font-family: "Inter";
  src: url("/manager/inter-latin.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

:root {
  /* marca (só a marca usa gradiente; cartão e botão comuns, não) */
  --zx-blue: #2563EB;
  --zx-violet: #7C3AED;
  --zx-cyan: #06B6D4;
  --zx-cyan-light: #22D3EE;
  --zx-ink: #0F172A;
  --zx-mist: #F8FAFC;
  --zx-gradient-marca: linear-gradient(135deg, #2563EB 0%, #7C3AED 100%);
  --zx-font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --zx-radius-sm: 6px;
  --zx-radius-md: 10px;
  --zx-radius-lg: 14px;
  --zx-radius-xl: 20px;
  --zx-shadow-md: 0 4px 12px rgba(15, 23, 42, .08);

  /* tema claro */
  --zx-bg: #F8FAFC;
  --zx-surface: #FFFFFF;
  --zx-surface-2: #F1F5F9;
  --zx-border: #E2E8F0;
  --zx-border-strong: #64748B;
  --zx-text: #0F172A;
  --zx-text-muted: #475569;
  --zx-text-subtle: #64748B;
  --zx-primary: #2563EB;
  --zx-primary-hover: #1D4ED8;
  --zx-primary-fg: #FFFFFF;
  --zx-primary-soft: #DBEAFE;
  --zx-link: #1D4ED8;
  --zx-focus: #2563EB;
  --zx-success: #16A34A;
  --zx-success-soft: #DCFCE7;
  --zx-success-forte: #14532D;
  --zx-warning: #D97706;
  --zx-warning-soft: #FEF3C7;
  --zx-warning-forte: #78350F;
  --zx-serious: #EA580C;
  --zx-serious-soft: #FFEDD5;
  --zx-serious-forte: #7C2D12;
  --zx-danger: #DC2626;
  --zx-danger-soft: #FEE2E2;
  --zx-danger-forte: #7F1D1D;
  --zx-info: #0891B2;
  --zx-info-soft: #CFFAFE;
  --zx-info-forte: #164E63;
  --zx-marca-go: url("/manager/marca/zavix-go-claro.svg");
  color-scheme: light;
}

/* Tema escuro pelo sistema, salvo escolha explícita. */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --zx-bg: #0B1220;
    --zx-surface: #111A2E;
    --zx-surface-2: #172236;
    --zx-border: #1E293B;
    --zx-border-strong: #64748B;
    --zx-text: #F1F5F9;
    --zx-text-muted: #CBD5E1;
    --zx-text-subtle: #94A3B8;
    --zx-primary: #3B82F6;
    --zx-primary-hover: #60A5FA;
    --zx-primary-fg: #0B1220;
    --zx-primary-soft: #1E3A8A;
    --zx-link: #60A5FA;
    --zx-focus: #60A5FA;
    --zx-success: #4ADE80;
    --zx-success-soft: #14532D;
    --zx-success-forte: #BBF7D0;
    --zx-warning: #FBBF24;
    --zx-warning-soft: #78350F;
    --zx-warning-forte: #FDE68A;
    --zx-serious: #FB923C;
    --zx-serious-soft: #7C2D12;
    --zx-serious-forte: #FED7AA;
    --zx-danger: #F87171;
    --zx-danger-soft: #7F1D1D;
    --zx-danger-forte: #FECACA;
    --zx-info: #22D3EE;
    --zx-info-soft: #164E63;
    --zx-info-forte: #A5F3FC;
    --zx-marca-go: url("/manager/marca/zavix-go-escuro.svg");
    color-scheme: dark;
  }
}

/* Escolha explícita no manager: vence o sistema nas duas direções. */
:root[data-theme="dark"] {
  --zx-bg: #0B1220;
  --zx-surface: #111A2E;
  --zx-surface-2: #172236;
  --zx-border: #1E293B;
  --zx-border-strong: #64748B;
  --zx-text: #F1F5F9;
  --zx-text-muted: #CBD5E1;
  --zx-text-subtle: #94A3B8;
  --zx-primary: #3B82F6;
  --zx-primary-hover: #60A5FA;
  --zx-primary-fg: #0B1220;
  --zx-primary-soft: #1E3A8A;
  --zx-link: #60A5FA;
  --zx-focus: #60A5FA;
  --zx-success: #4ADE80;
  --zx-success-soft: #14532D;
  --zx-success-forte: #BBF7D0;
  --zx-warning: #FBBF24;
  --zx-warning-soft: #78350F;
  --zx-warning-forte: #FDE68A;
  --zx-serious: #FB923C;
  --zx-serious-soft: #7C2D12;
  --zx-serious-forte: #FED7AA;
  --zx-danger: #F87171;
  --zx-danger-soft: #7F1D1D;
  --zx-danger-forte: #FECACA;
  --zx-info: #22D3EE;
  --zx-info-soft: #164E63;
  --zx-info-forte: #A5F3FC;
  --zx-marca-go: url("/manager/marca/zavix-go-escuro.svg");
  color-scheme: dark;
}

/* Assinatura de módulo "ZAVIX Go" (4-modulos/go do kit): arquivo servido, nunca redesenhado.
 * A versão acompanha o FUNDO (claro/escuro) pelo token; quem fica sobre fundo sempre escuro
 * fixa a imagem escura. Proporção do arquivo: 452,85 × 100. */
.zx-marca-go {
  display: inline-block;
  width: 181px;
  height: 40px;
  background: var(--zx-marca-go) left center / contain no-repeat;
  vertical-align: middle;
}

/* Rótulo de seção em caixa alta — o "eyebrow" das telas de acesso do CRM. */
.zx-eyebrow {
  margin: 0;
  font-size: 0.75rem;
  font-weight: 800;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--zx-cyan-light);
}