@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
/* /assets/kit/tema-claro-escuro/tema.css */
/* =============================================================================
 * tema.css — tokens de tema claro/escuro (papéis, ao estilo Material 3)
 * =============================================================================
 *
 * COMO FUNCIONA
 * -----------------------------------------------------------------------------
 * O tema é marcado em <html> por `data-theme="claro"` ou `data-theme="escuro"`,
 * escrito por `tema-boot.js` ANTES do primeiro paint (é isso que evita o flash
 * de tema errado). A API pública para trocar depois é `window.tema`
 * (`tema.browser.js`).
 *
 * Ao contrário da origem desta gaveta (agenda_f), aqui NÃO existe Tailwind (ou
 * qualquer framework) reconfigurando uma paleta inteira em runtime — pedido
 * explícito de quem encomendou a extração: "sem framework nenhum, JS/CSS puro,
 * leve". Por isso este arquivo é só os TOKENS SEMÂNTICOS (por PAPEL: primária,
 * superfície, erro...) — a fatia da origem chamada `--ag-*`. A fatia
 * `--cb-*`/`--ct-*`/`--cr-*` (a paleta Tailwind inteira, 21 matizes × 11 tons ×
 * 3 papéis, gerada por um script de build) e toda a reconciliação de bibliotecas
 * de terceiro (FullCalendar, flatpickr, seletores `#idDoLogoDoCliente`) ficaram
 * de fora de propósito — ver EXPLICACAO.md, "O que NÃO foi trazido, e por quê".
 *
 * Diferença estrutural: a origem definia o tema CLARO como "não declara nada,
 * cai no stock do Tailwind" — aqui os dois temas são declarados por completo,
 * porque não há um "stock" para cair. `:root` sozinho (sem `data-theme`) já
 * vale como claro, então uma página sem `tema-boot.js` ainda renderiza
 * corretamente (degrada para claro, nunca para "sem estilo nenhum").
 * ========================================================================== */

/* -----------------------------------------------------------------------------
 * 1. TOKENS — TEMA CLARO (padrão, vale mesmo sem `data-theme` no <html>)
 * -------------------------------------------------------------------------- */
:root {
  /* Marca (papel "primary" do Material 3) — troque estas 6 linhas para a cor
     da marca de quem adota; é o ponto de lapidação mais comum desta gaveta. */
  --cor-primaria: #4f46e5;
  --cor-primaria-hover: #4338ca;
  --cor-primaria-texto: #4338ca;     /* texto na cor da marca, sobre superfície */
  --cor-on-primaria: #ffffff;        /* texto/ícone SOBRE a cor da marca */
  --cor-primaria-suave: #eef2ff;     /* fundo suave (chip, badge) */
  --cor-primaria-contorno: #c7d2fe;

  /* Superfícies (escada de elevação: fundo < superfície < superfície-1 < -2) */
  --cor-fundo: #f5f5f7;
  --cor-superficie: #ffffff;
  --cor-superficie-1: #f9fafb;
  --cor-superficie-2: #f3f4f6;
  --cor-superficie-afundada: #e9ecf1;  /* input "afundado" no claro é o oposto do escuro, ver §2 */
  --cor-superficie-flutuante: #ffffff; /* modal, dropdown, popover — 1 degrau acima da superfície */
  --cor-veu: rgb(17 24 39 / 0.45);     /* véu atrás do modal */

  /* Contornos */
  --cor-contorno: #e5e7eb;
  --cor-contorno-sutil: #f0f1f4;
  --cor-contorno-forte: #d1d5db;
  --cor-divisor: #e5e7eb;

  /* Texto */
  --cor-texto: #111827;
  --cor-texto-secundario: #4b5563;
  --cor-texto-terciario: #6b7280;
  --cor-texto-placeholder: #9ca3af;
  --cor-texto-desabilitado: #b3b9c4;
  --cor-texto-inverso: #ffffff;
  --cor-link: #4f46e5;
  --cor-link-hover: #4338ca;

  /* Estados — cada um com fundo suave, contorno e texto legível (par completo,
     nunca só a cor sólida — ver EXPLICACAO.md, armadilha do par incompleto) */
  --cor-sucesso: #16a34a;
  --cor-sucesso-fundo: #f0fdf4;
  --cor-sucesso-contorno: #bbf7d0;
  --cor-sucesso-texto: #15803d;
  --cor-erro: #dc2626;
  --cor-erro-fundo: #fef2f2;
  --cor-erro-contorno: #fecaca;
  --cor-erro-texto: #b91c1c;
  --cor-aviso: #d97706;
  --cor-aviso-fundo: #fffbeb;
  --cor-aviso-contorno: #fde68a;
  --cor-aviso-texto: #b45309;
  --cor-info: #2563eb;
  --cor-info-fundo: #eff6ff;
  --cor-info-contorno: #bfdbfe;
  --cor-info-texto: #1d4ed8;
  --cor-neutro-fundo: #f3f4f6;
  --cor-neutro-contorno: #e5e7eb;
  --cor-neutro-texto: #4b5563;

  /* Campos de formulário */
  --cor-campo-fundo: #ffffff;
  --cor-campo-contorno: #d1d5db;
  --cor-campo-texto: #111827;
  --cor-campo-placeholder: #9ca3af;
  --cor-campo-desabilitado-fundo: #f3f4f6;
  --cor-campo-desabilitado-texto: #9ca3af;
  --cor-foco: #6366f1;

  /* Sombra/elevação — `k` multiplica a opacidade, `contorno` soma um fio de
     1px (no escuro, sombra sozinha praticamente não se vê sobre fundo escuro:
     ver §2). */
  --sombra-rgb: 0 0 0;
  --sombra-k: 1;
  --sombra-k2: 1;
  --sombra-contorno: 0 0 #0000;

  /* Scrollbar / skeleton (placeholder de carregamento) */
  --cor-scrollbar: #c7ccd6;
  --cor-scrollbar-hover: #aeb5c2;
  --cor-scrollbar-trilho: transparent;
  --cor-esqueleto-base: #e9ecf1;
  --cor-esqueleto-brilho: #f6f8fa;
}

/* -----------------------------------------------------------------------------
 * 2. TOKENS — TEMA ESCURO
 * Escada de elevação de UI escura: mais alto (mais camadas por cima) = mais
 * claro. fundo < superfície < superfície-1 < superfície-2.
 * -------------------------------------------------------------------------- */
:root[data-theme="escuro"] {
  --cor-primaria: #6366f1;           /* sobe um tom: indigo mais saturado fica pesado no escuro */
  --cor-primaria-hover: #7c7ff5;
  --cor-primaria-texto: #b6c3fd;
  --cor-on-primaria: #ffffff;
  --cor-primaria-suave: #242940;
  --cor-primaria-contorno: #33396b;

  --cor-fundo: #101114;
  --cor-superficie: #1a1d23;
  --cor-superficie-1: #21252d;
  --cor-superficie-2: #262b34;
  --cor-superficie-afundada: #131519;
  --cor-superficie-flutuante: #22262e;
  --cor-veu: rgb(0 0 0 / 0.66);

  --cor-contorno: #313742;
  --cor-contorno-sutil: #262b33;
  --cor-contorno-forte: #3b4351;
  --cor-divisor: #2a3039;

  --cor-texto: #eaedf3;              /* 14.4:1 sobre --cor-superficie */
  --cor-texto-secundario: #b4bcca;   /*  8.8:1 */
  --cor-texto-terciario: #9aa3b3;    /*  6.6:1 */
  --cor-texto-placeholder: #7d8698;  /*  4.6:1 — piso AA */
  --cor-texto-desabilitado: #656d7d;
  --cor-texto-inverso: #101114;
  --cor-link: #a5b4fc;
  --cor-link-hover: #c7d2fe;

  --cor-sucesso: #22c55e;
  --cor-sucesso-fundo: #1f2c2a;
  --cor-sucesso-contorno: #29583c;
  --cor-sucesso-texto: #a2f3be;
  --cor-erro: #ef4444;
  --cor-erro-fundo: #2e2327;
  --cor-erro-contorno: #663232;
  --cor-erro-texto: #fdb8b7;
  --cor-aviso: #f59e0b;
  --cor-aviso-fundo: #2d2927;
  --cor-aviso-contorno: #654b2f;
  --cor-aviso-texto: #fddd6e;
  --cor-info: #3b82f6;
  --cor-info-fundo: #1e2635;
  --cor-info-contorno: #29426c;
  --cor-info-texto: #a9d0fe;
  --cor-neutro-fundo: #262b34;
  --cor-neutro-contorno: #313742;
  --cor-neutro-texto: #b4bcca;

  /* Campo levemente MAIS ESCURO que o card: no escuro, "afundado" lê como
     editável melhor do que "elevado" — o oposto do tema claro, onde o campo
     é branco (mais claro que o fundo). */
  --cor-campo-fundo: #14171c;
  --cor-campo-contorno: #3b4351;
  --cor-campo-texto: #eaedf3;
  --cor-campo-placeholder: #7d8698;
  --cor-campo-desabilitado-fundo: #191c22;
  --cor-campo-desabilitado-texto: #656d7d;
  --cor-foco: #818cf8;

  --sombra-rgb: 0 0 0;
  --sombra-k: 2.8;
  --sombra-k2: 1.8;
  --sombra-contorno: 0 0 0 1px #262b33;

  --cor-scrollbar: #3b4351;
  --cor-scrollbar-hover: #4a5361;
  --cor-scrollbar-trilho: transparent;
  --cor-esqueleto-base: #21252d;
  --cor-esqueleto-brilho: #2d323d;
}

/* -----------------------------------------------------------------------------
 * 2b. ALIASES --ag-* (card #205) — o contrato de tokens do shell-sidebar-iframe
 * O shell pinta menu do perfil, véu e foco com `--ag-*`; sem estes aliases ele cai no
 * fallback claro fixo (menu branco no tema escuro). `:where(:root)` tem especificidade
 * zero: um produto que já define os próprios `--ag-*` num `:root {}` continua ganhando.
 * Os `var(--cor-*)` resolvem em <html>, então trocam sozinhos com o tema.
 * -------------------------------------------------------------------------- */
:where(:root) {
  --ag-bg: var(--cor-fundo);
  --ag-surface: var(--cor-superficie);
  --ag-surface-3: var(--cor-superficie-2);
  --ag-overlay-bg: var(--cor-superficie-flutuante);
  --ag-text: var(--cor-texto);
  --ag-text-secondary: var(--cor-texto-secundario);
  --ag-text-muted: var(--cor-texto-terciario);
  --ag-border: var(--cor-contorno);
  --ag-divider: var(--cor-divisor);
  --ag-accent: var(--cor-primaria);
  --ag-accent-soft: var(--cor-primaria-suave);
  --ag-accent-text: var(--cor-primaria-texto);
  --ag-focus-ring: var(--cor-foco);
  --ag-scrim: var(--cor-veu);
}

/* -----------------------------------------------------------------------------
 * 3. BASE — aplica os tokens acima (vale nos dois temas: não há "stock" para
 * cair, como havia na origem com o Tailwind; sem isto os tokens existiriam
 * mas nada os usaria)
 * -------------------------------------------------------------------------- */

/* `color-scheme` entrega de graça: scrollbar nativa, <select>, date/time
   picker, autofill do Chrome e spinners de <input number> no tom certo — é a
   linha de melhor custo-benefício do arquivo inteiro. */
:root { color-scheme: light; }
:root[data-theme="escuro"] {
  color-scheme: dark;
  /* Pinta o <html>: o primeiro paint já sai no tom certo mesmo antes do body
     existir. (`:root[data-theme=escuro]` funciona onde `[data-theme] html`
     não funcionaria.) */
  background-color: var(--cor-fundo);
}

body {
  background-color: var(--cor-fundo);
  color: var(--cor-texto);
}

/* Transição só ao TROCAR de tema — a classe é posta e removida por
   `tema.browser.js`. Deixar a transição sempre ligada faria hover/foco
   parecerem lentos. */
.tema-transicao,
.tema-transicao *,
.tema-transicao *::before,
.tema-transicao *::after {
  transition: background-color 180ms ease, border-color 180ms ease,
              color 180ms ease, fill 180ms ease, stroke 180ms ease !important;
  transition-delay: 0ms !important;
}
@media (prefers-reduced-motion: reduce) {
  .tema-transicao, .tema-transicao * { transition: none !important; }
}

/* -----------------------------------------------------------------------------
 * 4. SCROLLBAR (acabamento para quem declara `::-webkit-scrollbar` próprio —
 * `color-scheme` já resolve a scrollbar NATIVA; isto é só para essa exceção)
 * -------------------------------------------------------------------------- */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: var(--cor-scrollbar-trilho); }
::-webkit-scrollbar-thumb {
  background-color: var(--cor-scrollbar);
  border-radius: 999px;
  border: 2px solid transparent;
  background-clip: content-box;
}
::-webkit-scrollbar-thumb:hover { background-color: var(--cor-scrollbar-hover); }
::-webkit-scrollbar-corner { background: transparent; }

/* -----------------------------------------------------------------------------
 * 5. CAMPOS DE FORMULÁRIO
 * Opt-out simples: qualquer seletor mais específico do projeto (classe
 * própria) vence estas regras — elas só cobrem o campo "nu", sem classe.
 * -------------------------------------------------------------------------- */
input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="submit"]):not([type="button"]),
textarea,
select {
  background-color: var(--cor-campo-fundo);
  border-color: var(--cor-campo-contorno);
  color: var(--cor-campo-texto);
}
input::placeholder,
textarea::placeholder {
  color: var(--cor-campo-placeholder);
  opacity: 1; /* Firefox aplica opacidade própria e apaga o placeholder */
}
input:disabled,
textarea:disabled,
select:disabled {
  background-color: var(--cor-campo-desabilitado-fundo);
  color: var(--cor-campo-desabilitado-texto);
  -webkit-text-fill-color: var(--cor-campo-desabilitado-texto); /* Safari ignora `color` no disabled */
}
option,
optgroup { background-color: var(--cor-superficie-flutuante); color: var(--cor-texto); }

:focus-visible { outline-color: var(--cor-foco); }

/* Autofill do Chrome: `color-scheme` resolve na maioria das versões; o inset
   shadow é a rede de segurança para as que não seguem. */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
select:-webkit-autofill {
  -webkit-text-fill-color: var(--cor-campo-texto);
  -webkit-box-shadow: 0 0 0 1000px var(--cor-campo-fundo) inset;
  caret-color: var(--cor-campo-texto);
}

/* Ícone nativo do date/time/search picker é preto por padrão — some no
   escuro. Alvo estreito (só dentro de [data-theme=escuro]) porque no claro o
   ícone padrão já está correto. */
[data-theme="escuro"] ::-webkit-calendar-picker-indicator,
[data-theme="escuro"] ::-webkit-search-cancel-button { filter: invert(1) opacity(0.75); }

/* -----------------------------------------------------------------------------
 * 6. PEQUENOS ACABAMENTOS GENÉRICOS
 * -------------------------------------------------------------------------- */

/* Seleção de texto: o azul padrão do sistema pode ficar ilegível sobre
   superfície escura. */
[data-theme="escuro"] ::selection { background-color: var(--cor-primaria-suave); color: var(--cor-texto); }

/* Divisórias sem cor explícita. */
hr { border-color: var(--cor-divisor); }

/* Opt-in (nunca automático — inverter <img> por padrão destruiria foto/logo
   colorido): para ícone/logo MONOCROMÁTICO enviado como PNG transparente
   pensado para fundo claro. */
.tema-inverter-imagem { filter: invert(1) hue-rotate(180deg); }

/* -----------------------------------------------------------------------------
 * 7. ESCOTILHA DE ESCAPE — `.tema-fixo-claro`
 * Força uma SUBÁRVORE a ficar clara mesmo dentro de uma página escura (ex.:
 * pré-visualização de e-mail, área de impressão, print de material de marca
 * dentro do app). Redeclara só os tokens semânticos — muito menor que a
 * versão de origem, que redeclarava a paleta Tailwind inteira junto (ver
 * cabeçalho do arquivo).
 * -------------------------------------------------------------------------- */
[data-theme="escuro"] .tema-fixo-claro {
  color-scheme: light;
  --cor-primaria: #4f46e5; --cor-primaria-hover: #4338ca; --cor-primaria-texto: #4338ca;
  --cor-on-primaria: #ffffff; --cor-primaria-suave: #eef2ff; --cor-primaria-contorno: #c7d2fe;
  --cor-fundo: #f5f5f7; --cor-superficie: #ffffff; --cor-superficie-1: #f9fafb;
  --cor-superficie-2: #f3f4f6; --cor-superficie-afundada: #e9ecf1; --cor-superficie-flutuante: #ffffff;
  --cor-contorno: #e5e7eb; --cor-contorno-sutil: #f0f1f4; --cor-contorno-forte: #d1d5db; --cor-divisor: #e5e7eb;
  --cor-texto: #111827; --cor-texto-secundario: #4b5563; --cor-texto-terciario: #6b7280;
  --cor-texto-placeholder: #9ca3af; --cor-texto-desabilitado: #b3b9c4; --cor-texto-inverso: #ffffff;
  --cor-campo-fundo: #ffffff; --cor-campo-contorno: #d1d5db; --cor-campo-texto: #111827;
  --sombra-k: 1; --sombra-k2: 1; --sombra-contorno: 0 0 #0000;
  background-color: var(--cor-superficie);
  color: var(--cor-texto);
}

/* -----------------------------------------------------------------------------
 * 8. IMPRESSÃO — papel é sempre claro, mesmo com a tela em escuro
 * -------------------------------------------------------------------------- */
@media print {
  :root[data-theme="escuro"] { color-scheme: light; background-color: #fff; }
  [data-theme="escuro"] body { background-color: #fff; color: #111827; }
}

/* /assets/kit/tema-logiccos/tema-logiccos.css */
/* tema-logiccos.css — tokens e acabamento visual do mock do dono (card #164). Gerado pelo Gemini (gemini-design.js construir), corrigido em 3 pontos: texto sobre verde, fundo do avatar e foco sem forcar prioridade. So cor/fonte/raio/brilho. */
:root{--fonte-sans:'Inter',system-ui,-apple-system,sans-serif;--raio-painel:1rem;--raio-item:0.75rem;--raio-pilula:9999px;}
:root,:root[data-tema="escuro"]{--cor-chip:rgba(46,58,80,.4);--cor-sobre-verde:#0a0f18;--cor-fundo:#0a0f18;--cor-painel:#151b29;--cor-cartao:#151b29;--cor-cartao-claro:#1e2638;--cor-borda:#2e3a50;--cor-texto:#e2e8f0;--cor-texto-suave:#94a3b8;--cor-verde:#7bc043;--cor-verde-hover:#68a537;--cor-verde-suave:rgba(123,192,67,.1);--cor-verde-20:rgba(123,192,67,.2);--cor-grade:rgba(46,58,80,.15);--cor-painel-translucido:rgba(21,27,41,.6);--cor-painel-translucido-forte:rgba(21,27,41,.8);--brilho-verde-fraco:0 0 15px rgba(123,192,67,.1);--brilho-verde:0 0 15px rgba(123,192,67,.3);--brilho-verde-forte:0 0 20px rgba(123,192,67,.5);}
@media (prefers-color-scheme:light){:root:not([data-tema="escuro"]){--cor-chip:#e6ecf4;--cor-sobre-verde:#ffffff;--cor-fundo:#f3f6fa;--cor-painel:#ffffff;--cor-cartao:#ffffff;--cor-cartao-claro:#f8fafc;--cor-borda:#d5dde8;--cor-texto:#0f172a;--cor-texto-suave:#475569;--cor-verde:#41771a;--cor-verde-hover:#336116;--cor-verde-suave:rgba(65,119,26,.1);--cor-verde-20:rgba(65,119,26,.2);--cor-grade:rgba(213,221,232,.4);--cor-painel-translucido:rgba(255,255,255,.6);--cor-painel-translucido-forte:rgba(255,255,255,.8);--brilho-verde-fraco:0 0 10px rgba(65,119,26,.1);--brilho-verde:0 0 15px rgba(65,119,26,.2);--brilho-verde-forte:0 0 20px rgba(65,119,26,.4);}
}
:root[data-tema="claro"]{--cor-chip:#e6ecf4;--cor-sobre-verde:#ffffff;--cor-fundo:#f3f6fa;--cor-painel:#ffffff;--cor-cartao:#ffffff;--cor-cartao-claro:#f8fafc;--cor-borda:#d5dde8;--cor-texto:#0f172a;--cor-texto-suave:#475569;--cor-verde:#41771a;--cor-verde-hover:#336116;--cor-verde-suave:rgba(65,119,26,.1);--cor-verde-20:rgba(65,119,26,.2);--cor-grade:rgba(213,221,232,.4);--cor-painel-translucido:rgba(255,255,255,.6);--cor-painel-translucido-forte:rgba(255,255,255,.8);--brilho-verde-fraco:0 0 10px rgba(65,119,26,.1);--brilho-verde:0 0 15px rgba(65,119,26,.2);--brilho-verde-forte:0 0 20px rgba(65,119,26,.4);}
:root:root{--primary:var(--cor-verde);--on-primary:var(--cor-sobre-verde);--primary-container:var(--cor-verde-suave);--on-primary-container:var(--cor-verde);--secondary:var(--cor-texto-suave);--secondary-container:var(--cor-borda);--surface:var(--cor-painel);--surface-container-lowest:var(--cor-fundo);--surface-container-low:var(--cor-fundo);--surface-container:var(--cor-painel);--surface-container-high:var(--cor-cartao);--surface-container-highest:var(--cor-cartao-claro);--surface-variant:var(--cor-cartao-claro);--on-surface:var(--cor-texto);--on-surface-variant:var(--cor-texto-suave);--outline:var(--cor-borda);--outline-variant:var(--cor-borda);--background:var(--cor-fundo);--on-background:var(--cor-texto);--scrim:rgba(0,0,0,.6);--shape-corner-small:var(--raio-item);--shape-corner-medium:var(--raio-item);--shape-corner-large:var(--raio-painel);--shape-corner-full:var(--raio-pilula);--ag-bg:var(--cor-fundo);--ag-text:var(--cor-texto);--ag-text-muted:var(--cor-texto-suave);--ag-text-secondary:var(--cor-texto-suave);--ag-surface:var(--cor-painel);--ag-surface-3:var(--cor-cartao-claro);--ag-border:var(--cor-borda);--ag-divider:var(--cor-borda);--ag-accent:var(--cor-verde);--ag-accent-soft:var(--cor-verde-suave);--ag-accent-text:var(--cor-verde);--ag-focus-ring:var(--cor-verde);--ag-scrim:var(--scrim);--ag-overlay-bg:var(--cor-painel);--ag-sidebar-bg:var(--cor-painel-translucido-forte);--ag-sidebar-text:var(--cor-texto);--ag-sidebar-text-muted:var(--cor-texto-suave);--ag-sidebar-border:var(--cor-borda);--ag-sidebar-item-hover:var(--cor-cartao-claro);--ag-sidebar-item-active:var(--cor-verde-suave);--md-sys-color-primary:var(--cor-verde);--md-sys-color-on-primary:var(--cor-sobre-verde);--md-sys-color-primary-container:var(--cor-verde-suave);--md-sys-color-on-primary-container:var(--cor-verde);--md-sys-color-surface:var(--cor-cartao-claro);--md-sys-color-surface-variant:var(--cor-painel-translucido);--md-sys-color-on-surface:var(--cor-texto);--md-sys-color-on-surface-variant:var(--cor-texto-suave);--md-sys-color-outline:var(--cor-borda);--md-sys-color-background:transparent;--md-sys-color-on-background:var(--cor-texto);--md-sys-color-error:#ef4444;--md-sys-color-error-container:rgba(239,68,68,.1);--md-sys-color-on-error-container:#ef4444;--md-sys-typescale-font:var(--fonte-sans);--md-shape-corner-small:.5rem;--md-shape-corner-medium:var(--raio-item);--md-shape-corner-large:var(--raio-painel);--md-shape-corner-full:var(--raio-pilula);--md-sys-elevation-level-1:0 4px 12px rgba(0,0,0,.2);--md-sys-elevation-level-2:var(--brilho-verde-fraco);}
body{font-family:var(--fonte-sans);background-color:var(--cor-fundo);color:var(--cor-texto);background-image:linear-gradient(to right,var(--cor-grade) 1px,transparent 1px),linear-gradient(to bottom,var(--cor-grade) 1px,transparent 1px);background-size:40px 40px;}
body::before{content:'';position:fixed;top:-150px;left:20%;width:500px;height:500px;background-color:var(--cor-verde);opacity:.05;border-radius:50%;filter:blur(150px);z-index:-1;pointer-events:none;}
.bo-frame-wrap{background-color:transparent;}
::-webkit-scrollbar{width:8px;height:8px;}
::-webkit-scrollbar-track{background:var(--cor-fundo);border-radius:4px;}
::-webkit-scrollbar-thumb{background:var(--cor-borda);border-radius:4px;}
::-webkit-scrollbar-thumb:hover{background:var(--cor-verde);}
::selection{background-color:var(--cor-verde-suave);color:var(--cor-verde);}
:focus-visible{outline:2px solid var(--cor-verde);outline-offset:2px;}
.bo-sidebar{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-right-color:var(--cor-borda);transition:width .3s ease,transform .3s ease;}
.bo-topbar{background-color:var(--cor-painel-translucido-forte);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom-color:var(--cor-borda);}
.bo-brand-mark{background:transparent;color:var(--cor-verde);filter:drop-shadow(var(--brilho-verde-fraco));}
.bo-nav-item{border:1px solid transparent;transition:all .2s ease-in-out;}
.bo-nav-item:hover{background-color:var(--cor-painel-translucido);border-color:transparent;}
.bo-nav-item.is-active{background-color:var(--cor-verde-suave);border-color:var(--cor-verde-20);color:var(--cor-verde);position:relative;}
.bo-nav-item.is-active::before{content:'';position:absolute;left:-1px;top:50%;transform:translateY(-50%);width:4px;height:60%;background-color:var(--cor-verde);border-radius:0 4px 4px 0;}
.bo-nav-item.is-active .bo-nav-icon{color:var(--cor-verde);filter:drop-shadow(0 0 5px rgba(123,192,67,.4));}
.profile-menu-avatar{background-color:var(--cor-verde);background-image:none;color:var(--cor-sobre-verde);border:1px solid var(--cor-borda);transition:box-shadow .2s ease,border-color .2s ease;overflow:hidden;}
.profile-menu-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%;}
.profile-menu-trigger:hover .profile-menu-avatar,.profile-menu-trigger:focus-visible .profile-menu-avatar{box-shadow:var(--brilho-verde);border-color:var(--cor-verde-hover);}
.profile-menu-dropdown{background-color:var(--cor-painel);border:1px solid var(--cor-borda);border-radius:var(--raio-painel);box-shadow:0 12px 32px -8px rgba(0,0,0,.4);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);}
.kanban-colunas,.kit-kanban,.kanban{gap:1.5rem;padding:1.5rem;align-items:flex-start;scrollbar-width:thin;scrollbar-color:var(--cor-borda) transparent;}
.kanban-coluna,.kit-kanban-coluna,.coluna-kanban{flex:0 0 20rem;width:20rem;max-width:20rem;background-color:var(--cor-painel-translucido);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--cor-borda);border-radius:var(--raio-painel);padding:0;overflow:hidden;display:flex;flex-direction:column;max-height:calc(100vh - 120px);}
.kanban-coluna-cabecalho,.kit-kanban-cabecalho,.coluna-kanban-cabecalho{padding:1rem 1.25rem;border-bottom:1px solid var(--cor-borda);background-color:var(--cor-painel-translucido-forte);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;}
.kanban-coluna-cabecalho h3,.kit-kanban-titulo,.coluna-kanban-titulo{font-weight:600;color:var(--cor-texto);margin:0;padding:0;}
.kanban-coluna-corpo,.kit-kanban-corpo,.coluna-kanban-corpo{padding:1rem;gap:1rem;overflow-y:auto;flex:1;}
.kanban-card,.kit-kanban-card,.cartao-kanban{background-color:var(--cor-cartao-claro);border:1px solid var(--cor-borda);border-radius:var(--raio-item);padding:1rem;box-shadow:none;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;}
.kanban-card:hover,.kit-kanban-card:hover,.cartao-kanban:hover{transform:translateY(-2px);border-color:rgba(123,192,67,.4);box-shadow:0 4px 12px rgba(0,0,0,.3),var(--brilho-verde-fraco);}
.kanban-card--arrastando,.sortable-ghost,.kit-kanban-card--arrastando,.cartao-kanban--arrastando{opacity:.4;background-color:var(--cor-cartao-claro);border:2px dashed var(--cor-verde);}
.card-titulo{font-size:.875rem;line-height:1.4;color:var(--cor-texto);font-weight:500;}
.card-numero{font-size:.625rem;color:var(--cor-texto-suave);background-color:var(--cor-chip);padding:.25rem .5rem;border-radius:4px;}
/* A casca herda a fonte do body e o estilo-shell.css do produto fixa inherit: religa a Inter, o título da marca (branco fixo no kit-shell) e os campos. */
body.bo-shell{font-family:var(--fonte-sans);}
button,input,select,textarea{font-family:inherit;}
.bo-brand-title{color:var(--cor-texto);}

/* /assets/kit/shell-sidebar-iframe/shell.css */
/* =============================================================================
 * shell.css — casca dos painéis internos (sidebar + topbar + conteúdo)
 * =============================================================================
 *
 * O backoffice deixou de ter um <nav> horizontal repetido em cada página: agora
 * existe UMA casca (backoffice/shell.html) com a navegação à esquerda e as telas
 * antigas carregadas num <iframe>. O painel do parceiro (parceiro/index.html)
 * usa a mesma casca, sem iframe — lá as "abas" viraram itens da sidebar e o
 * conteúdo continua na própria página. Este arquivo veste as duas.
 *
 * POR QUE NÃO REUSAR responsive.css
 * -----------------------------------------------------------------------------
 * Lá mora o menu de perfil do app (.profile-*), e a tentação é carregar o arquivo
 * inteiro aqui. Não dá: responsive.css também traz o layout do app (#mainContent,
 * .sidebar-item-link, restrições por perfil) e depende de sidebar.js. As classes
 * .profile-* abaixo são um espelho consciente daquele bloco — MESMOS nomes de
 * classe e de id (#profileMenuButton, #profileMenuDropdown…) de propósito, para
 * que quem já conhece o app reconheça o componente e os testes de tema o achem.
 * Se mudar o menu de perfil do app, considere mudar aqui também.
 *
 * TEMA CLARO/ESCURO
 * -----------------------------------------------------------------------------
 * Tudo aqui é escrito sobre os tokens --ag-* do theme.css, que já trocam de valor
 * com data-theme no <html>. Por isso este arquivo NÃO tem (nem precisa de) bloco
 * "gêmea escura" gerado por theme-build/build-dark-css.js — que, aliás, só varre
 * styles.css, dashboard_styles.css e responsive.css.
 *
 * CACHE: servido com Cache-Control immutable (ver _headers). Ao editar, bumpar o
 * ?v= das referências em backoffice/shell.html E em parceiro/index.html.
 * ========================================================================== */

/* ---------------------------------------------------------------------------
   Esqueleto: sidebar fixa + coluna de conteúdo. O documento da casca NUNCA rola
   (overflow:hidden) — quem rola é o iframe, senão apareceriam duas barras de
   rolagem empilhadas.
   --------------------------------------------------------------------------- */
body.bo-shell {
    margin: 0;
    display: flex;
    overflow: hidden;
    /* 100vh (e não 100%) para não depender de uma regra de altura no <html>: o painel
       do parceiro compartilha este arquivo e não controla o elemento raiz. dvh corrige
       a conta no mobile, onde a barra do navegador entra e sai da viewport. */
    height: 100vh;
    height: 100dvh;
    background-color: var(--ag-bg, #f0f2f5);
    color: var(--ag-text, #111827);
    font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
}

/* Variante sem iframe (painel do parceiro): lá a casca não pode ser o <body>,
   porque as telas de "carregando" e "acesso bloqueado" são irmãs dela e precisam
   ocupar a tela sozinhas. Quem vira o flex container é um wrapper.
   `:not(.hidden)` de propósito: o wrapper nasce com o .hidden do Tailwind e a
   ordem em que o CDN injeta o CSS dele não é garantida — assim não há disputa. */
.bo-shell-wrap:not(.hidden) {
    display: flex;
    width: 100%;
    /* Altura da janela, não 100% do pai: o pai não tem altura, o wrapper encolhia ao conteúdo e o
       overflow:hidden cortava o menu do perfil em página curta (card #206). */
    height: 100vh;
    height: 100dvh;
    overflow: hidden;
}

/* Conteúdo que rola dentro da casca (o iframe tem rolagem própria; isto é para
   quem desenha o conteúdo na mesma página). */
.bo-content-scroll {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
}

/* ---------------------------------------------------------------------------
   Sidebar
   --------------------------------------------------------------------------- */
.bo-sidebar {
    width: 16rem;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    background-color: var(--ag-sidebar-bg, #1f2937);
    color: var(--ag-sidebar-text, #e5e7eb);
    /* No tema escuro o fundo da página é quase tão escuro quanto o da sidebar; sem
       este fio elas se fundem e a coluna some. No claro o contraste já basta, mas a
       borda continua discreta o bastante para não incomodar. */
    border-right: 1px solid var(--ag-sidebar-border, #374151);
    transition: width 0.2s ease-in-out, transform 0.25s ease-in-out;
    z-index: 30;
}

.bo-sidebar-brand {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 1.125rem 1.25rem;
    min-height: 3.5rem;
    border-bottom: 1px solid var(--ag-sidebar-border, #374151);
}

.bo-brand-mark {
    width: 2rem;
    height: 2rem;
    flex-shrink: 0;
    border-radius: 0.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    /* Cor sólida ANTES do gradiente pelo mesmo motivo do avatar em responsive.css:
       auditoria de contraste lê backgroundColor, e gradiente é background-image. */
    background-color: #7c3aed;
    background-image: linear-gradient(135deg, #7c3aed, #4f46e5);
    color: #ffffff;
}
.bo-brand-mark svg {
    width: 1.125rem;
    height: 1.125rem;
}

.bo-brand-text {
    min-width: 0;
    line-height: 1.15;
}
.bo-brand-title {
    font-size: 0.9375rem;
    font-weight: 700;
    color: var(--ag-sidebar-text, #ffffff);
    white-space: nowrap;
    display: block;
}
.bo-brand-sub {
    display: block;
    font-size: 0.6875rem;
    color: var(--ag-sidebar-text-muted, #9ca3af);
    white-space: nowrap;
}

.bo-nav {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    padding: 0.75rem 0.625rem;
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
}

.bo-nav-section {
    padding: 0.875rem 0.75rem 0.375rem;
    font-size: 0.6875rem;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--ag-sidebar-text-muted, #9ca3af);
}

.bo-nav-item {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.625rem 0.75rem;
    border-radius: 0.375rem;
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--ag-sidebar-text, #e5e7eb);
    text-decoration: none;
    background: transparent;
    border: none;
    width: 100%;
    text-align: left;
    cursor: pointer;
    font-family: inherit;
    transition: background-color 0.15s, color 0.15s;
}
.bo-nav-item:hover,
.bo-nav-item:focus-visible {
    background-color: var(--ag-sidebar-item-hover, #374151);
    color: var(--ag-sidebar-text, #ffffff);
    text-decoration: none;
}
.bo-nav-item:focus-visible {
    outline: 2px solid var(--ag-focus-ring, #6366f1);
    outline-offset: -2px;
}
.bo-nav-item.is-active {
    background-color: var(--ag-sidebar-item-active, #374151);
    color: var(--ag-sidebar-text, #ffffff);
}
/* Fio na cor da marca marcando o item atual — some no modo comprimido, onde o
   próprio ícone já fica destacado pelo fundo. */
.bo-nav-item.is-active .bo-nav-icon {
    color: var(--ag-accent-text, #a5b4fc);
}

.bo-nav-icon {
    width: 1.25rem;
    flex-shrink: 0;
    text-align: center;
    font-size: 0.9375rem;
    color: var(--ag-sidebar-text-muted, #9ca3af);
    transition: color 0.15s;
}
.bo-nav-item:hover .bo-nav-icon,
.bo-nav-item:focus-visible .bo-nav-icon {
    color: var(--ag-sidebar-text, #ffffff);
}

.bo-nav-text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.bo-sidebar-footer {
    padding: 0.625rem;
    border-top: 1px solid var(--ag-sidebar-border, #374151);
}

/* ---------------------------------------------------------------------------
   Modo comprimido (desktop): só ícones. A largura some do texto, não do alvo de
   clique — o item continua com a mesma altura.
   --------------------------------------------------------------------------- */
body.bo-collapsed .bo-sidebar {
    width: 4.25rem;
}
body.bo-collapsed .bo-nav-text,
body.bo-collapsed .bo-brand-text,
body.bo-collapsed .bo-nav-section {
    display: none;
}
body.bo-collapsed .bo-sidebar-brand,
body.bo-collapsed .bo-nav-item {
    justify-content: center;
    gap: 0;
}
body.bo-collapsed .bo-sidebar-brand {
    padding-left: 0;
    padding-right: 0;
}

/* ---------------------------------------------------------------------------
   Coluna de conteúdo
   --------------------------------------------------------------------------- */
.bo-main {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.bo-topbar {
    height: 3.5rem;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0 1rem;
    background-color: var(--ag-surface, #ffffff);
    border-bottom: 1px solid var(--ag-border, #e5e7eb);
}

/* A topbar existe (em vez de um avatar flutuante como no app) justamente para
   reservar esta faixa: o conteúdo mora num iframe, e um avatar position:fixed
   por cima dele taparia os botões de ação das telas — que encostam na direita. */
.bo-topbar-title {
    flex: 1;
    min-width: 0;
    font-size: 0.9375rem;
    font-weight: 600;
    color: var(--ag-text, #111827);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.bo-icon-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    height: 2.25rem;
    flex-shrink: 0;
    padding: 0;
    border: none;
    border-radius: 0.5rem;
    background: transparent;
    color: var(--ag-text-muted, #6b7280);
    cursor: pointer;
    font-size: 0.9375rem;
    transition: background-color 0.15s, color 0.15s;
}
.bo-icon-btn:hover {
    background-color: var(--ag-surface-3, #f3f4f6);
    color: var(--ag-text, #111827);
}
.bo-icon-btn:focus-visible {
    outline: 2px solid var(--ag-focus-ring, #6366f1);
    outline-offset: 2px;
}

/* Botão de comprimir dentro da sidebar herda as cores dela, não as da topbar. */
.bo-sidebar .bo-icon-btn {
    width: 100%;
    justify-content: flex-start;
    gap: 0.75rem;
    padding: 0.625rem 0.75rem;
    height: auto;
    color: var(--ag-sidebar-text-muted, #9ca3af);
    font-size: 0.875rem;
}
.bo-sidebar .bo-icon-btn:hover {
    background-color: var(--ag-sidebar-item-hover, #374151);
    color: var(--ag-sidebar-text, #ffffff);
}
body.bo-collapsed .bo-sidebar .bo-icon-btn {
    justify-content: center;
    gap: 0;
}

.bo-frame-wrap {
    flex: 1;
    min-height: 0;
    position: relative;
    background-color: var(--ag-bg, #f0f2f5);
}

.bo-frame {
    width: 100%;
    height: 100%;
    border: 0;
    display: block;
}

/* Véu de carregamento entre uma tela e outra: evita o "pisca branco" do iframe
   trocando de documento. Removido pelo onload do iframe (bo-shell.js). */
.bo-frame-loading {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--ag-bg, #f0f2f5);
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.15s;
}
.bo-frame-wrap.is-loading .bo-frame-loading {
    opacity: 1;
    pointer-events: auto;
}
.bo-spinner {
    width: 1.75rem;
    height: 1.75rem;
    border-radius: 9999px;
    border: 3px solid var(--ag-border, #e5e7eb);
    border-top-color: var(--ag-accent, #4f46e5);
    animation: bo-spin 0.7s linear infinite;
}
@keyframes bo-spin {
    to { transform: rotate(360deg); }
}
@media (prefers-reduced-motion: reduce) {
    .bo-spinner { animation-duration: 2s; }
    .bo-sidebar { transition: none; }
}

/* ---------------------------------------------------------------------------
   Menu de perfil — espelho de responsive.css (ver cabeçalho deste arquivo).
   Aqui ele vive DENTRO da topbar, então não precisa de position:fixed.
   --------------------------------------------------------------------------- */
.profile-menu-wrap {
    position: relative;
    flex-shrink: 0;
}

.profile-menu-trigger {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    height: 2.25rem;
    padding: 0;
    border: none;
    border-radius: 9999px;
    background: transparent;
    cursor: pointer;
    box-shadow: 0 0 0 0 rgba(99, 102, 241, 0);
    transition: box-shadow 0.15s ease-in-out;
}
.profile-menu-trigger:hover {
    box-shadow: 0 0 0 3px var(--ag-accent-soft, #eef2ff);
}
.profile-menu-trigger:focus-visible {
    outline: 2px solid var(--ag-focus-ring, #6366f1);
    outline-offset: 2px;
}

.profile-menu-avatar {
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 9999px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #4f46e5;
    background-image: linear-gradient(135deg, #4f46e5, #6366f1);
    color: #ffffff;
    font-size: 0.8125rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    line-height: 1;
    user-select: none;
    overflow: hidden;
}

/* card #274: a foto preenche o círculo inteiro (recorte centralizado). Sem isto a imagem aparecia no tamanho natural e o círculo
   mostrava só o miolo dela — a miniatura do topo "mal recortada", diferente da foto de Minha conta. */
.profile-menu-avatar img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.profile-menu-dropdown {
    position: absolute;
    top: calc(100% + 0.5rem);
    right: 0;
    width: 16rem;
    max-width: calc(100vw - 1.5rem);
    /* Quem não define --ag-overlay-bg segue --ag-surface (o mesmo fundo de cartão do tema): o branco
       fixo só sobra para quem não define nenhum dos dois — senão o texto (--ag-text) vira claro no
       escuro e fica sobre fundo branco (card #206). */
    background-color: var(--ag-overlay-bg, var(--ag-surface, #ffffff));
    border: 1px solid var(--ag-border, #e5e7eb);
    border-radius: 0.75rem;
    box-shadow: 0 12px 32px -8px rgba(16, 24, 40, 0.22), 0 4px 10px -4px rgba(16, 24, 40, 0.14);
    padding: 0.375rem;
    text-align: left;
    z-index: 50;
}
.profile-menu-dropdown[hidden] {
    display: none;
}

.profile-menu-header {
    padding: 0.625rem 0.75rem 0.5rem;
}
.profile-menu-name {
    color: var(--ag-text, #111827);
    font-weight: 600;
    font-size: 0.875rem;
    line-height: 1.25rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.profile-menu-email {
    color: var(--ag-text-muted, #6b7280);
    font-size: 0.75rem;
    line-height: 1rem;
    margin-top: 0.125rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.profile-menu-divider {
    height: 1px;
    background-color: var(--ag-divider, #e5e7eb);
    margin: 0.375rem -0.375rem;
}

.profile-menu-item {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    width: 100%;
    min-height: 2.25rem;
    padding: 0.5rem 0.75rem;
    border-radius: 0.5rem;
    color: var(--ag-text, #111827);
    font-size: 0.875rem;
    line-height: 1.25rem;
    background: transparent;
    border: none;
    text-align: left;
    cursor: pointer;
    text-decoration: none;
    font-family: inherit;
}
.profile-menu-item i {
    width: 1rem;
    font-size: 0.875rem;
    text-align: center;
    color: var(--ag-text-muted, #6b7280);
    flex-shrink: 0;
}
.profile-menu-item:hover,
.profile-menu-item:focus-visible {
    background-color: var(--ag-surface-3, #f3f4f6);
    color: var(--ag-text, #111827);
    text-decoration: none;
}
.profile-menu-item:focus-visible {
    outline: 2px solid var(--ag-focus-ring, #6366f1);
    outline-offset: -2px;
}
.profile-menu-item:hover i,
.profile-menu-item:focus-visible i {
    color: var(--ag-text-secondary, #4b5563);
}

.profile-menu-item-quiet,
.profile-menu-item-quiet i {
    color: var(--ag-text-muted, #6b7280);
}
.profile-menu-item-quiet:hover,
.profile-menu-item-quiet:focus-visible {
    background-color: var(--ag-surface-3, #f3f4f6);
    color: var(--ag-text-secondary, #4b5563);
}
.profile-menu-item-quiet:hover i,
.profile-menu-item-quiet:focus-visible i {
    color: var(--ag-text-secondary, #4b5563);
}

/* Selo de papel (Super Admin / Parceiro) no cabeçalho do menu. */
.profile-menu-role {
    display: inline-block;
    margin-top: 0.375rem;
    padding: 0.0625rem 0.5rem;
    border-radius: 9999px;
    font-size: 0.6875rem;
    font-weight: 600;
    background-color: var(--ag-accent-soft, #eef2ff);
    /* Sem --ag-accent-text o texto segue --ag-text (legível sobre o tom suave nos dois temas); o azul
       fixo só sobra para quem não define nenhum dos dois (card #206). */
    color: var(--ag-accent-text, var(--ag-text, #4338ca));
}

/* ---------------------------------------------------------------------------
   Modo hover (card #188; PADRÃO desde a 2.0.0 — ShellSidebar.iniciar() põe .bo-hover no
   <body>, iniciar({ modo: 'clique' }) volta ao modo antigo). Desktop: a sidebar nasce
   COMPRIMIDA (só ícones grandes), expande POR CIMA do conteúdo quando o mouse (ou o foco do
   teclado) entra e recolhe quando sai. Ela sai do fluxo (position:fixed) e o .bo-main reserva
   a faixa comprimida com margem — por isso expandir não desloca nada. No mobile nada disso
   vale: continua a gaveta de sempre. Tela larga de TOQUE (tablet) também fica de fora: lá não
   há como "passar o mouse", então shell-sidebar.js não põe .bo-hover e vale o botão de
   comprimir. (O teste é no JS e não um `(hover: hover)` aqui porque navegador sem dispositivo
   apontador nenhum — headless, quiosque — responde hover: none e perderia o modo à toa.)
   --------------------------------------------------------------------------- */
@media (min-width: 768px) {
    body.bo-hover .bo-sidebar {
        position: fixed;
        inset: 0 auto 0 0;
        width: 4.25rem;
        overflow: hidden;
        z-index: 40;
        transition: width 0.18s ease-in-out, box-shadow 0.18s ease-in-out;
    }
    body.bo-hover .bo-main {
        margin-left: 4.25rem;
    }
    body.bo-hover .bo-sidebar:hover,
    body.bo-hover .bo-sidebar:focus-within {
        width: 16rem;
        box-shadow: 8px 0 28px -8px rgba(0, 0, 0, 0.45);
    }
    /* comprimida: só ícones, maiores */
    body.bo-hover .bo-sidebar:not(:hover):not(:focus-within) .bo-nav-text,
    body.bo-hover .bo-sidebar:not(:hover):not(:focus-within) .bo-brand-text,
    body.bo-hover .bo-sidebar:not(:hover):not(:focus-within) .bo-nav-section,
    body.bo-hover .bo-sidebar:not(:hover):not(:focus-within) .bo-nav-seta {
        display: none;
    }
    body.bo-hover .bo-sidebar:not(:hover):not(:focus-within) .bo-sidebar-brand,
    body.bo-hover .bo-sidebar:not(:hover):not(:focus-within) .bo-nav-item {
        justify-content: center;
        gap: 0;
    }
    body.bo-hover .bo-sidebar:not(:hover):not(:focus-within) .bo-sidebar-brand {
        padding-left: 0;
        padding-right: 0;
    }
    body.bo-hover .bo-nav-icon {
        width: 1.5rem;
        font-size: 1.25rem;
    }
    /* sem botão de comprimir: o hover substitui o clique */
    body.bo-hover .bo-sidebar-footer .bo-icon-btn#boCollapseBtn {
        display: none;
    }
}

/* ---------------------------------------------------------------------------
   Mobile: sidebar vira gaveta sobre o conteúdo
   --------------------------------------------------------------------------- */
.bo-backdrop {
    position: fixed;
    inset: 0;
    z-index: 25;
    background-color: var(--ag-scrim, rgb(17 24 39 / 0.45));
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.2s;
}

@media (max-width: 767px) {
    .bo-sidebar {
        position: fixed;
        inset: 0 auto 0 0;
        width: 16rem;
        transform: translateX(-100%);
    }
    /* No mobile a gaveta sempre abre inteira: comprimir é gesto de desktop. */
    body.bo-collapsed .bo-sidebar {
        width: 16rem;
    }
    body.bo-collapsed .bo-nav-text,
    body.bo-collapsed .bo-brand-text,
    body.bo-collapsed .bo-nav-section {
        display: revert;
    }
    body.bo-collapsed .bo-sidebar-brand,
    body.bo-collapsed .bo-nav-item,
    body.bo-collapsed .bo-sidebar .bo-icon-btn {
        justify-content: flex-start;
        gap: 0.75rem;
    }
    body.bo-collapsed .bo-sidebar-brand {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }
    body.bo-drawer-open .bo-sidebar {
        transform: translateX(0);
    }
    body.bo-drawer-open .bo-backdrop {
        opacity: 1;
        pointer-events: auto;
    }
    /* O botão de comprimir no mobile não faz nada (a gaveta sempre abre inteira) — um botão
       que não responde é pior que botão nenhum. Some ele, não o rodapé: desde o seletor de
       sistemas o rodapé deixou de ser "só o botão", e esconder o bloco inteiro tirava do
       celular a única porta entre os sistemas. A classe é posta por shell-switcher.js quando
       ele realmente monta, então quem tem um sistema só continua sem rodapé nenhum aqui. */
    .bo-sidebar-footer {
        display: none;
    }
    .bo-sidebar-footer.sw-tem-seletor {
        display: block;
    }
    .bo-sidebar-footer.sw-tem-seletor #boCollapseBtn {
        display: none;
    }
}

@media (min-width: 768px) {
    .bo-menu-toggle {
        display: none;
    }
}

/* ---------------------------------------------------------------------------
   Seletor de organização da sidebar (card logiccos_library#219; shell-organizacao.js).
   A lista abre EM LINHA dentro da sidebar (não é popover: no modo hover a sidebar tem overflow
   oculto e recolhe quando o mouse sai). Tudo sobre os tokens --ag-* da sidebar.
   --------------------------------------------------------------------------- */
.bo-org {
    padding: 0.625rem 0.625rem 0;
}
.bo-org:empty {
    display: none;
}
.bo-org-btn,
.bo-org-item {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    width: 100%;
    padding: 0.5rem 0.625rem;
    border: 1px solid transparent;
    border-radius: 0.375rem;
    background: transparent;
    color: var(--ag-sidebar-text, #e5e7eb);
    font-family: inherit;
    font-size: 0.8125rem;
    text-align: left;
    cursor: pointer;
    transition: background-color 0.15s;
}
.bo-org-btn {
    border-color: var(--ag-sidebar-border, #374151);
}
.bo-org-btn:hover,
.bo-org-btn:focus-visible,
.bo-org-item:hover,
.bo-org-item:focus-visible {
    background-color: var(--ag-sidebar-item-hover, #374151);
}
.bo-org-btn:focus-visible,
.bo-org-item:focus-visible {
    outline: 2px solid var(--ag-focus-ring, #6366f1);
    outline-offset: -2px;
}
.bo-org-avatar,
.bo-org-mais {
    width: 1.75rem;
    height: 1.75rem;
    flex-shrink: 0;
    border-radius: 0.375rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.8125rem;
    font-weight: 700;
    background-color: var(--ag-accent-soft, #eef2ff);
    color: var(--ag-accent-text, var(--ag-text, #4338ca));
}
.bo-org-text {
    min-width: 0;
    flex: 1;
    line-height: 1.2;
}
.bo-org-nome,
.bo-org-item-nome {
    display: block;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.bo-org-sub,
.bo-org-item-papel {
    display: block;
    font-size: 0.6875rem;
    color: var(--ag-sidebar-text-muted, #9ca3af);
    white-space: nowrap;
}
.bo-org-item-nome {
    flex: 1;
    min-width: 0;
}
.bo-org-seta {
    width: 0.4rem;
    height: 0.4rem;
    flex-shrink: 0;
    border-right: 2px solid var(--ag-sidebar-text-muted, #9ca3af);
    border-bottom: 2px solid var(--ag-sidebar-text-muted, #9ca3af);
    transform: rotate(45deg) translateY(-2px);
    transition: transform 0.15s;
}
.bo-org-btn[aria-expanded="true"] .bo-org-seta {
    transform: rotate(-135deg);
}
.bo-org-lista {
    margin-top: 0.25rem;
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
    max-height: 14rem;
    overflow-y: auto;
}
.bo-org-item {
    padding: 0.375rem 0.625rem;
}
.bo-org-item.is-active {
    background-color: var(--ag-sidebar-item-active, #374151);
}
.bo-org-criar {
    border-top: 1px solid var(--ag-sidebar-border, #374151);
    border-radius: 0 0 0.375rem 0.375rem;
    margin-top: 0.125rem;
}
.bo-org-aviso {
    padding: 0.5rem 0.625rem;
    font-size: 0.75rem;
    color: var(--ag-sidebar-text-muted, #9ca3af);
}
.bo-org-erro {
    color: var(--ag-danger, #f87171);
}
/* Comprimida (modo hover sem mouse em cima, ou body.bo-collapsed): só o avatar da organização. */
body.bo-collapsed .bo-org-text,
body.bo-collapsed .bo-org-seta,
body.bo-collapsed .bo-org-lista {
    display: none;
}
body.bo-collapsed .bo-org-btn {
    justify-content: center;
    padding-left: 0;
    padding-right: 0;
    gap: 0;
}
@media (min-width: 768px) {
    body.bo-hover .bo-sidebar:not(:hover):not(:focus-within) .bo-org-text,
    body.bo-hover .bo-sidebar:not(:hover):not(:focus-within) .bo-org-seta,
    body.bo-hover .bo-sidebar:not(:hover):not(:focus-within) .bo-org-lista {
        display: none;
    }
    body.bo-hover .bo-sidebar:not(:hover):not(:focus-within) .bo-org-btn {
        justify-content: center;
        padding-left: 0;
        padding-right: 0;
        gap: 0;
    }
}
@media (max-width: 767px) {
    body.bo-collapsed .bo-org-text,
    body.bo-collapsed .bo-org-seta,
    body.bo-collapsed .bo-org-lista {
        display: revert;
    }
    body.bo-collapsed .bo-org-btn {
        justify-content: flex-start;
        padding-left: 0.625rem;
        padding-right: 0.625rem;
        gap: 0.625rem;
    }
}

/* ---------------------------------------------------------------------------
   Sanfona de grupo (2.2.0, card logiccos_library#226; shell-sidebar.js liga o clique).
   Markup:
     <div class="bo-nav-sanfona">
       <button type="button" class="bo-nav-item bo-nav-sanfona-botao" aria-expanded="false" aria-controls="x">
         <span class="bo-nav-icon">…</span><span class="bo-nav-text">Configurações</span><span class="bo-nav-seta" aria-hidden="true"></span>
       </button>
       <div class="bo-nav-sub" id="x" role="group" hidden>
         <div class="bo-nav-sub-titulo">Configurações</div>
         <button type="button" class="bo-nav-item">…</button> …
       </div>
     </div>
   Na sidebar larga e na gaveta a caixa abre em linha, recuada; no trilho (.bo-rotulos) vira
   submenu flutuante. Grupo com subitem .is-active fica marcado como o item ativo.
   --------------------------------------------------------------------------- */
.bo-nav-sanfona {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
}
.bo-nav-seta {
    margin-left: auto;
    width: 0.5rem;
    height: 0.5rem;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: rotate(45deg);
    opacity: 0.6;
    transition: transform 0.15s;
}
.bo-nav-sanfona-botao[aria-expanded="true"] .bo-nav-seta {
    transform: rotate(-135deg);
}
.bo-nav-sub[hidden] {
    display: none;
}
.bo-nav-sub {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
    padding-left: 0.75rem;
}
.bo-nav-sub-titulo {
    display: none;
}
.bo-nav-sub .bo-nav-item {
    font-size: 0.8125rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}
.bo-nav-sanfona:has(.bo-nav-sub .bo-nav-item.is-active) > .bo-nav-sanfona-botao {
    color: var(--ag-sidebar-text, #ffffff);
}
.bo-nav-sanfona:has(.bo-nav-sub .bo-nav-item.is-active) > .bo-nav-sanfona-botao .bo-nav-icon {
    color: var(--ag-accent-text, #a5b4fc);
}
body.bo-collapsed .bo-nav-seta,
body.bo-collapsed .bo-nav-sub {
    display: none;
}

/* Submenu flutuante (trilho): position:fixed, left/top postos por shell-sidebar.js. */
.bo-nav-sub.bo-nav-sub--flutuante {
    position: fixed;
    z-index: 60;
    width: 11rem;
    padding: 0.375rem 0;
    gap: 0;
    background-color: var(--ag-sidebar-flutuante-bg, var(--ag-sidebar-bg, #0f172a));
    border: 1px solid var(--ag-sidebar-border, #334155);
    border-radius: 0.75rem;
    box-shadow: 0 16px 32px -12px rgba(0, 0, 0, 0.5);
}
.bo-nav-sub--flutuante .bo-nav-sub-titulo {
    display: block;
    padding: 0.25rem 0.75rem 0.375rem;
    margin-bottom: 0.25rem;
    font-size: 0.625rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--ag-sidebar-text-muted, #94a3b8);
    border-bottom: 1px solid var(--ag-sidebar-border, #1e293b);
}
body.bo-rotulos .bo-nav-sub--flutuante .bo-nav-item {
    flex-direction: row;
    justify-content: flex-start;
    gap: 0.5rem;
    width: 100%;
    padding: 0.4375rem 0.75rem;
    border-radius: 0;
    font-size: 0.75rem;
    box-shadow: none;
}
body.bo-rotulos .bo-nav-sub--flutuante .bo-nav-item .bo-nav-text {
    font-size: 0.75rem;
    margin: 0;
}
body.bo-rotulos .bo-nav-sub--flutuante .bo-nav-icon {
    font-size: 0.875rem;
    width: 1rem;
}

/* ---------------------------------------------------------------------------
   Trilho com título (2.2.0 — ShellSidebar.iniciar({ rotulos: true }) põe .bo-rotulos no <body>;
   desenho do Stitch aprovado pelo dono, 16/10/2026). Desktop: sidebar fixa de 76px, cada item com
   o ícone e o título curto embaixo (reticências; o produto põe o nome inteiro no title). Sem hover
   nem comprimir: o título já está à vista. Divisória de seção vira um fio. O menu do perfil pode
   morar no rodapé (.bo-sidebar-footer #profileMenuWrap) e abre para o lado.
   --------------------------------------------------------------------------- */
@media (min-width: 768px) {
    body.bo-rotulos .bo-sidebar {
        width: 4.75rem;
        align-items: center;
    }
    body.bo-rotulos .bo-sidebar-brand {
        flex-direction: column;
        gap: 0.25rem;
        padding: 0.75rem 0.25rem 0.5rem;
        min-height: 0;
        border-bottom: 0;
        width: 100%;
    }
    body.bo-rotulos .bo-brand-mark {
        width: 2.5rem;
        height: 2.5rem;
        border-radius: 0.75rem;
        font-weight: 700;
        font-size: 0.875rem;
    }
    body.bo-rotulos .bo-brand-sub {
        display: none;
    }
    body.bo-rotulos .bo-brand-title {
        font-size: 0.5625rem;
        font-weight: 600;
        letter-spacing: 0.04em;
        color: var(--ag-sidebar-text-muted, #94a3b8);
        max-width: 4.25rem;
        overflow: hidden;
        text-overflow: ellipsis;
        text-align: center;
    }
    body.bo-rotulos .bo-nav {
        width: 100%;
        padding: 0.5rem;
        gap: 0.375rem;
        align-items: stretch;
    }
    body.bo-rotulos .bo-nav-item {
        position: relative;
        flex-direction: column;
        justify-content: center;
        gap: 0.125rem;
        padding: 0.5rem 0.125rem;
        border-radius: 0.75rem;
        text-align: center;
        color: var(--ag-sidebar-text-muted, #94a3b8);
    }
    body.bo-rotulos .bo-nav-item:hover,
    body.bo-rotulos .bo-nav-item:focus-visible {
        color: var(--ag-sidebar-text, #f1f5f9);
    }
    body.bo-rotulos .bo-nav-item.is-active,
    body.bo-rotulos .bo-nav-sanfona:has(.bo-nav-sub .bo-nav-item.is-active) > .bo-nav-sanfona-botao {
        background-color: var(--ag-sidebar-item-active-forte, var(--ag-accent, #4f46e5));
        color: var(--ag-sidebar-item-active-forte-texto, #ffffff);
        box-shadow: 0 4px 10px -4px rgba(30, 27, 75, 0.6);
    }
    /* o fio lateral do item ativo (tema-logiccos) não cabe no trilho: o fundo cheio já marca */
    body.bo-rotulos .bo-nav-item.is-active::before {
        content: none;
    }
    body.bo-rotulos .bo-nav-item.is-active {
        border-color: transparent;
    }
    body.bo-rotulos .bo-nav-item.is-active .bo-nav-icon,
    body.bo-rotulos .bo-nav-sanfona:has(.bo-nav-sub .bo-nav-item.is-active) > .bo-nav-sanfona-botao .bo-nav-icon {
        color: inherit;
    }
    body.bo-rotulos .bo-nav-sub--flutuante .bo-nav-item.is-active {
        background-color: var(--ag-sidebar-item-active, #1e293b);
        box-shadow: none;
    }
    body.bo-rotulos .bo-nav-icon {
        width: auto;
        font-size: 1.1875rem;
        line-height: 1;
        color: inherit;
    }
    body.bo-rotulos .bo-nav-text {
        max-width: 100%;
        font-size: 0.625rem;
        line-height: 1.15;
        font-weight: 500;
    }
    body.bo-rotulos .bo-nav-item.is-active .bo-nav-text {
        font-weight: 600;
    }
    body.bo-rotulos .bo-nav-seta {
        display: none;
    }
    body.bo-rotulos .bo-nav-sub:not(.bo-nav-sub--flutuante) {
        display: none;
    }
    body.bo-rotulos .bo-nav-section {
        align-self: center;
        width: 2rem;
        height: 1px;
        padding: 0;
        margin: 0.125rem 0;
        overflow: hidden;
        font-size: 0;
        background-color: var(--ag-sidebar-border, #1e293b);
    }
    body.bo-rotulos .bo-sidebar-footer {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        border-top: 0;
    }
    body.bo-rotulos .bo-sidebar-footer #boCollapseBtn {
        display: none;
    }
    body.bo-rotulos .bo-sidebar-footer .profile-menu-dropdown {
        top: auto;
        bottom: 0;
        left: calc(100% + 0.5rem);
        right: auto;
    }
    body.bo-rotulos .bo-barra-inferior {
        display: none;
    }
    /* seletor de organização no trilho: só o avatar (o nome vai no title); a lista abre AO LADO, por cima do conteúdo */
    body.bo-rotulos .bo-org {
        position: relative;
        width: 100%;
        padding: 0.25rem 0.5rem 0;
    }
    body.bo-rotulos .bo-org-text,
    body.bo-rotulos .bo-org-seta {
        display: none;
    }
    body.bo-rotulos .bo-org-btn {
        justify-content: center;
        padding: 0.375rem 0;
    }
    body.bo-rotulos .bo-org-lista {
        position: absolute;
        z-index: 60;
        top: 0;
        left: calc(100% + 0.5rem);
        width: 15rem;
        margin: 0;
        padding: 0.375rem;
        background-color: var(--ag-sidebar-flutuante-bg, var(--ag-sidebar-bg, #0f172a));
        border: 1px solid var(--ag-sidebar-border, #334155);
        border-radius: 0.75rem;
        box-shadow: 0 16px 32px -12px rgba(0, 0, 0, 0.5);
    }
}
/* celular com rotulos: o rodapé (onde mora o menu do perfil) continua na gaveta */
@media (max-width: 767px) {
    body.bo-rotulos .bo-sidebar-footer {
        display: block;
    }
    body.bo-rotulos .bo-sidebar-footer #boCollapseBtn {
        display: none;
    }
}

/* Barra inferior do celular (2.2.0): montada por shell-sidebar.js com os itens data-barra. */
.bo-barra-inferior {
    display: none;
}
@media (max-width: 767px) {
    body.bo-rotulos .bo-barra-inferior {
        position: fixed;
        inset: auto 0 0 0;
        z-index: 35;
        display: flex;
        justify-content: space-around;
        padding: 0.375rem 0.25rem calc(0.375rem + env(safe-area-inset-bottom, 0px));
        background-color: var(--ag-surface, #ffffff);
        border-top: 1px solid var(--ag-border, #e2e8f0);
        box-shadow: 0 -6px 16px -10px rgba(15, 23, 42, 0.25);
    }
    body.bo-rotulos .bo-main {
        padding-bottom: calc(3.75rem + env(safe-area-inset-bottom, 0px));
    }
    .bo-barra-item {
        flex: 1;
        min-width: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 0.125rem;
        padding: 0.25rem 0.125rem;
        border: 0;
        background: transparent;
        color: var(--ag-text-muted, #64748b);
        font: inherit;
        cursor: pointer;
    }
    .bo-barra-item.is-active {
        color: var(--ag-accent, #4f46e5);
    }
    .bo-barra-icone {
        font-size: 1.375rem;
        line-height: 1;
    }
    .bo-barra-icone-mais::before {
        content: '';
        display: block;
        width: 1.25rem;
        height: 0.25rem;
        margin: 0.5rem 0;
        background:
            radial-gradient(circle, currentColor 0.125rem, transparent 0.135rem) 0 0 / 0.5rem 0.25rem repeat-x;
    }
    .bo-barra-texto {
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: 0.625rem;
        font-weight: 600;
    }
    .bo-barra-item.is-active .bo-barra-texto {
        font-weight: 700;
    }
}

/* /assets/kit/minha-conta/minhaConta.css */
/* =============================================================================
 * minhaConta.css — tela "Minha conta" (gaveta minha-conta, card logiccos_library#170)
 * =============================================================================
 *
 * Só esqueleto estrutural, sobre os mesmos tokens --ag-* de shell.css (gaveta
 * shell-sidebar-iframe) — nenhuma cor nova é inventada aqui. Cor/espaçamento
 * definitivos de cada produto são trabalho do Gemini (ver CLAUDE.md da casa);
 * este arquivo só garante que a tela é usável antes dessa lapidação visual.
 * ========================================================================== */

.kit-minha-conta-caixa {
  max-width: 28rem;
  margin: 0 auto;
  padding: 1.5rem;
  color: var(--ag-text, #111827);
}

.kit-minha-conta-titulo {
  margin: 0 0 1.25rem;
  font-size: 1.25rem;
  font-weight: 600;
}

.kit-minha-conta-avatar {
  display: flex;
  justify-content: center;
  margin-bottom: 1.25rem;
}

.kit-minha-conta-avatar-img,
.kit-minha-conta-avatar-iniciais {
  width: 4.5rem;
  height: 4.5rem;
  border-radius: 50%;
  object-fit: cover;
}

.kit-minha-conta-avatar-iniciais {
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--ag-acento, #7dc242);
  color: var(--ag-on-acento, #0b1a05);
  font-weight: 600;
  font-size: 1.25rem;
}

.kit-minha-conta-campo {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding: 0.75rem 0;
  border-bottom: 1px solid var(--ag-borda, #dfe3ea);
}

.kit-minha-conta-rotulo {
  font-size: 0.75rem;
  color: var(--ag-text-sec, #5f6368);
}

.kit-minha-conta-valor {
  font-size: 0.95rem;
}

.kit-minha-conta-sessao {
  margin-top: 1.5rem;
  padding-top: 1rem;
  border-top: 1px solid var(--ag-borda, #dfe3ea);
}

.kit-minha-conta-sessao-titulo {
  margin: 0 0 0.5rem;
  font-size: 0.95rem;
  font-weight: 600;
}

.kit-minha-conta-sessao-detalhe {
  margin: 0 0 0.75rem;
  color: var(--ag-text-sec, #5f6368);
  font-size: 0.85rem;
}

.kit-minha-conta-botao {
  border: 1px solid var(--ag-borda, #dfe3ea);
  background: transparent;
  color: var(--ag-text, #111827);
  border-radius: 0.5rem;
  padding: 0.5rem 1rem;
  font-size: 0.9rem;
  cursor: pointer;
}

.kit-minha-conta-botao:disabled {
  opacity: 0.6;
  cursor: default;
}

.kit-minha-conta-status {
  min-height: 1.1rem;
  margin: 0 0 0.5rem;
  color: var(--ag-erro, #b3261e);
  font-size: 0.8rem;
}

/* ---- 1.1.0 (card #220): foto, sessões, segurança. Só estrutura; cor vem dos tokens --ag-*. */
.kit-minha-conta-foto-acoes {
  display: flex;
  gap: 0.5rem;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 0.5rem;
}

.kit-minha-conta-lista {
  list-style: none;
  margin: 0 0 0.75rem;
  padding: 0;
}

.kit-minha-conta-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 0.6rem 0;
  border-bottom: 1px solid var(--ag-borda, #dfe3ea);
  font-size: 0.9rem;
}

.kit-minha-conta-selo {
  margin-left: 0.4rem;
  padding: 0.1rem 0.5rem;
  border-radius: 999px;
  background: var(--ag-acento, #7dc242);
  color: var(--ag-on-acento, #0b1a05);
  font-size: 0.7rem;
  font-weight: 600;
}

.kit-minha-conta-modal-fundo {
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--ag-overlay-bg, rgba(0, 0, 0, 0.55));
}

.kit-minha-conta-modal {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  padding: 1.25rem;
  border-radius: 0.75rem;
  background: var(--ag-surface, #ffffff);
  color: var(--ag-text, #111827);
  max-width: 92vw;
}

.kit-minha-conta-recorte {
  width: 280px;
  height: 280px;
  max-width: 100%;
  border-radius: 50%;
  background: var(--ag-borda, #dfe3ea);
  cursor: grab;
  touch-action: none;
}

/* 1.2.0 (card logiccos_library#269): preferências (telefone e fuso) */
.kit-minha-conta-caixa [data-kit-minha-conta-preferencias] select,
.kit-minha-conta-caixa [data-kit-minha-conta-preferencias] input[type="tel"] { max-width: 100%; }

/* 1.4.0 (card #286): nome editável, botão discreto das sessões, modal das sessões e afiliados */
.kit-minha-conta-caixa [data-kit-minha-conta-nome-input],
.kit-minha-conta-caixa [data-kit-minha-conta-afiliados-link] {
  width: 100%;
  box-sizing: border-box;
  padding: 0.45rem 0.6rem;
  border: 1px solid var(--ag-borda, #dfe3ea);
  border-radius: 0.5rem;
  background: var(--ag-surface, #ffffff);
  color: var(--ag-text, #111827);
  font: inherit;
}
.kit-minha-conta-botao-discreto {
  margin-top: 0.75rem;
  padding: 0;
  border: 0;
  background: none;
  color: var(--ag-text-sec, #5f6368);
  font: inherit;
  font-size: 0.875rem;
  text-decoration: underline;
  cursor: pointer;
}
.kit-minha-conta-botao-discreto:hover { color: var(--ag-text, #111827); }
.kit-minha-conta-modal-sessoes {
  width: min(32rem, calc(100vw - 2rem));
  max-height: calc(100vh - 4rem);
  overflow: auto;
  padding: 1.25rem;
  border: 1px solid var(--ag-borda, #dfe3ea);
  border-radius: 0.75rem;
  background: var(--ag-surface, #ffffff);
  color: var(--ag-text, #111827);
}
/* 1.4.1: com o kitModal ligado (classe kit-modal) quem dá o espaçamento é cabeçalho/corpo/rodapé do bloco modal */
.kit-minha-conta-modal-sessoes.kit-modal { padding: 0; }
.kit-minha-conta-modal-sessoes:not(.kit-modal) .kit-modal__cabecalho,
.kit-minha-conta-modal-sessoes:not(.kit-modal) .kit-modal__rodape { display: flex; justify-content: space-between; align-items: center; gap: 0.5rem; }
.kit-minha-conta-modal-sessoes:not(.kit-modal) .kit-modal__botao:empty { display: none; }
.kit-minha-conta-modal-sessoes .kit-modal__rodape { justify-content: flex-end; }
.kit-minha-conta-modal-sessoes::backdrop { background: var(--ag-overlay-bg, rgba(0, 0, 0, 0.55)); }
.kit-minha-conta-resumo {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.75rem;
  margin: 0.75rem 0;
}
.kit-minha-conta-resumo > div {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem 0.5rem;
  border: 1px solid var(--ag-borda, #dfe3ea);
  border-radius: 0.75rem;
  text-align: center;
}
.kit-minha-conta-numero { font-size: 1.25rem; font-weight: 700; }
.kit-minha-conta-caixa [data-kit-minha-conta-afiliados] details { margin-top: 0.75rem; }
.kit-minha-conta-caixa [data-kit-minha-conta-afiliados] summary { cursor: pointer; color: var(--ag-text-sec, #5f6368); }
@media (max-width: 480px) {
  .kit-minha-conta-resumo { gap: 0.4rem; }
  .kit-minha-conta-numero { font-size: 1rem; }
}

/* /assets/kit/campo-telefone/campoTelefone.css */
/* campoTelefone.css — modo internacional (comPaises) da gaveta campo-telefone 1.2.0, card logiccos_library#269.
 * ESQUELETO estrutural sobre os tokens --ag-* (sem cor nova). A lapidação visual é do Gemini (estava fora do ar
 * na entrega: gemini-design.js "indisponivel: rede") — pendência registrada no card. */
.kit-campo-telefone-grupo {
  position: relative;
  display: flex;
  align-items: stretch;
  width: 100%;
  min-height: 2.5rem;
  border: 1px solid var(--ag-borda, #dfe3ea);
  border-radius: 8px;
  background: var(--ag-superficie, #fff);
  color: var(--ag-text, #111827);
}
.kit-campo-telefone-grupo:focus-within { outline: 2px solid var(--ag-acento, #7dc242); outline-offset: 1px; }
.kit-campo-telefone-pais {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0 0.6rem;
  border: 0;
  border-right: 1px solid var(--ag-borda, #dfe3ea);
  border-radius: 8px 0 0 8px;
  background: transparent;
  color: inherit;
  font: inherit;
  cursor: pointer;
}
.kit-campo-telefone-pais:disabled { cursor: default; }
.kit-campo-telefone-bandeira { font-size: 1.15rem; line-height: 1; }
.kit-campo-telefone-ddi { font-size: 0.875rem; color: var(--ag-text-sec, #5f6368); }
.kit-campo-telefone-grupo > .kit-campo-telefone {
  flex: 1 1 auto;
  min-width: 0;
  border: 0;
  outline: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  padding: 0 0.6rem;
}
.kit-campo-telefone-lista {
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  z-index: 50;
  box-sizing: border-box;
  width: 100%;
  min-width: 16rem;
  max-height: 16rem;
  overflow: auto;
  border: 1px solid var(--ag-borda, #dfe3ea);
  border-radius: 8px;
  background: var(--ag-superficie, #fff);
}
.kit-campo-telefone-lista[hidden] { display: none; }
.kit-campo-telefone-busca {
  box-sizing: border-box;
  width: 100%;
  padding: 0.55rem 0.7rem;
  border: 0;
  border-bottom: 1px solid var(--ag-borda, #dfe3ea);
  background: transparent;
  color: inherit;
  font: inherit;
}
.kit-campo-telefone-lista ul { margin: 0; padding: 0; list-style: none; }
.kit-campo-telefone-item { padding: 0.55rem 0.7rem; cursor: pointer; }
.kit-campo-telefone-item:hover,
.kit-campo-telefone-item[aria-selected="true"] { background: color-mix(in srgb, var(--ag-acento, #7dc242) 16%, transparent); }
.kit-campo-telefone--ok { color: var(--md-sys-color-tertiary, #386a20); }
.kit-campo-telefone--erro { color: var(--md-sys-color-error, #b3261e); }
.kit-campo-telefone-status { margin: 4px 0 0; font-size: 0.75rem; }

/* Tema escuro (card monitor_balcao#179): usa os tokens do tema (--cor-* / --ag-*), sem fundo branco; o tema claro fica inalterado. */
:root[data-theme="escuro"] .kit-campo-telefone-grupo {
  background: var(--cor-campo-fundo, var(--ag-surface));
  border-color: var(--cor-campo-contorno, var(--ag-border));
  color: var(--cor-campo-texto, var(--cor-texto, var(--ag-text)));
}
:root[data-theme="escuro"] .kit-campo-telefone-pais {
  background: var(--cor-campo-fundo, var(--ag-surface));
  border-right-color: var(--cor-campo-contorno, var(--ag-border));
  color: var(--cor-campo-texto, var(--cor-texto, var(--ag-text)));
}
:root[data-theme="escuro"] .kit-campo-telefone-ddi {
  color: var(--cor-texto-secundario, var(--ag-text-secondary));
}
:root[data-theme="escuro"] .kit-campo-telefone-lista {
  background: var(--cor-superficie-flutuante, var(--ag-overlay-bg, var(--ag-surface)));
  border-color: var(--cor-campo-contorno, var(--ag-border));
  color: var(--cor-texto, var(--ag-text));
}
:root[data-theme="escuro"] .kit-campo-telefone-busca {
  border-bottom-color: var(--cor-divisor, var(--ag-divider, var(--ag-border)));
}

/* /assets/kit/fuso-horario/fusoHorario.css */
/* fusoHorario.css — <select class="kit-fuso-select"> (gaveta fuso-horario, card logiccos_library#269).
 * Esqueleto estrutural sobre os tokens --ag-*; lapidação visual é do Gemini (fora do ar na entrega — pendência no card). */
.kit-fuso-select {
  box-sizing: border-box;
  width: 100%;
  max-width: 28rem;
  height: 2.5rem;
  padding: 0 0.6rem;
  border: 1px solid var(--ag-borda, #dfe3ea);
  border-radius: 8px;
  background: var(--ag-superficie, #fff);
  color: var(--ag-text, #111827);
  font: inherit;
}
.kit-fuso-select:focus { outline: 2px solid var(--ag-acento, #7dc242); outline-offset: 1px; }

/* /assets/kit/tela-login-email/telaLoginEmail.css */
/* 
 * Gaveta tela-login-email — Visual atualizado Logiccos (Claro/Escuro)
 */

:root {
  --kle-bg: #f4f7fb;
  --kle-grid: rgba(0, 0, 0, 0.04);
  --kle-card-bg: #ffffff;
  --kle-card-border: #dfe3ea;
  --kle-text: #141a2a;
  --kle-text-sec: #5f6368;
  --kle-primaria: #7dc242;
  --kle-on-primaria: #0b1a05;
  --kle-input-bg: transparent;
  --kle-input-border: #dfe3ea;
  --kle-foco: #7dc242;
  --kle-erro: #b3261e;
  --kle-divisor: #dfe3ea;
  --kle-logo-atual: var(--kit-login-logo);
}

:root[data-theme="escuro"] {
  --kle-bg: #0b0f1a;
  --kle-grid: rgba(255, 255, 255, 0.04);
  --kle-card-bg: #141a2a;
  --kle-card-border: rgba(255, 255, 255, 0.08);
  --kle-text: #ffffff;
  --kle-text-sec: #8b92a5;
  --kle-primaria: #7dc242;
  --kle-on-primaria: #0b1a05;
  --kle-input-bg: #0b0f1a;
  --kle-input-border: rgba(255, 255, 255, 0.12);
  --kle-foco: #7dc242;
  --kle-erro: #f2b8b5;
  --kle-divisor: rgba(255, 255, 255, 0.08);
  --kle-logo-atual: var(--kit-login-logo-escuro, var(--kit-login-logo));
}

.kit-login-email-pagina {
  margin: 0;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 24px;
  box-sizing: border-box;
  background-color: var(--kle-bg);
  background-image:
    linear-gradient(var(--kle-grid) 1px, transparent 1px),
    linear-gradient(90deg, var(--kle-grid) 1px, transparent 1px);
  background-size: 40px 40px;
  background-position: center center;
  color: var(--kle-text);
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}

:root[data-theme="escuro"] .kit-login-email-pagina {
  background-image:
    radial-gradient(circle at 50% 40%, rgba(125, 194, 66, 0.06) 0%, transparent 600px),
    linear-gradient(var(--kle-grid) 1px, transparent 1px),
    linear-gradient(90deg, var(--kle-grid) 1px, transparent 1px);
}

/* Marca centralizada fora e acima do cartão */
.kit-login-email-pagina::before {
  content: "";
  display: block;
  width: 180px;
  height: 120px;
  margin-bottom: 16px;
  background-image: var(--kle-logo-atual);
  background-size: contain;
  background-position: center bottom;
  background-repeat: no-repeat;
  flex-shrink: 0;
}

:root[data-theme="escuro"] .kit-login-email-pagina::before {
  background-image: none;
  background-color: var(--kle-primaria);
  -webkit-mask-image: var(--kle-logo-atual);
  mask-image: var(--kle-logo-atual);
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center bottom;
  mask-position: center bottom;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  filter: drop-shadow(0 0 16px rgba(125, 194, 66, 0.45));
}

/* o contêiner do produto (#entrar) é item flex e encolhia ao conteúdo: ocupa a largura do cartão */
.kit-login-email-pagina > div:not(.kit-login-email-caixa) {
  width: 100%;
  max-width: 440px;
}

.kit-login-email-caixa {
  position: relative;
  width: 100%;
  max-width: 440px;
  box-sizing: border-box;
  padding: 40px 40px 40px;
  border-radius: 24px;
  background: var(--kle-card-bg);
  border: 1px solid var(--kle-card-border);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.04);
}

:root[data-theme="escuro"] .kit-login-email-caixa {
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.2);
}

.kit-login-email-caixa section[hidden],
.kit-login-email-caixa [hidden] {
  display: none !important;
}

/* Topo do cartão contendo Subtítulo e link Voltar (Grid 3 colunas) */
.kit-login-email-topo {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  margin-bottom: 32px;
}

.kit-login-email-voltar {
  grid-column: 1;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--kle-text-sec);
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  transition: color 0.2s;
}

.kit-login-email-voltar:hover {
  color: var(--kle-text);
  text-decoration: underline;
}

.kit-login-email-marca {
  grid-column: 2;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  color: var(--kle-text-sec);
  text-align: center;
  white-space: nowrap;
  margin: 0;
}

.kit-login-email-titulo {
  margin: 0 0 24px;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.25;
  text-align: center;
  color: var(--kle-text);
}

.kit-login-email-subtitulo {
  display: none;
}

/* ---- Social ---- */
.kit-login-email-social {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.kit-login-email-botao-social {
  box-sizing: border-box;
  width: 100%;
  height: 48px;
  padding: 0 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  border-radius: 12px;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
  transition: background 0.2s, transform 0.1s;
}

.kit-login-email-botao-social:active {
  transform: scale(0.98);
}

.kit-login-email-botao-social:focus-visible {
  outline: 3px solid var(--kle-foco);
  outline-offset: 2px;
}

.kit-login-email-botao-social svg {
  flex: none;
}

/* Padrões Claro */
.kit-login-email-botao-social--google {
  background: #ffffff;
  color: #1f1f1f;
  border: 1px solid var(--kle-card-border);
}
.kit-login-email-botao-social--google:hover {
  background: #f8f9fa;
}

.kit-login-email-botao-social--apple {
  background: #000000;
  color: #ffffff;
  border: 1px solid #000000;
}
.kit-login-email-botao-social--apple:hover {
  background: #333333;
}

/* Padrões Escuro */
:root[data-theme="escuro"] .kit-login-email-botao-social--google {
  background: #ffffff;
  color: #1f1f1f;
  border: 1px solid #ffffff;
}
:root[data-theme="escuro"] .kit-login-email-botao-social--google:hover {
  background: #e3e3e3;
}

/* card #166: no escuro a Apple vira o estilo "branco" da própria Apple — preto sumia no fundo. */
:root[data-theme="escuro"] .kit-login-email-botao-social--apple {
  background: #ffffff;
  color: #000000;
  border: 1px solid #ffffff;
}
:root[data-theme="escuro"] .kit-login-email-botao-social--apple:hover {
  background: #e3e3e3;
}

.kit-login-email-divisor {
  display: flex;
  align-items: center;
  gap: 16px;
  margin: 24px 0;
  font-size: 12px;
  color: var(--kle-text-sec);
}

.kit-login-email-divisor::before,
.kit-login-email-divisor::after {
  content: "";
  flex: 1;
  height: 1px;
  background: var(--kle-divisor);
}

/* ---- Formulário ---- */
.kit-login-email-form {
  display: flex;
  flex-direction: column;
}

.kit-login-email-campo {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 24px;
  font-size: 13px;
  font-weight: 500;
  color: var(--kle-text-sec);
}

/* Neutraliza rótulos flutuantes do layout antigo */
.kit-login-email-campo--flutuante {
  position: relative;
  display: block;
  gap: 0;
  margin-top: 0;
}
.kit-login-email-campo--flutuante label {
  display: none;
}

.kit-login-email-entrada,
.kit-login-email-digito {
  box-sizing: border-box;
  border: 1px solid var(--kle-input-border);
  border-radius: 12px;
  background: var(--kle-input-bg);
  color: var(--kle-text);
  font: inherit;
  transition: border-color 0.2s, box-shadow 0.2s;
}

.kit-login-email-entrada {
  width: 100%;
  height: 48px;
  padding: 0 16px 0 44px;
  font-size: 15px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%235f6368' stroke-width='1.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M21.75 6.75v10.5a2.25 2.25 0 01-2.25 2.25h-15a2.25 2.25 0 01-2.25-2.25V6.75m19.5 0A2.25 2.25 0 0019.5 4.5h-15a2.25 2.25 0 00-2.25 2.25m19.5 0v.243a2.25 2.25 0 01-1.07 1.916l-7.5 4.615a2.25 2.25 0 01-2.36 0L3.32 8.91a2.25 2.25 0 01-1.07-1.916V6.75' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 14px center;
  background-size: 20px 20px;
}

:root[data-theme="escuro"] .kit-login-email-entrada {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%238b92a5' stroke-width='1.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M21.75 6.75v10.5a2.25 2.25 0 01-2.25 2.25h-15a2.25 2.25 0 01-2.25-2.25V6.75m19.5 0A2.25 2.25 0 0019.5 4.5h-15a2.25 2.25 0 00-2.25 2.25m19.5 0v.243a2.25 2.25 0 01-1.07 1.916l-7.5 4.615a2.25 2.25 0 01-2.36 0L3.32 8.91a2.25 2.25 0 01-1.07-1.916V6.75' /%3E%3C/svg%3E");
}

.kit-login-email-entrada:focus,
.kit-login-email-digito:focus {
  outline: none;
  border-color: var(--kle-foco);
  box-shadow: 0 0 0 1px var(--kle-foco);
}

.kit-login-email-status {
  font-size: 13px;
  text-align: center;
  color: var(--kle-text-sec);
}

.kit-login-email-status:empty {
  display: none;
}

.kit-login-email-status:not(:empty) {
  margin-top: -16px;
  margin-bottom: 24px;
}

.kit-login-email-status--erro {
  color: var(--kle-erro);
}

/* Passo do código */
.kit-login-email-codigo {
  border: 0;
  margin: 0 0 24px;
  padding: 0;
  display: flex;
  justify-content: center;
  gap: 12px;
  min-width: 0;
}

.kit-login-email-codigo legend {
  width: 100%;
  margin-bottom: 16px;
  padding: 0;
  font-size: 14px;
  text-align: center;
  color: var(--kle-text-sec);
}

.kit-login-email-digito {
  width: 48px;
  height: 56px;
  padding: 0;
  font-size: 24px;
  text-align: center;
  border-radius: 12px;
  min-width: 0;
}

/* CTA Principal */
.kit-login-email-botao {
  width: 100%;
  height: 48px;
  border: 0;
  border-radius: 12px;
  background: var(--kle-primaria);
  color: var(--kle-on-primaria);
  font: inherit;
  font-size: 15px;
  font-weight: 700;
  cursor: pointer;
  transition: transform 0.1s, box-shadow 0.2s, opacity 0.2s;
}

:root[data-theme="escuro"] .kit-login-email-botao {
  box-shadow: 0 0 16px rgba(125, 194, 66, 0.3);
}

.kit-login-email-botao:hover:not(:disabled) {
  transform: translateY(-1px);
}

:root[data-theme="escuro"] .kit-login-email-botao:hover:not(:disabled) {
  box-shadow: 0 4px 20px rgba(125, 194, 66, 0.45);
}

.kit-login-email-botao:active:not(:disabled) {
  transform: scale(0.98);
}

.kit-login-email-botao:focus-visible {
  outline: 3px solid var(--kle-foco);
  outline-offset: 2px;
}

.kit-login-email-botao:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  transform: none;
  box-shadow: none;
}

/* Rodapé (fora do cartão) */
.kit-login-email-rodape {
  margin-top: 24px;
  font-size: 13px;
  text-align: center;
  color: var(--kle-text-sec);
}

.kit-login-email-rodape a,
.kit-login-email-rodape button,
.kit-login-email-link {
  border: 0;
  padding: 0;
  background: none;
  color: var(--kle-text);
  font: inherit;
  font-size: inherit;
  font-weight: 700;
  text-decoration: none;
  cursor: pointer;
  transition: color 0.2s;
}

.kit-login-email-rodape a:hover,
.kit-login-email-rodape button:hover,
.kit-login-email-link:hover {
  text-decoration: underline;
}

.kit-login-email-link:disabled {
  color: var(--kle-text-sec);
  cursor: not-allowed;
  text-decoration: none;
}

/* Extras e Loading */
.kit-login-email-extra {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-bottom: 24px;
}
.kit-login-email-extra:empty {
  display: none;
}

.kit-login-email-acoes {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  margin-top: 16px;
}
.kit-login-email-acoes p {
  margin: 0;
}
.kit-login-email-acoes:empty {
  display: none;
}

.kit-login-email-carregando {
  text-align: center;
  padding: 32px 0;
  color: var(--kle-text-sec);
}

.kit-login-email-carregando::before {
  content: "";
  display: block;
  width: 28px;
  height: 28px;
  margin: 0 auto 12px;
  border: 3px solid var(--kle-input-border);
  border-top-color: var(--kle-primaria);
  border-radius: 50%;
  animation: kit-login-email-gira 0.8s linear infinite;
}

@keyframes kit-login-email-gira {
  to { transform: rotate(360deg); }
}

/* Responsivo Celular */
@media (max-width: 639px) {
  .kit-login-email-pagina {
    padding: 0;
    justify-content: flex-start;
  }
  
  .kit-login-email-pagina::before {
    margin-top: 32px;
    width: 140px;
    height: 100px;
  }

  .kit-login-email-caixa {
    padding: 32px 24px;
    border-radius: 0;
    border: none;
    box-shadow: none;
    background: transparent;
  }

  :root[data-theme="escuro"] .kit-login-email-caixa {
    box-shadow: none;
  }

  .kit-login-email-titulo {
    font-size: 24px;
  }

  .kit-login-email-codigo {
    gap: 8px;
  }

  .kit-login-email-digito {
    width: 42px;
  }
}

@media (max-width: 340px) {
  .kit-login-email-digito {
    width: 36px;
  }
}

/* Desktop (>=1024px): cartão e marca maiores para monitor cheio (retorno do dono, card #163) */
@media (min-width: 1024px) {
  .kit-login-email-pagina > div:not(.kit-login-email-caixa),
  .kit-login-email-caixa {
    max-width: clamp(480px, 25vw, 560px);
  }
  .kit-login-email-pagina::before {
    width: clamp(240px, 13vw, 300px);
    height: clamp(160px, 8.7vw, 200px);
    margin-bottom: 24px;
  }
  .kit-login-email-titulo { font-size: 22px; }
  .kit-login-email-marca,
  .kit-login-email-campo,
  .kit-login-email-rodape,
  .kit-login-email-status { font-size: 13px; }
  .kit-login-email-entrada { height: 48px; }
}

/* /assets/kit/modal/modal.css */
/* modal.css — modal padrão dos produtos (card #167). Só tokens do tema (tema-logiccos: --cor-*, --raio-*,
   --brilho-*), com recuo para quem ainda não carregou o tema. Comportamento em modal.browser.js.
   Card #210: cada token do tema-logiccos recua para o equivalente do tema-claro-escuro (--cor-superficie*,
   --cor-contorno, --cor-primaria*, --cor-campo-*) antes do valor fixo — sem isso, no escuro desse tema o
   cabeçalho caía no #f8fafc com o --cor-texto claro por cima. */
.kit-modal{
  --kit-modal-largura:36rem;
  box-sizing:border-box;padding:0;margin:auto;
  width:min(var(--kit-modal-largura),calc(100vw - 2rem));height:fit-content;
  min-width:min(18rem,calc(100vw - 2rem));min-height:10rem;
  max-width:calc(100vw - 1rem);max-height:calc(100dvh - 1rem);
  resize:both;overflow:hidden;
  background:var(--cor-painel,var(--cor-superficie,#fff));color:var(--cor-texto,#0f172a);
  border:1px solid var(--cor-borda,var(--cor-contorno,#d5dde8));border-radius:var(--raio-painel,1rem);
  box-shadow:0 24px 48px -12px rgba(0,0,0,.45),var(--brilho-verde-fraco,0 0 0 transparent);
  font-family:var(--fonte-sans,system-ui,sans-serif);
}
.kit-modal[open]{display:flex;flex-direction:column;}
.kit-modal::backdrop{background:var(--scrim,var(--cor-veu,rgba(0,0,0,.6)));backdrop-filter:blur(2px);}
.kit-modal--sm{--kit-modal-largura:24rem;}
.kit-modal[data-redimensionar="false"]{resize:none;}
.kit-modal--md{--kit-modal-largura:36rem;}
.kit-modal--lg{--kit-modal-largura:56rem;}
.kit-modal--full{--kit-modal-largura:100vw;}

.kit-modal__cabecalho{
  flex:0 0 auto;display:flex;align-items:center;gap:.5rem;
  padding:.75rem .75rem .75rem 1rem;border-bottom:1px solid var(--cor-borda,var(--cor-contorno,#d5dde8));
  background:var(--cor-cartao-claro,var(--cor-superficie-1,#f8fafc));cursor:grab;user-select:none;touch-action:none;
}
.kit-modal--arrastando .kit-modal__cabecalho{cursor:grabbing;}
.kit-modal__alca{display:inline-flex;color:var(--cor-texto-suave,var(--cor-texto-secundario,#475569));}
.kit-modal__titulo{flex:1 1 auto;min-width:0;margin:0;font-size:1rem;font-weight:600;line-height:1.3;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--cor-texto,#0f172a);}
.kit-modal__acoes{display:flex;gap:.25rem;flex:0 0 auto;}
.kit-modal__botao{
  display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;
  border:1px solid transparent;border-radius:var(--raio-item,.75rem);background:transparent;
  color:var(--cor-texto-suave,var(--cor-texto-secundario,#475569));cursor:pointer;
}
.kit-modal__botao:hover{background:var(--cor-chip,var(--cor-neutro-fundo,#e6ecf4));color:var(--cor-texto,#0f172a);}
.kit-modal__botao:focus-visible{outline:2px solid var(--cor-verde,var(--cor-foco,#41771a));outline-offset:2px;}

.kit-modal__corpo{flex:1 1 auto;min-height:0;overflow:auto;padding:1rem;overscroll-behavior:contain;}
.kit-modal__rodape{
  flex:0 0 auto;display:flex;gap:.5rem;padding:.75rem 1rem;
  border-top:1px solid var(--cor-borda,var(--cor-contorno,#d5dde8));background:var(--cor-cartao-claro,var(--cor-superficie-1,#f8fafc));
}

/* Regra de formulário: campos e botões ocupam a largura do corpo (o "campo num terço da tela" do card #167). */
.kit-modal__corpo form{display:flex;flex-direction:column;gap:.75rem;width:100%;margin:0;}
.kit-modal__corpo label{display:flex;flex-direction:column;gap:.25rem;width:100%;font-size:.875rem;color:var(--cor-texto-suave,var(--cor-texto-secundario,#475569));}
.kit-modal__corpo :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea){
  box-sizing:border-box;width:100%;max-width:none;
  padding:.625rem .75rem;border:1px solid var(--cor-borda,var(--cor-campo-contorno,#d5dde8));border-radius:var(--raio-item,.75rem);
  background:var(--cor-campo-fundo,var(--cor-fundo,#f3f6fa));color:var(--cor-campo-texto,var(--cor-texto,#0f172a));font:inherit;font-size:.9375rem;
}
.kit-modal__corpo :is(input,select,textarea):focus-visible{outline:2px solid var(--cor-verde,var(--cor-foco,#41771a));outline-offset:1px;border-color:var(--cor-verde,var(--cor-foco,#41771a));}
.kit-modal__corpo label:has(> input[type="checkbox"],> input[type="radio"]){flex-direction:row;align-items:center;gap:.5rem;}
.kit-modal__rodape > :is(button,a){flex:1 1 0;}
.kit-modal__rodape button,.kit-modal__corpo button{
  box-sizing:border-box;min-height:2.5rem;padding:.5rem 1rem;border-radius:var(--raio-item,.75rem);
  border:1px solid var(--cor-borda,var(--cor-contorno,#d5dde8));background:var(--cor-cartao,var(--cor-superficie,#fff));color:var(--cor-texto,#0f172a);
  font:inherit;font-weight:500;cursor:pointer;
}
.kit-modal__rodape .kit-modal__primario,.kit-modal__rodape button[type="submit"]{
  background:var(--cor-verde,var(--cor-primaria,#41771a));border-color:var(--cor-verde,var(--cor-primaria,#41771a));color:var(--cor-sobre-verde,var(--cor-on-primaria,#fff));
}
.kit-modal__rodape .kit-modal__primario:hover,.kit-modal__rodape button[type="submit"]:hover{
  background:var(--cor-verde-hover,var(--cor-primaria-hover,#336116));box-shadow:var(--brilho-verde,none);
}

/* Ação perigosa (ex.: confirmar remover acesso, bloco confirmacao-aviso): vermelho, classe própria para não cair nas
   regras do produto que pintam o primário/submit. */
.kit-modal__rodape .kit-modal__perigo,.kit-modal__rodape button[data-perigo="true"]{
  background:var(--cor-perigo,#dc2626);border-color:var(--cor-perigo,#dc2626);color:#fff;
}
.kit-modal__rodape .kit-modal__perigo:hover,.kit-modal__rodape button[data-perigo="true"]:hover{background:var(--cor-perigo-hover,#b91c1c);border-color:var(--cor-perigo-hover,#b91c1c);}

/* Maximizado e celular: tela toda, sem redimensionar. !important só aqui: vencem o left/top/width/height
   inline que o arraste e o redimensionar deixam (ex.: girou o celular depois de arrastar no tablet). */
.kit-modal--maximizado,.kit-modal--full{border-radius:0;}
.kit-modal--maximizado{
  inset:0 !important;margin:0 !important;width:100vw !important;height:100dvh !important;
  max-width:none;max-height:none;resize:none;border-radius:0;
}
@media (max-width:640px){
  .kit-modal{
    inset:0 !important;margin:0 !important;width:100vw !important;height:100dvh !important;
    min-width:0;max-width:none;max-height:none;resize:none;border-radius:0;border:0;
  }
  .kit-modal__cabecalho{cursor:default;}
  .kit-modal__alca,.kit-modal [data-kit-modal="maximizar"]{display:none;}
  .kit-modal__rodape{flex-direction:column-reverse;}
}
@media (prefers-reduced-motion:no-preference){
  .kit-modal[open]{animation:kit-modal-entra .16s ease-out;}
}
@keyframes kit-modal-entra{from{opacity:0;transform:translateY(8px) scale(.98);}to{opacity:1;transform:none;}}

/* /assets/kit/criar-organizacao/criarOrganizacao.css */
/* criar-organizacao — acabamento da tela "Criar sua organização". Só tokens da library (tema-claro-escuro/tema.css), cada um com valor de reserva: produto sem o tema carrega a tela igual e pode mapear os tokens no seu CSS; dois temas. */
.kit-criar-org { max-width: 28rem; margin: 0 auto; padding: 1.5rem 1rem; color: var(--cor-texto, #1f2937); }
.kit-criar-org [hidden] { display: none !important; }
.kit-criar-org-titulo { margin: 0 0 .25rem; font-size: 1.375rem; font-weight: 700; text-align: center; }
.kit-criar-org-sub { margin: 0 0 1.25rem; font-size: .875rem; line-height: 1.4; text-align: center; color: var(--cor-texto-secundario, #4b5563); }
.kit-criar-org-form { display: flex; flex-direction: column; gap: .875rem; }
.kit-criar-org-campo { display: flex; flex-direction: column; gap: .25rem; font-size: .8125rem; font-weight: 600; }
.kit-criar-org-cresce { flex: 1; min-width: 0; }
.kit-criar-org-entrada { box-sizing: border-box; width: 100%; height: 48px; padding: 0 .875rem; font: inherit; font-size: 1rem; font-weight: 400; color: var(--cor-texto, #1f2937);
  background: var(--cor-superficie, #ffffff); border: 1px solid var(--cor-campo-contorno, #9ca3af); border-radius: .75rem; }
.kit-criar-org-entrada:focus-visible { outline: 3px solid var(--cor-foco, #4f46e5); outline-offset: 2px; }
.kit-criar-org-entrada[readonly] { background: var(--cor-primaria-suave, #eef2ff); color: var(--cor-texto-secundario, #4b5563); }
.kit-criar-org-marca { display: flex; align-items: flex-end; gap: .75rem; }
.kit-criar-org-logo { flex: none; display: inline-flex; width: 48px; height: 48px; align-items: center; justify-content: center; border: 1px solid var(--cor-campo-contorno, #9ca3af); border-radius: .75rem; background: var(--cor-superficie, #ffffff); overflow: hidden; }
.kit-criar-org-logo img { width: 32px; height: 32px; object-fit: contain; }
.kit-criar-org-duplo { display: grid; grid-template-columns: 1fr 1fr; gap: .75rem; }
@media (max-width: 420px) { .kit-criar-org-duplo { grid-template-columns: 1fr; } }
.kit-criar-org-status { min-height: 1.25rem; margin: 0; font-size: .875rem; color: var(--cor-erro-texto, #b91c1c); }
.kit-criar-org-botao { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 0 1.25rem; font: inherit; font-size: .9375rem; font-weight: 600; cursor: pointer;
  color: var(--cor-texto, #1f2937); background: var(--cor-superficie, #ffffff); border: 1px solid var(--cor-campo-contorno, #9ca3af); border-radius: 999px; }
.kit-criar-org-principal { width: 100%; color: var(--cor-primaria-contraste, #fff); background: var(--cor-primaria, #4f46e5); border-color: var(--cor-primaria, #4f46e5); }
.kit-criar-org-botao:focus-visible { outline: 3px solid var(--cor-foco, #4f46e5); outline-offset: 2px; }
.kit-criar-org-botao:disabled, .kit-criar-org-entrada:disabled { opacity: .6; cursor: progress; }
.kit-criar-org-lista { list-style: none; margin: 0 0 1rem; padding: 0; display: flex; flex-direction: column; gap: .5rem; }
.kit-criar-org-convite { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .5rem; padding: .75rem; border: 1px solid var(--cor-campo-contorno, #9ca3af); border-radius: .75rem; background: var(--cor-superficie, #ffffff); }
.kit-criar-org-link { display: block; margin: 0 auto; min-height: 44px; padding: 0 .5rem; font: inherit; font-size: .9375rem; font-weight: 600; cursor: pointer; background: none; border: 0; color: var(--cor-primaria-texto, #3730a3); text-decoration: underline; }

/* /assets/fa/fontawesome.min.css */
/*!
 * Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 * Copyright 2023 Fonticons, Inc.
 */
.fa{font-family:var(--fa-style-family,"Font Awesome 6 Free");font-weight:var(--fa-style,900)}.fa,.fa-brands,.fa-classic,.fa-regular,.fa-sharp,.fa-solid,.fab,.far,.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:var(--fa-display,inline-block);font-style:normal;font-variant:normal;line-height:1;text-rendering:auto}.fa-classic,.fa-regular,.fa-solid,.far,.fas{font-family:"Font Awesome 6 Free"}.fa-brands,.fab{font-family:"Font Awesome 6 Brands"}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-2xs{font-size:.625em;line-height:.1em;vertical-align:.225em}.fa-xs{font-size:.75em;line-height:.08333em;vertical-align:.125em}.fa-sm{font-size:.875em;line-height:.07143em;vertical-align:.05357em}.fa-lg{font-size:1.25em;line-height:.05em;vertical-align:-.075em}.fa-xl{font-size:1.5em;line-height:.04167em;vertical-align:-.125em}.fa-2xl{font-size:2em;line-height:.03125em;vertical-align:-.1875em}.fa-fw{text-align:center;width:1.25em}.fa-ul{list-style-type:none;margin-left:var(--fa-li-margin,2.5em);padding-left:0}.fa-ul>li{position:relative}.fa-li{left:calc(var(--fa-li-width, 2em)*-1);position:absolute;text-align:center;width:var(--fa-li-width,2em);line-height:inherit}.fa-border{border-radius:var(--fa-border-radius,.1em);border:var(--fa-border-width,.08em) var(--fa-border-style,solid) var(--fa-border-color,#eee);padding:var(--fa-border-padding,.2em .25em .15em)}.fa-pull-left{float:left;margin-right:var(--fa-pull-margin,.3em)}.fa-pull-right{float:right;margin-left:var(--fa-pull-margin,.3em)}.fa-beat{-webkit-animation-name:fa-beat;animation-name:fa-beat;-webkit-animation-delay:var(--fa-animation-delay,0s);animation-delay:var(--fa-animation-delay,0s);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,ease-in-out);animation-timing-function:var(--fa-animation-timing,ease-in-out)}.fa-bounce{-webkit-animation-name:fa-bounce;animation-name:fa-bounce;-webkit-animation-delay:var(--fa-animation-delay,0s);animation-delay:var(--fa-animation-delay,0s);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,cubic-bezier(.28,.84,.42,1));animation-timing-function:var(--fa-animation-timing,cubic-bezier(.28,.84,.42,1))}.fa-fade{-webkit-animation-name:fa-fade;animation-name:fa-fade;-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1));animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1))}.fa-beat-fade,.fa-fade{-webkit-animation-delay:var(--fa-animation-delay,0s);animation-delay:var(--fa-animation-delay,0s);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s)}.fa-beat-fade{-webkit-animation-name:fa-beat-fade;animation-name:fa-beat-fade;-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1));animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1))}.fa-flip{-webkit-animation-name:fa-flip;animation-name:fa-flip;-webkit-animation-delay:var(--fa-animation-delay,0s);animation-delay:var(--fa-animation-delay,0s);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,ease-in-out);animation-timing-function:var(--fa-animation-timing,ease-in-out)}.fa-shake{-webkit-animation-name:fa-shake;animation-name:fa-shake;-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,linear);animation-timing-function:var(--fa-animation-timing,linear)}.fa-shake,.fa-spin{-webkit-animation-delay:var(--fa-animation-delay,0s);animation-delay:var(--fa-animation-delay,0s);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal)}.fa-spin{-webkit-animation-name:fa-spin;animation-name:fa-spin;-webkit-animation-duration:var(--fa-animation-duration,2s);animation-duration:var(--fa-animation-duration,2s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,linear);animation-timing-function:var(--fa-animation-timing,linear)}.fa-spin-reverse{--fa-animation-direction:reverse}.fa-pulse,.fa-spin-pulse{-webkit-animation-name:fa-spin;animation-name:fa-spin;-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,steps(8));animation-timing-function:var(--fa-animation-timing,steps(8))}@media (prefers-reduced-motion:reduce){.fa-beat,.fa-beat-fade,.fa-bounce,.fa-fade,.fa-flip,.fa-pulse,.fa-shake,.fa-spin,.fa-spin-pulse{-webkit-animation-delay:-1ms;animation-delay:-1ms;-webkit-animation-duration:1ms;animation-duration:1ms;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:0s;transition-duration:0s}}@-webkit-keyframes fa-beat{0%,90%{-webkit-transform:scale(1);transform:scale(1)}45%{-webkit-transform:scale(var(--fa-beat-scale,1.25));transform:scale(var(--fa-beat-scale,1.25))}}@keyframes fa-beat{0%,90%{-webkit-transform:scale(1);transform:scale(1)}45%{-webkit-transform:scale(var(--fa-beat-scale,1.25));transform:scale(var(--fa-beat-scale,1.25))}}@-webkit-keyframes fa-bounce{0%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}10%{-webkit-transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0);transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0)}30%{-webkit-transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em));transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em))}50%{-webkit-transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0);transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0)}57%{-webkit-transform:scale(1) translateY(var(--fa-bounce-rebound,-.125em));transform:scale(1) translateY(var(--fa-bounce-rebound,-.125em))}64%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}to{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}}@keyframes fa-bounce{0%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}10%{-webkit-transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0);transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0)}30%{-webkit-transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em));transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em))}50%{-webkit-transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0);transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0)}57%{-webkit-transform:scale(1) translateY(var(--fa-bounce-rebound,-.125em));transform:scale(1) translateY(var(--fa-bounce-rebound,-.125em))}64%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}to{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}}@-webkit-keyframes fa-fade{50%{opacity:var(--fa-fade-opacity,.4)}}@keyframes fa-fade{50%{opacity:var(--fa-fade-opacity,.4)}}@-webkit-keyframes fa-beat-fade{0%,to{opacity:var(--fa-beat-fade-opacity,.4);-webkit-transform:scale(1);transform:scale(1)}50%{opacity:1;-webkit-transform:scale(var(--fa-beat-fade-scale,1.125));transform:scale(var(--fa-beat-fade-scale,1.125))}}@keyframes fa-beat-fade{0%,to{opacity:var(--fa-beat-fade-opacity,.4);-webkit-transform:scale(1);transform:scale(1)}50%{opacity:1;-webkit-transform:scale(var(--fa-beat-fade-scale,1.125));transform:scale(var(--fa-beat-fade-scale,1.125))}}@-webkit-keyframes fa-flip{50%{-webkit-transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg));transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg))}}@keyframes fa-flip{50%{-webkit-transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg));transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg))}}@-webkit-keyframes fa-shake{0%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}4%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}8%,24%{-webkit-transform:rotate(-18deg);transform:rotate(-18deg)}12%,28%{-webkit-transform:rotate(18deg);transform:rotate(18deg)}16%{-webkit-transform:rotate(-22deg);transform:rotate(-22deg)}20%{-webkit-transform:rotate(22deg);transform:rotate(22deg)}32%{-webkit-transform:rotate(-12deg);transform:rotate(-12deg)}36%{-webkit-transform:rotate(12deg);transform:rotate(12deg)}40%,to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes fa-shake{0%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}4%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}8%,24%{-webkit-transform:rotate(-18deg);transform:rotate(-18deg)}12%,28%{-webkit-transform:rotate(18deg);transform:rotate(18deg)}16%{-webkit-transform:rotate(-22deg);transform:rotate(-22deg)}20%{-webkit-transform:rotate(22deg);transform:rotate(22deg)}32%{-webkit-transform:rotate(-12deg);transform:rotate(-12deg)}36%{-webkit-transform:rotate(12deg);transform:rotate(12deg)}40%,to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.fa-rotate-90{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-webkit-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-webkit-transform:scaleX(-1);transform:scaleX(-1)}.fa-flip-vertical{-webkit-transform:scaleY(-1);transform:scaleY(-1)}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical{-webkit-transform:scale(-1);transform:scale(-1)}.fa-rotate-by{-webkit-transform:rotate(var(--fa-rotate-angle,none));transform:rotate(var(--fa-rotate-angle,none))}.fa-stack{display:inline-block;height:2em;line-height:2em;position:relative;vertical-align:middle;width:2.5em}.fa-stack-1x,.fa-stack-2x{left:0;position:absolute;text-align:center;width:100%;z-index:var(--fa-stack-z-index,auto)}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:var(--fa-inverse,#fff)}

.fa-trash-alt:before,.fa-trash-can:before{content:"\f2ed"}.fa-comment-alt:before,.fa-message:before{content:"\f27a"}.fa-file-alt:before,.fa-file-lines:before,.fa-file-text:before{content:"\f15c"}.fa-right-from-bracket:before,.fa-sign-out-alt:before{content:"\f2f5"}.fa-flag-checkered:before{content:"\f11e"}.fa-pencil-alt:before,.fa-pencil:before{content:"\f303"}.fa-comments:before{content:"\f086"}.fa-users-slash:before{content:"\e073"}.fa-circle-exclamation:before,.fa-exclamation-circle:before{content:"\f06a"}.fa-folder-plus:before{content:"\f65e"}.fa-lock:before{content:"\f023"}.fa-edit:before,.fa-pen-to-square:before{content:"\f044"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-users:before{content:"\f0c0"}.fa-chevron-up:before{content:"\f077"}.fa-magic-wand-sparkles:before,.fa-wand-magic-sparkles:before{content:"\e2ca"}.fa-user:before{content:"\f007"}.fa-bullhorn:before{content:"\f0a1"}.fa-globe:before{content:"\f0ac"}.fa-ban:before,.fa-cancel:before{content:"\f05e"}.fa-star:before{content:"\f005"}.fa-crown:before{content:"\f521"}.fa-toggle-on:before{content:"\f205"}.fa-headset:before{content:"\f590"}.fa-user-edit:before,.fa-user-pen:before{content:"\f4ff"}.fa-microphone:before{content:"\f130"}.fa-rotate-back:before,.fa-rotate-backward:before,.fa-rotate-left:before,.fa-undo-alt:before{content:"\f2ea"}.fa-columns:before,.fa-table-columns:before{content:"\f0db"}.fa-handshake:before{content:"\f2b5"}.fa-gem:before{content:"\f3a5"}.fa-angle-double-right:before,.fa-angles-right:before{content:"\f101"}.fa-check-circle:before,.fa-circle-check:before{content:"\f058"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-pause:before{content:"\f04c"}.fa-arrows-rotate:before,.fa-refresh:before,.fa-sync:before{content:"\f021"}.fa-shield-alt:before,.fa-shield-halved:before{content:"\f3ed"}.fa-layer-group:before{content:"\f5fd"}.fa-filter:before{content:"\f0b0"}.fa-arrow-up-right-from-square:before,.fa-external-link:before{content:"\f08e"}.fa-bolt-lightning:before{content:"\e0b7"}.fa-chart-line:before,.fa-line-chart:before{content:"\f201"}.fa-arrow-right:before{content:"\f061"}.fa-circle-pause:before,.fa-pause-circle:before{content:"\f28b"}.fa-wallet:before{content:"\f555"}.fa-circle-question:before,.fa-question-circle:before{content:"\f059"}.fa-plane-departure:before{content:"\f5b0"}.fa-route:before{content:"\f4d7"}.fa-eye:before{content:"\f06e"}.fa-user-slash:before{content:"\f506"}.fa-pen:before{content:"\f304"}.fa-floppy-disk:before,.fa-save:before{content:"\f0c7"}.fa-tag:before{content:"\f02b"}.fa-envelope:before{content:"\f0e0"}.fa-paperclip:before{content:"\f0c6"}.fa-circle-info:before,.fa-info-circle:before{content:"\f05a"}.fa-arrow-left-rotate:before,.fa-arrow-rotate-back:before,.fa-arrow-rotate-backward:before,.fa-arrow-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-clock-four:before,.fa-clock:before{content:"\f017"}.fa-network-wired:before{content:"\f6ff"}.fa-ellipsis-v:before,.fa-ellipsis-vertical:before{content:"\f142"}.fa-drivers-license:before,.fa-id-card:before{content:"\f2c2"}.fa-stop:before{content:"\f04d"}.fa-file-arrow-down:before,.fa-file-download:before{content:"\f56d"}.fa-bolt:before,.fa-zap:before{content:"\f0e7"}.fa-sun:before{content:"\f185"}.fa-boxes-alt:before,.fa-boxes-stacked:before,.fa-boxes:before{content:"\f468"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-play:before{content:"\f04b"}.fa-magnifying-glass:before,.fa-search:before{content:"\f002"}.fa-receipt:before{content:"\f543"}.fa-chevron-down:before{content:"\f078"}.fa-user-shield:before{content:"\f505"}.fa-copy:before{content:"\f0c5"}.fa-add:before,.fa-plus:before{content:"\2b"}.fa-close:before,.fa-multiply:before,.fa-remove:before,.fa-times:before,.fa-xmark:before{content:"\f00d"}.fa-chevron-right:before{content:"\f054"}.fa-rotate:before,.fa-sync-alt:before{content:"\f2f1"}.fa-robot:before{content:"\f544"}.fa-building:before{content:"\f1ad"}.fa-angle-double-left:before,.fa-angles-left:before{content:"\f100"}.fa-moon:before{content:"\f186"}.fa-calendar:before{content:"\f133"}.fa-fire-alt:before,.fa-fire-flame-curved:before{content:"\f7e4"}.fa-balance-scale:before,.fa-scale-balanced:before{content:"\f24e"}.fa-user-plus:before{content:"\f234"}.fa-check:before{content:"\f00c"}.fa-exclamation-triangle:before,.fa-triangle-exclamation:before,.fa-warning:before{content:"\f071"}.fa-paper-plane:before{content:"\f1d8"}.fa-plane:before{content:"\f072"}.fa-print:before{content:"\f02f"}
.fa-sr-only,.fa-sr-only-focusable:not(:focus),.sr-only,.sr-only-focusable:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}:host,:root{--fa-style-family-brands:"Font Awesome 6 Brands";--fa-font-brands:normal 400 1em/1 "Font Awesome 6 Brands"}@font-face{font-family:"Font Awesome 6 Brands";font-style:normal;font-weight:400;font-display:block;src:url(/assets/fa/fa-brands-400.woff2?v=fe43f4c2ac71) format("woff2"),url(/assets/fa/fa-brands-400.ttf) format("truetype")}.fa-brands,.fab{font-weight:400}.fa-whatsapp:before{content:"\f232"}.fa-telegram-plane:before,.fa-telegram:before{content:"\f2c6"}:host,:root{--fa-font-regular:normal 400 1em/1 "Font Awesome 6 Free"}@font-face{font-family:"Font Awesome 6 Free";font-style:normal;font-weight:400;font-display:block;src:url(/assets/fa/fa-regular-400.woff2?v=d9251b7ec690) format("woff2"),url(/assets/fa/fa-regular-400.ttf) format("truetype")}.fa-regular,.far{font-weight:400}:host,:root{--fa-style-family-classic:"Font Awesome 6 Free";--fa-font-solid:normal 900 1em/1 "Font Awesome 6 Free"}@font-face{font-family:"Font Awesome 6 Free";font-style:normal;font-weight:900;font-display:block;src:url(/assets/fa/fa-solid-900.woff2?v=ca2b85494381) format("woff2"),url(/assets/fa/fa-solid-900.ttf) format("truetype")}.fa-solid,.fas{font-weight:900}@font-face{font-family:"Font Awesome 5 Brands";font-display:block;font-weight:400;src:url(/assets/fa/fa-brands-400.woff2?v=fe43f4c2ac71) format("woff2"),url(/assets/fa/fa-brands-400.ttf) format("truetype")}@font-face{font-family:"Font Awesome 5 Free";font-display:block;font-weight:900;src:url(/assets/fa/fa-solid-900.woff2?v=ca2b85494381) format("woff2"),url(/assets/fa/fa-solid-900.ttf) format("truetype")}@font-face{font-family:"Font Awesome 5 Free";font-display:block;font-weight:400;src:url(/assets/fa/fa-regular-400.woff2?v=d9251b7ec690) format("woff2"),url(/assets/fa/fa-regular-400.ttf) format("truetype")}@font-face{font-family:"FontAwesome";font-display:block;src:url(/assets/fa/fa-solid-900.woff2?v=ca2b85494381) format("woff2"),url(/assets/fa/fa-solid-900.ttf) format("truetype")}@font-face{font-family:"FontAwesome";font-display:block;src:url(/assets/fa/fa-brands-400.woff2?v=fe43f4c2ac71) format("woff2"),url(/assets/fa/fa-brands-400.ttf) format("truetype")}@font-face{font-family:"FontAwesome";font-display:block;src:url(/assets/fa/fa-regular-400.woff2?v=d9251b7ec690) format("woff2"),url(/assets/fa/fa-regular-400.ttf) format("truetype");unicode-range:u+f003,u+f006,u+f014,u+f016-f017,u+f01a-f01b,u+f01d,u+f022,u+f03e,u+f044,u+f046,u+f05c-f05d,u+f06e,u+f070,u+f087-f088,u+f08a,u+f094,u+f096-f097,u+f09d,u+f0a0,u+f0a2,u+f0a4-f0a7,u+f0c5,u+f0c7,u+f0e5-f0e6,u+f0eb,u+f0f6-f0f8,u+f10c,u+f114-f115,u+f118-f11a,u+f11c-f11d,u+f133,u+f147,u+f14e,u+f150-f152,u+f185-f186,u+f18e,u+f190-f192,u+f196,u+f1c1-f1c9,u+f1d9,u+f1db,u+f1e3,u+f1ea,u+f1f7,u+f1f9,u+f20a,u+f247-f248,u+f24a,u+f24d,u+f255-f25b,u+f25d,u+f271-f274,u+f278,u+f27b,u+f28c,u+f28e,u+f29c,u+f2b5,u+f2b7,u+f2ba,u+f2bc,u+f2be,u+f2c0-f2c1,u+f2c3,u+f2d0,u+f2d2,u+f2d4,u+f2dc}@font-face{font-family:"FontAwesome";font-display:block;src:url(/assets/fa/fa-v4compatibility.woff2) format("woff2"),url(/assets/fa/fa-v4compatibility.ttf) format("truetype");unicode-range:u+f041,u+f047,u+f065-f066,u+f07d-f07e,u+f080,u+f08b,u+f08e,u+f090,u+f09a,u+f0ac,u+f0ae,u+f0b2,u+f0d0,u+f0d6,u+f0e4,u+f0ec,u+f10a-f10b,u+f123,u+f13e,u+f148-f149,u+f14c,u+f156,u+f15e,u+f160-f161,u+f163,u+f175-f178,u+f195,u+f1f8,u+f219,u+f27a}
/* /assets/kit/barra-digitar/barraDigitar.css */
/* barraDigitar.css — visual da barra de digitar (card logiccos_library#262).
 * BASE: Stitch (regra do dono de 07/10) — projeto 16649746401696670865, tela 57e79a4a75404a2398b5a4ec8e3a6b5f
 * ("Agendou - Chat & Composer Dark Theme", 17/10/2026). As classes do Tailwind da tela foram traduzidas uma a uma
 * (comentário à direita de cada regra); a COR vem dos tokens da casa (--ag-*), com o valor do Stitch como reserva.
 * Diferença deliberada do Stitch: a faixa de gravação fica NO LUGAR da pílula e o botão redondo vira enviar (pedido do dono,
 * ajuste 9 do agenda_f#1824); o Stitch desenhou a faixa num cartão à parte, com um botão de enviar menor só dela. */
.kit-barra { position: relative; display: flex; flex-direction: column; padding: 8px 12px; box-sizing: border-box; } /* px-3 */
.kit-barra [hidden] { display: none !important; }
.kit-barra[data-tem-texto] [data-icone-mic] { display: none; }
.kit-barra:not([data-tem-texto]) [data-icone-enviar] { display: none; }
.kit-barra-linha { display: flex; align-items: flex-end; gap: 8px; } /* flex items-center gap-2 (flex-end: a pílula cresce para cima) */

/* pílula: flex-1 min-w-0 bg-[#1f2937] border border-[#374151] rounded-full px-3.5 py-2.5 shadow-sm, foco border + ring-2 /25 */
.kit-barra-pilula { flex: 1; min-width: 0; display: flex; align-items: flex-end; min-height: 44px; padding: 0 14px; box-sizing: border-box;
  background: var(--ag-surface-3, #1f2937); border: 1px solid var(--ag-border, #374151); border-radius: 22px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .05); transition: border-color .15s, box-shadow .15s; }
.kit-barra-pilula:focus-within { border-color: var(--ag-accent, #6366f1); box-shadow: 0 0 0 2px rgba(99, 102, 241, .25); }
.kit-barra[data-gravando] .kit-barra-pilula { display: none; }
/* campo: flex-1 min-w-0 bg-transparent border-0 px-2 text-body-md (14/20) text-[#e5e7eb] placeholder:text-[#9ca3af] */
.kit-barra-pilula textarea { flex: 1; min-width: 0; box-sizing: border-box; border: 0; outline: none; resize: none; background: transparent;
  padding: 12px 8px; max-height: 100px; overflow-y: auto; font: inherit; font-size: 15px; line-height: 20px; color: var(--ag-text, #e5e7eb); }
.kit-barra-pilula textarea::placeholder { color: var(--ag-muted, #9ca3af); }
/* emoji e clipe: w-6 h-6 rounded-full text-[#9ca3af] hover:text-[#e5e7eb] shrink-0 (a área de toque cresce 10px por fora, sem mudar o desenho) */
.kit-barra-icone-botao { width: 24px; height: 24px; flex: none; display: flex; align-items: center; justify-content: center; border: 0; padding: 0; cursor: pointer;
  border-radius: 50%; background: transparent; color: var(--ag-muted, #9ca3af); transition: color .15s; position: relative; }
.kit-barra-icone-botao::after { content: ''; position: absolute; inset: -10px; }
.kit-barra-icone-botao:hover { color: var(--ag-text, #e5e7eb); }
.kit-barra-pilula > .kit-barra-icone-botao { margin-bottom: 10px; }

/* botão redondo: w-11 h-11 shrink-0 rounded-full bg-[#6366f1] hover:bg-[#4f46e5] text-white shadow-md active:scale-95 */
.kit-barra-acao { width: 44px; height: 44px; flex: none; display: flex; align-items: center; justify-content: center; border: 0; cursor: pointer;
  border-radius: 50%; background: var(--ag-accent, #6366f1); color: #fff; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);
  transition: background-color .15s, transform .1s; }
.kit-barra-acao:hover { background: var(--ag-accent-hover, #4f46e5); }
.kit-barra-acao:active { transform: scale(.95); }

/* faixa de gravação (no lugar da pílula): mesmas medidas da pílula; dentro, o desenho da faixa do Stitch */
.kit-barra-gravando { flex: 1; min-width: 0; display: flex; align-items: center; gap: 8px; height: 44px; padding: 0 6px 0 8px; box-sizing: border-box;
  background: var(--ag-surface-3, #1f2937); border: 1px solid var(--ag-border, #374151); border-radius: 22px; overflow: hidden; }
/* marca: w-7 h-7 bg-red-950/70 border border-red-500/20 rounded-full; ponto w-2.5 h-2.5 bg-[#ef4444] + animate-ping */
.kit-barra-gravando-marca { position: relative; width: 28px; height: 28px; flex: none; display: flex; align-items: center; justify-content: center;
  border-radius: 50%; background: rgba(69, 10, 10, .7); border: 1px solid rgba(239, 68, 68, .2); }
.kit-barra-gravando-ponto { width: 10px; height: 10px; border-radius: 50%; background: var(--kit-perigo, #ef4444); }
.kit-barra-gravando-marca::before { content: ''; position: absolute; width: 10px; height: 10px; border-radius: 50%; background: var(--kit-perigo, #ef4444);
  opacity: .75; animation: kit-barra-ping 1s cubic-bezier(0, 0, .2, 1) infinite; }
@keyframes kit-barra-ping { 75%, 100% { transform: scale(2); opacity: 0; } }
/* tempo: text-label-sm (11/14, 600) font-bold text-[#e5e7eb]; rótulo text-[10px] text-[#9ca3af]; min-w-[50px] */
.kit-barra-gravando-info { display: flex; flex-direction: column; min-width: 50px; flex: none; }
.kit-barra-gravando-tempo { font-size: 11px; line-height: 1; font-weight: 700; font-variant-numeric: tabular-nums; color: var(--ag-text, #e5e7eb); }
.kit-barra-gravando-rotulo { font-size: 10px; line-height: 1.25; color: var(--ag-muted, #9ca3af); }
/* ondas: flex gap-1 h-6 flex-1 px-1 justify-center; barras w-1 rounded-full #6366f1 / #818cf8 */
.kit-barra-gravando-ondas { flex: 1; min-width: 0; display: flex; align-items: center; justify-content: center; gap: 4px; height: 24px; padding: 0 4px; overflow: hidden; }
.kit-barra-gravando-ondas > span { width: 4px; flex: none; border-radius: 9999px; background: var(--ag-accent, #6366f1); animation: kit-barra-onda 1s ease-in-out infinite; }
.kit-barra-gravando-ondas > span:nth-child(even) { background: #818cf8; }
@keyframes kit-barra-onda { 50% { transform: scaleY(.45); } }
/* cancelar: px-2.5 py-1.5 rounded-full text-[#ef4444] gap-0.5 hover:bg-red-950/40 active:scale-95; rótulo text-label-sm semibold */
.kit-barra-gravando-cancelar { flex: none; display: flex; align-items: center; gap: 2px; padding: 6px 10px; border: 0; border-radius: 9999px; cursor: pointer;
  background: transparent; color: var(--kit-perigo, #ef4444); font: inherit; font-size: 11px; font-weight: 600; transition: background-color .15s, transform .1s; }
.kit-barra-gravando-cancelar:hover { background: rgba(69, 10, 10, .4); }
.kit-barra-gravando-cancelar:active { transform: scale(.95); }
@media (prefers-reduced-motion: reduce) { .kit-barra-gravando-marca::before, .kit-barra-gravando-ondas > span { animation: none; } }

/* foco de teclado (o Stitch só desenhou o foco da pílula; os botões usam o mesmo anel) */
.kit-barra-icone-botao:focus-visible, .kit-barra-acao:focus-visible, .kit-barra-gravando-cancelar:focus-visible, .kit-barra-emojis button:focus-visible {
  outline: 2px solid var(--ag-accent, #6366f1); outline-offset: 2px; }

/* prévia do anexo (fora da tela do Stitch): mesma superfície e borda da pílula */
.kit-barra-previa { display: flex; align-items: center; gap: 8px; margin-bottom: 8px; padding: 6px 10px; border-radius: 12px; font-size: 13px;
  background: var(--ag-surface-3, #1f2937); border: 1px solid var(--ag-border, #374151); }
.kit-barra-previa img { width: 40px; height: 40px; border-radius: 6px; object-fit: cover; }
.kit-barra-previa-doc { width: 40px; height: 40px; flex: none; display: flex; align-items: center; justify-content: center; border-radius: 6px;
  background: var(--ag-surface, #111827); color: var(--ag-muted, #9ca3af); }
.kit-barra-previa-nome { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--ag-text, #e5e7eb); }
.kit-barra-previa-tamanho { flex: none; color: var(--ag-muted, #9ca3af); }
.kit-barra-previa .kit-barra-icone-botao { width: 28px; height: 28px; }

/* emojis (fora da tela do Stitch): painel com a superfície do cabeçalho do Stitch */
.kit-barra-emojis { position: absolute; bottom: 100%; left: 12px; z-index: 10; width: 18rem; max-width: calc(100% - 24px); display: grid;
  grid-template-columns: repeat(8, 2rem); gap: 2px; padding: 6px; border-radius: 12px; box-shadow: 0 8px 24px rgba(0, 0, 0, .25);
  background: var(--ag-surface, #111827); border: 1px solid var(--ag-border, #374151); }
.kit-barra-emojis button { width: 2rem; height: 2rem; border: 0; border-radius: 6px; cursor: pointer; background: none; font-size: 1.25rem; }
.kit-barra-emojis button:hover { background: var(--ag-surface-3, #1f2937); }

/* /assets/kit/chat-multicanal/chatMulticanal.css */
/* =============================================================================
 * chatMulticanal.css — tela do bloco chat-multicanal (card logiccos_library#215)
 * =============================================================================
 * Esqueleto sobre os tokens --ag-* do shell.css (shell-sidebar-iframe); nenhuma cor da casa é inventada aqui
 * (os fallbacks existem só para a tela abrir sem o tema). As cores de marca dos canais (WhatsApp, Telegram) são
 * variáveis próprias --kit-chat-cor-<canal>; o produto pode trocar. Layout: lista 360px · conversa · contexto 320px;
 * abaixo de 1100px o contexto some; abaixo de 768px uma coluna por vez (data-vista="lista|conversa").
 * ========================================================================== */
.kit-chat {
  --kit-chat-cor-whatsapp: #25d366; --kit-chat-cor-telegram: #2aabee; --kit-chat-cor-outro: var(--ag-text-muted, #6b7280);
  --kit-chat-perigo: #dc2626; --kit-chat-ok: #16a34a;
  position: relative; display: grid; grid-template-columns: 360px minmax(0, 1fr) 320px; height: 100%; min-height: 32rem;
  background: var(--ag-bg, #f9fafb); color: var(--ag-text, #111827); font-size: 0.9rem; border: 1px solid var(--ag-border, #e5e7eb); border-radius: 0.75rem; overflow: hidden;
}
.kit-chat--sem-contexto { grid-template-columns: 360px minmax(0, 1fr); }
.kit-chat [hidden] { display: none !important; }
.kit-chat button { font: inherit; color: inherit; cursor: pointer; }
.kit-chat svg { flex: none; }

/* ----- lista ----- */
.kit-chat-lista { display: flex; flex-direction: column; min-height: 0; background: var(--ag-surface, #fff); border-right: 1px solid var(--ag-border, #e5e7eb); }
.kit-chat-lista-topo { display: flex; align-items: baseline; gap: 0.5rem; padding: 0.9rem 1rem 0.4rem; }
.kit-chat-titulo { margin: 0; font-size: 1.05rem; font-weight: 700; }
.kit-chat-total { color: var(--ag-text-muted, #6b7280); font-size: 0.78rem; }
.kit-chat-abas { display: flex; gap: 0.25rem; padding: 0 0.75rem; border-bottom: 1px solid var(--ag-divider, #e5e7eb); }
.kit-chat-aba { flex: 1; white-space: nowrap; padding: 0.55rem 0.25rem; background: none; border: 0; border-bottom: 2px solid transparent; color: var(--ag-text-secondary, #4b5563); font-weight: 600; }
.kit-chat-aba--ativa { color: var(--ag-accent-text, #4338ca); border-bottom-color: var(--ag-accent, #6366f1); }
.kit-chat-subabas { display: flex; gap: 0.35rem; padding: 0.5rem 0.75rem 0; }
.kit-chat-subaba { white-space: nowrap; padding: 0.2rem 0.6rem; border-radius: 999px; border: 1px solid var(--ag-border, #e5e7eb); background: transparent; color: var(--ag-text-secondary, #4b5563); font-size: 0.78rem; }
.kit-chat-subaba--ativa { background: var(--ag-accent-soft, #eef2ff); color: var(--ag-accent-text, #4338ca); border-color: transparent; font-weight: 600; }
.kit-chat-contador { display: inline-block; min-width: 1.2em; padding: 0 0.35em; border-radius: 999px; background: var(--ag-surface-3, #f3f4f6); color: var(--ag-text-secondary, #4b5563); font-size: 0.7rem; font-weight: 700; text-align: center; }
.kit-chat-busca { display: flex; align-items: center; gap: 0.5rem; margin: 0.6rem 0.75rem 0; padding: 0 0.7rem; border: 1px solid var(--ag-border, #e5e7eb); border-radius: 0.6rem; background: var(--ag-surface-3, #f3f4f6); color: var(--ag-text-muted, #6b7280); }
.kit-chat-busca input { flex: 1; min-width: 0; padding: 0.55rem 0; border: 0; outline: 0; background: transparent; color: var(--ag-text, #111827); font: inherit; }
.kit-chat-busca:focus-within { outline: 2px solid var(--ag-focus-ring, #6366f1); }
.kit-chat-chips { display: flex; flex-wrap: wrap; gap: 0.35rem; padding: 0.6rem 0.75rem; }
.kit-chat-chip { display: inline-flex; align-items: center; gap: 0.35rem; padding: 0.25rem 0.65rem; border-radius: 999px; border: 1px solid var(--ag-border, #e5e7eb); background: var(--ag-surface, #fff); color: var(--ag-text-secondary, #4b5563); font-size: 0.78rem; }
.kit-chat-chip--ativo { background: var(--ag-accent-soft, #eef2ff); color: var(--ag-accent-text, #4338ca); border-color: var(--ag-accent, #6366f1); font-weight: 600; }
.kit-chat-chip-estado { color: var(--kit-chat-perigo); display: inline-flex; }
.kit-chat-pausa { margin: 0 0.75rem 0.5rem; padding: 0.4rem 0.6rem; border-radius: 0.5rem; background: var(--ag-accent-soft, #eef2ff); font-size: 0.78rem; }
.kit-chat-rolagem { flex: 1; min-height: 0; overflow-y: auto; }
.kit-chat-itens { list-style: none; margin: 0; padding: 0; }
.kit-chat-item { display: flex; gap: 0.7rem; width: 100%; padding: 0.7rem 0.9rem; text-align: left; background: transparent; border: 0; border-left: 3px solid transparent; border-bottom: 1px solid var(--ag-divider, #e5e7eb); }
.kit-chat-item:hover { background: var(--ag-surface-3, #f3f4f6); }
.kit-chat-item--ativo { background: var(--ag-accent-soft, #eef2ff); border-left-color: var(--ag-accent, #6366f1); }
.kit-chat-item--silenciada { border-left-color: var(--kit-chat-perigo); }
.kit-chat-item--nao-lida .kit-chat-item-nome { font-weight: 700; }
.kit-chat-item-corpo { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 0.15rem; }
.kit-chat-item-linha { display: flex; align-items: center; gap: 0.35rem; min-width: 0; }
.kit-chat-item-nome { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 600; }
.kit-chat-item-hora { margin-left: auto; color: var(--ag-text-muted, #6b7280); font-size: 0.72rem; flex: none; }
.kit-chat-item-previa { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--ag-text-secondary, #4b5563); }
.kit-chat-item-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 0.3rem; color: var(--ag-text-muted, #6b7280); font-size: 0.72rem; }
.kit-chat-item-robo, .kit-chat-item-silencio { display: inline-flex; color: var(--ag-text-muted, #6b7280); }
.kit-chat-item-silencio { color: var(--kit-chat-perigo); }
.kit-chat-pilula { flex: none; min-width: 1.35rem; padding: 0 0.4rem; border-radius: 999px; background: var(--ag-accent, #6366f1); color: #fff; font-size: 0.72rem; font-weight: 700; text-align: center; line-height: 1.35rem; }
.kit-chat-avatar { position: relative; flex: none; display: inline-flex; align-items: center; justify-content: center; width: 2.6rem; height: 2.6rem; border-radius: 50%; background: var(--ag-accent-soft, #eef2ff); color: var(--ag-accent-text, #4338ca); font-weight: 700; font-size: 0.85rem; }
.kit-chat-selo-canal { display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; color: #fff; background: var(--kit-chat-cor-outro); }
.kit-chat-selo-canal--whatsapp { background: var(--kit-chat-cor-whatsapp); }
.kit-chat-selo-canal--telegram { background: var(--kit-chat-cor-telegram); }
.kit-chat-avatar-img { position: absolute; inset: 0; width: 100%; height: 100%; border-radius: 50%; object-fit: cover; }
.kit-chat-avatar .kit-chat-selo-canal { position: absolute; right: -2px; bottom: -2px; width: 1.05rem; height: 1.05rem; border: 2px solid var(--ag-surface, #fff); }
.kit-chat-chip .kit-chat-selo-canal { width: 1.1rem; height: 1.1rem; }
.kit-chat-selo { display: inline-flex; align-items: center; gap: 0.25rem; padding: 0.05rem 0.45rem; border-radius: 999px; background: var(--ag-surface-3, #f3f4f6); color: var(--ag-text-secondary, #4b5563); font-size: 0.7rem; font-weight: 600; }
.kit-chat-selo--info { background: var(--ag-accent-soft, #eef2ff); color: var(--ag-accent-text, #4338ca); }
.kit-chat-selo--robo { background: var(--ag-surface-3, #f3f4f6); }
.kit-chat-selo--humano { background: var(--ag-accent-soft, #eef2ff); color: var(--ag-accent-text, #4338ca); }
.kit-chat-estado { display: flex; flex-direction: column; align-items: center; gap: 0.5rem; padding: 2rem 1rem; text-align: center; color: var(--ag-text-muted, #6b7280); }
.kit-chat-estado p { margin: 0; }
.kit-chat-estado--erro { color: var(--kit-chat-perigo); }
.kit-chat-giro { animation: kit-chat-giro 1s linear infinite; }
@keyframes kit-chat-giro { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .kit-chat-giro { animation: none; } }

/* ----- conversa ----- */
.kit-chat-conversa { position: relative; display: flex; flex-direction: column; min-width: 0; min-height: 0; background: var(--ag-bg, #f9fafb); }
.kit-chat-vazio { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0.5rem; color: var(--ag-text-muted, #6b7280); }
.kit-chat-conversa-miolo { flex: 1; display: flex; flex-direction: column; min-height: 0; position: relative; }
.kit-chat-cabecalho { display: flex; align-items: center; gap: 0.7rem; padding: 0.65rem 1rem; background: var(--ag-surface, #fff); border-bottom: 1px solid var(--ag-border, #e5e7eb); }
.kit-chat-cab-info { flex: 1; min-width: 0; }
.kit-chat-cab-nome { display: flex; align-items: center; flex-wrap: wrap; gap: 0.4rem; font-weight: 700; }
.kit-chat-cab-sub { color: var(--ag-text-muted, #6b7280); font-size: 0.75rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.kit-chat-cab-acoes { display: flex; align-items: center; gap: 0.4rem; }
/* duas classes: .kit-chat-icone-botao (logo abaixo) tem display próprio e vencia esta regra — a seta aparecia no desktop */
.kit-chat-icone-botao.kit-chat-voltar { display: none; }
.kit-chat-botao { display: inline-flex; align-items: center; gap: 0.35rem; padding: 0.4rem 0.8rem; border-radius: 0.5rem; border: 1px solid var(--ag-border, #e5e7eb); background: var(--ag-surface, #fff); font-weight: 600; font-size: 0.82rem; }
.kit-chat-botao--primario { background: var(--ag-accent, #6366f1); border-color: var(--ag-accent, #6366f1); color: #fff; }
.kit-chat-icone-botao { display: inline-flex; align-items: center; justify-content: center; width: 2.2rem; height: 2.2rem; border-radius: 50%; border: 0; background: transparent; color: var(--ag-text-secondary, #4b5563); }
.kit-chat-icone-botao:hover { background: var(--ag-surface-3, #f3f4f6); }
.kit-chat-icone-botao--primario { background: var(--ag-accent, #6366f1); color: #fff; }
.kit-chat-icone-botao--primario:hover { background: var(--ag-accent, #6366f1); filter: brightness(1.1); }
.kit-chat button:focus-visible, .kit-chat textarea:focus-visible, .kit-chat select:focus-visible, .kit-chat input:focus-visible { outline: 2px solid var(--ag-focus-ring, #6366f1); outline-offset: 1px; }
.kit-chat-menu-ancora { position: relative; }
.kit-chat-menu { position: absolute; right: 0; top: 2.4rem; z-index: 20; min-width: 12rem; padding: 0.3rem; border: 1px solid var(--ag-border, #e5e7eb); border-radius: 0.6rem; background: var(--ag-surface, #fff); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12); }
.kit-chat-menu button { display: flex; align-items: center; gap: 0.5rem; width: 100%; padding: 0.5rem 0.6rem; border: 0; border-radius: 0.4rem; background: transparent; text-align: left; }
.kit-chat-menu button:hover { background: var(--ag-surface-3, #f3f4f6); }
.kit-chat-menu-sep { margin: 0.3rem 0.2rem; border: 0; border-top: 1px solid var(--ag-border, #e5e7eb); }
.kit-chat-painel-acao { padding: 0.6rem 1rem; background: var(--ag-surface, #fff); border-bottom: 1px solid var(--ag-border, #e5e7eb); }
.kit-chat-painel-acao form { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 0.5rem; }
.kit-chat-painel-acao label { display: flex; flex-direction: column; gap: 0.2rem; font-size: 0.75rem; color: var(--ag-text-secondary, #4b5563); flex: 1; min-width: 12rem; }
.kit-chat-painel-acao input, .kit-chat-painel-acao select { padding: 0.45rem 0.6rem; border: 1px solid var(--ag-border, #e5e7eb); border-radius: 0.5rem; background: var(--ag-surface, #fff); color: var(--ag-text, #111827); font: inherit; }

.kit-chat-mensagens { flex: 1; min-height: 0; overflow-y: auto; padding: 1rem; display: flex; flex-direction: column; gap: 0.35rem; }
.kit-chat-dia, .kit-chat-novas { align-self: center; margin: 0.6rem 0; }
.kit-chat-dia span { padding: 0.15rem 0.7rem; border-radius: 999px; background: var(--ag-surface, #fff); border: 1px solid var(--ag-border, #e5e7eb); color: var(--ag-text-muted, #6b7280); font-size: 0.72rem; }
.kit-chat-novas { align-self: stretch; display: flex; align-items: center; gap: 0.6rem; color: var(--ag-accent-text, #4338ca); font-size: 0.72rem; font-weight: 700; }
.kit-chat-novas::before, .kit-chat-novas::after { content: ""; flex: 1; height: 1px; background: var(--ag-accent, #6366f1); opacity: 0.5; }
.kit-chat-mais-antigas { align-self: center; color: var(--ag-text-muted, #6b7280); font-size: 0.75rem; min-height: 1rem; }
.kit-chat-msg { display: flex; max-width: 100%; }
.kit-chat-msg--minha { justify-content: flex-end; }
.kit-chat-msg--sistema { justify-content: center; }
.kit-chat-bolha { position: relative; max-width: min(34rem, 80%); padding: 0.45rem 0.7rem 0.3rem; border-radius: 0.8rem; background: var(--ag-surface, #fff); border: 1px solid var(--ag-border, #e5e7eb); overflow-wrap: anywhere; }
.kit-chat-msg--minha .kit-chat-bolha { background: var(--ag-accent-soft, #eef2ff); border-color: transparent; border-bottom-right-radius: 0.2rem; }
.kit-chat-msg--outra .kit-chat-bolha { border-bottom-left-radius: 0.2rem; }
.kit-chat-msg--sistema .kit-chat-bolha { background: transparent; border: 0; color: var(--ag-text-muted, #6b7280); font-size: 0.78rem; }
.kit-chat-bolha--enviando { opacity: 0.7; }
.kit-chat-bolha--erro { border-color: var(--kit-chat-perigo); }
.kit-chat-autor { font-size: 0.72rem; font-weight: 700; color: var(--ag-accent-text, #4338ca); }
.kit-chat-texto { white-space: pre-wrap; }
.kit-chat-citacao { margin-bottom: 0.3rem; padding: 0.25rem 0.5rem; border-left: 3px solid var(--ag-accent, #6366f1); border-radius: 0.3rem; background: var(--ag-surface-3, #f3f4f6); font-size: 0.78rem; color: var(--ag-text-secondary, #4b5563); display: flex; flex-direction: column; }
.kit-chat-meta { display: flex; justify-content: flex-end; align-items: center; gap: 0.25rem; margin-top: 0.1rem; color: var(--ag-text-muted, #6b7280); font-size: 0.68rem; }
.kit-chat-tique { display: inline-flex; }
.kit-chat-tique--lido { color: var(--kit-chat-cor-telegram); }
.kit-chat-tique--erro { color: var(--kit-chat-perigo); }
.kit-chat-midia-img { display: block; max-width: 100%; max-height: 18rem; border-radius: 0.5rem; }
.kit-chat-midia-video { display: block; max-width: 100%; max-height: 18rem; border-radius: 0.5rem; }
.kit-chat-midia-audio { display: block; width: 16rem; max-width: 100%; }
.kit-chat-documento, .kit-chat-midia-rotulo { display: flex; align-items: center; gap: 0.5rem; padding: 0.4rem 0.5rem; border-radius: 0.5rem; background: var(--ag-surface-3, #f3f4f6); color: inherit; text-decoration: none; }
.kit-chat-documento span { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.kit-chat-reenvio { display: flex; gap: 0.4rem; margin-top: 0.3rem; }
.kit-chat-acoes-msg { position: absolute; top: -0.9rem; right: 0.4rem; display: none; gap: 0.15rem; padding: 0.15rem; border: 1px solid var(--ag-border, #e5e7eb); border-radius: 0.5rem; background: var(--ag-surface, #fff); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); z-index: 2; }
.kit-chat-bolha:hover .kit-chat-acoes-msg, .kit-chat-bolha:focus-within .kit-chat-acoes-msg { display: flex; }
.kit-chat-acao-msg { display: inline-flex; align-items: center; gap: 0.3rem; padding: 0.2rem 0.45rem; border: 0; border-radius: 0.35rem; background: transparent; font-size: 0.72rem; white-space: nowrap; }
.kit-chat-acao-msg:hover { background: var(--ag-surface-3, #f3f4f6); }

/* ----- composer ----- */
.kit-chat-composer { position: relative; padding: 0.6rem 0.9rem; background: var(--ag-surface, #fff); border-top: 1px solid var(--ag-border, #e5e7eb); }
.kit-chat-aviso-encerrada, .kit-chat-citando { display: flex; align-items: center; gap: 0.5rem; margin-bottom: 0.5rem; padding: 0.4rem 0.6rem; border-radius: 0.5rem; background: var(--ag-surface-3, #f3f4f6); font-size: 0.8rem; }
.kit-chat-aviso-encerrada span, .kit-chat-citando span { flex: 1; min-width: 0; }
.kit-chat-popover { position: absolute; left: 0.9rem; right: 0.9rem; bottom: calc(100% - 0.2rem); z-index: 10; max-height: 14rem; overflow-y: auto; padding: 0.3rem; border: 1px solid var(--ag-border, #e5e7eb); border-radius: 0.7rem; background: var(--ag-surface, #fff); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.14); }
.kit-chat-resposta { display: flex; gap: 0.6rem; width: 100%; padding: 0.45rem 0.6rem; border: 0; border-radius: 0.4rem; background: transparent; text-align: left; font-size: 0.82rem; }
.kit-chat-resposta strong { flex: none; color: var(--ag-accent-text, #4338ca); }
.kit-chat-resposta span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--ag-text-secondary, #4b5563); }
.kit-chat-resposta--sel, .kit-chat-resposta:hover { background: var(--ag-accent-soft, #eef2ff); }

/* ----- contexto e aviso ----- */
.kit-chat-contexto { min-height: 0; overflow-y: auto; padding: 1rem; background: var(--ag-surface, #fff); border-left: 1px solid var(--ag-border, #e5e7eb); }
.kit-chat-aviso { position: absolute; left: 50%; bottom: 1rem; transform: translateX(-50%); z-index: 30; max-width: 90%; padding: 0.6rem 1rem; border-radius: 0.6rem; background: var(--ag-text, #111827); color: var(--ag-bg, #fff); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25); }
.kit-chat-aviso[data-tipo="erro"] { background: var(--kit-chat-perigo); color: #fff; }
.kit-chat-aviso[data-tipo="sucesso"] { background: var(--kit-chat-ok); color: #fff; }

/* ----- responsivo ----- */
@media (max-width: 1100px) {
  .kit-chat, .kit-chat--sem-contexto { grid-template-columns: 340px minmax(0, 1fr); }
  .kit-chat-contexto { display: none; }
}
@media (max-width: 767px) {
  .kit-chat, .kit-chat--sem-contexto { grid-template-columns: minmax(0, 1fr); border-radius: 0; border-left: 0; border-right: 0; }
  .kit-chat[data-vista="lista"] .kit-chat-conversa { position: relative; display: none; }
  .kit-chat[data-vista="conversa"] .kit-chat-lista { display: none; }
  .kit-chat-icone-botao.kit-chat-voltar { display: inline-flex; }
  .kit-chat-bolha { max-width: 90%; }
  .kit-chat-botao { padding: 0.35rem 0.55rem; }
  .kit-chat-cabecalho { flex-wrap: wrap; }
  .kit-chat-cab-info { flex-basis: calc(100% - 7rem); }
  .kit-chat-cab-acoes { flex-basis: 100%; justify-content: flex-end; order: 3; }
}

/* 1.2.0 (card #225): formatação do WhatsApp, evento, grupos, ação do produto. */
.kit-chat-texto strong, .kit-chat-transcricao strong { font-weight: 700; }
.kit-chat-mono { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 0.85em; padding: 0.05rem 0.3rem; border-radius: 0.3rem; background: var(--ag-surface-3, #f3f4f6); }
.kit-chat-link { color: var(--ag-accent-text, #4338ca); text-decoration: underline; }
.kit-chat-transcricao { margin-top: 0.3rem; padding: 0.3rem 0.5rem; border-radius: 0.4rem; background: var(--ag-surface-3, #f3f4f6); font-size: 0.82rem; color: var(--ag-text-secondary, #4b5563); white-space: pre-wrap; }
.kit-chat-msg--evento { justify-content: center; }
.kit-chat-evento { display: inline-flex; align-items: center; gap: 0.4rem; max-width: 90%; padding: 0.15rem 0.7rem; color: var(--ag-text-muted, #6b7280); font-size: 0.78rem; text-align: center; overflow-wrap: anywhere; }
.kit-chat-evento-hora { font-size: 0.68rem; opacity: 0.8; }
.kit-chat-selo--grupo { background: var(--ag-surface-3, #f3f4f6); color: var(--ag-text-secondary, #4b5563); }
.kit-chat-selo--alerta, .kit-chat-selo--aviso { background: #fef3c7; color: #92400e; }
.kit-chat-selo--erro { background: #fee2e2; color: #991b1b; }
.kit-chat-selo--ok { background: #dcfce7; color: #166534; }
.kit-chat-botao--ativo { background: var(--ag-accent-soft, #eef2ff); color: var(--ag-accent-text, #4338ca); border-color: var(--ag-accent, #6366f1); }
.kit-chat-autor { display: flex; align-items: center; gap: 0.35rem; }
.kit-chat-autor-foto { flex: none; width: 1.2rem; height: 1.2rem; border-radius: 50%; object-fit: cover; }
.kit-chat-autor-foto--iniciais { display: inline-flex; align-items: center; justify-content: center; background: var(--ag-accent-soft, #eef2ff); color: var(--ag-accent-text, #4338ca); font-size: 0.55rem; font-weight: 700; }

/* 1.5.0 (card #229, etapa 1): mídia do chat — resumo da imagem, selinho de reação, foto ampliada no próprio chat */
.kit-chat-midia-link { display: block; padding: 0; border: 0; background: none; cursor: zoom-in; font: inherit; }
.kit-chat-resumo-imagem { margin-top: 0.3rem; font-size: 0.82rem; color: var(--ag-text-secondary, #4b5563); white-space: pre-wrap; }
.kit-chat-msg--com-reacao { margin-bottom: 0.7rem; }
.kit-chat-reacoes { position: absolute; left: 0.5rem; bottom: -0.7rem; display: flex; gap: 0.2rem; z-index: 1; }
.kit-chat-msg--minha .kit-chat-reacoes { left: auto; right: 0.5rem; }
.kit-chat-reacao { display: inline-flex; align-items: center; gap: 0.15rem; padding: 0.05rem 0.4rem; border-radius: 999px; background: var(--ag-surface, #fff); border: 1px solid var(--ag-border, #e5e7eb); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12); font-size: 0.85rem; line-height: 1.3; cursor: default; }
.kit-chat-reacao small { font-size: 0.7rem; color: var(--ag-text-secondary, #4b5563); }
/* Foto ampliada: conteúdo da janela do bloco modal (card #271) — a moldura, o X, o Esc e o foco são do kit-modal. */
.kit-chat-visualizador { position: relative; display: flex; align-items: center; justify-content: center; min-height: 12rem; }
.kit-chat-visualizador-janela { z-index: 1000; }
.kit-chat-visualizador img { max-width: 100%; max-height: 70vh; border-radius: 0.4rem; }

/* ----- painelFiltros (1.7.0, card #232): abas Todas/Não lidas + busca com funil; os chips só aparecem quando há filtro ativo ----- */
.kit-chat-visoes { gap: 0.25rem; margin: 0.25rem 0.75rem 0; padding: 0.2rem; border: 1px solid var(--ag-border, #e5e7eb); border-radius: 0.6rem; background: var(--ag-surface-3, #f3f4f6); }
.kit-chat-visoes .kit-chat-aba { display: inline-flex; align-items: center; justify-content: center; gap: 0.35rem; min-height: 2.25rem; padding: 0.3rem 0.5rem; border: 0; border-radius: 0.45rem; font-size: 0.82rem; }
.kit-chat-visoes .kit-chat-aba--ativa { background: var(--ag-surface, #fff); box-shadow: 0 1px 2px rgba(15, 23, 42, 0.12); }
.kit-chat-filtros { margin: 0.6rem 0.75rem 0; }
.kit-chat-filtros .kit-filtros-chips-barra { flex-wrap: nowrap; gap: 0.5rem; }
.kit-chat-filtros .kit-filtros-chips-busca { flex: 1 1 auto; min-width: 0; height: 2.5rem; border-radius: 0.6rem; background: var(--ag-surface-3, #f3f4f6); }
.kit-chat-filtros .kit-filtros-chips-funil { flex: none; height: 2.5rem; min-width: 2.5rem; padding: 0 0.6rem; border-radius: 0.6rem; }
.kit-chat-filtros .kit-filtros-chips-funil > span:not(.kit-filtros-chips-selo) { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.kit-chat-filtros .kit-filtros-chips-linha { padding-top: 0.5rem; }
@media (max-width: 767px) {
  .kit-chat-visoes .kit-chat-aba { min-height: 2.75rem; }
  .kit-chat-filtros .kit-filtros-chips-busca, .kit-chat-filtros .kit-filtros-chips-funil { height: 2.75rem; }
  .kit-chat-filtros .kit-filtros-chips-funil { min-width: 2.75rem; }
}

/* 1.6.0 (card #234): chat do Agendou no bloco — prévia exata, digitando/gravando, citação clicável, apagada/editada, leitura por IA, vídeo, reagir, pausar IA */
.kit-chat-item-previa { display: flex; align-items: center; gap: 0.25rem; }
.kit-chat-previa-texto { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.kit-chat-previa-icone { display: inline-flex; flex: none; color: var(--ag-text-muted, #6b7280); }
.kit-chat-tique--previa { flex: none; color: var(--ag-text-muted, #6b7280); }
.kit-chat-tique--previa.kit-chat-tique--lido { color: var(--kit-chat-cor-telegram); }
.kit-chat-item-previa--presenca, .kit-chat-presenca { display: inline-flex; align-items: center; gap: 0.3rem; color: var(--kit-chat-ok); font-weight: 600; }
.kit-chat-item-previa--presenca { flex: 1; min-width: 0; }
.kit-chat-presenca { font-size: 0.78rem; }
.kit-chat-citacao--clicavel { cursor: pointer; }
.kit-chat-citacao--clicavel:hover { background: var(--ag-accent-soft, #eef2ff); }
.kit-chat-citacao strong { font-size: 0.72rem; color: var(--ag-accent-text, #4338ca); }
.kit-chat-citacao span { display: inline-flex; align-items: center; gap: 0.25rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 18rem; }
@keyframes kit-chat-realce { 0% { box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.65); } 100% { box-shadow: 0 0 0 3px rgba(99, 102, 241, 0); } }
.kit-chat-bolha--realce { animation: kit-chat-realce 1.5s ease-out; }
@media (prefers-reduced-motion: reduce) { .kit-chat-bolha--realce { animation: none; outline: 3px solid rgba(99, 102, 241, 0.65); } }
.kit-chat-apagada { display: flex; align-items: center; gap: 0.35rem; color: var(--ag-text-muted, #6b7280); font-style: italic; }
.kit-chat-bolha--apagada .kit-chat-meta { margin-top: 0; }
.kit-chat-apagada--versoes { background: none; border: 0; padding: 0; cursor: pointer; font: inherit; text-decoration: underline dotted; }
.kit-chat-apagada--versoes:hover { color: var(--ag-text-secondary, #4b5563); }
.kit-chat-versoes--original { gap: 0.35rem; }
.kit-chat-original { display: flex; flex-direction: column; gap: 0.3rem; }
.kit-chat-apagada-midia { margin-top: 0.3rem; opacity: 0.75; }
.kit-chat-editada { padding: 0; border: 0; background: none; color: inherit; font: inherit; font-style: italic; }
.kit-chat-editada--versoes { cursor: pointer; text-decoration: underline dotted; }
.kit-chat-versoes { margin-top: 0.3rem; padding: 0.3rem 0.5rem; border-radius: 0.4rem; background: var(--ag-surface-3, #f3f4f6); font-size: 0.78rem; color: var(--ag-text-secondary, #4b5563); display: flex; flex-direction: column; gap: 0.2rem; }
.kit-chat-versao { display: flex; gap: 0.5rem; }
.kit-chat-versao-hora { flex: none; color: var(--ag-text-muted, #6b7280); }
.kit-chat-leitura-ia { margin-top: 0.3rem; border-left: 3px solid var(--ag-accent, #6366f1); border-radius: 0.3rem; background: var(--ag-surface-3, #f3f4f6); font-size: 0.8rem; }
.kit-chat-leitura-ia > summary { display: flex; align-items: center; gap: 0.5rem; min-height: 2rem; padding: 0.15rem 0.5rem; cursor: pointer; list-style: none; user-select: none; }
.kit-chat-leitura-ia > summary::-webkit-details-marker { display: none; }
.kit-chat-leitura-ia > summary::after { content: ""; margin-left: auto; width: 0.45rem; height: 0.45rem; border-right: 2px solid var(--ag-accent-text, #4338ca); border-bottom: 2px solid var(--ag-accent-text, #4338ca); transform: rotate(45deg); transition: transform 0.15s; }
.kit-chat-leitura-ia[open] > summary::after { transform: rotate(-135deg); }
.kit-chat-leitura-ia-icone { display: inline-flex; align-items: center; justify-content: center; width: 1.6rem; height: 1.6rem; border-radius: 50%; background: var(--ag-accent-soft, #eef2ff); color: var(--ag-accent-text, #4338ca); }
.kit-chat-leitura-ia-rotulo { font-weight: 600; color: var(--ag-accent-text, #4338ca); font-size: 0.75rem; }
.kit-chat-leitura-ia-texto { padding: 0 0.6rem 0.4rem; color: var(--ag-text-secondary, #4b5563); white-space: pre-wrap; overflow-wrap: anywhere; }
.kit-chat-leitura-ia-completa { margin: 0 0.6rem 0.4rem; }
.kit-chat-leitura-ia-completa > summary { cursor: pointer; color: var(--ag-accent-text, #4338ca); font-weight: 600; font-size: 0.72rem; list-style: none; }
.kit-chat-leitura-ia-completa > summary::-webkit-details-marker { display: none; }
.kit-chat-leitura-ia-completa .kit-chat-leitura-ia-texto { padding: 0.3rem 0 0; }
.kit-chat-video { position: relative; display: block; width: 16rem; max-width: 100%; aspect-ratio: 16 / 9; border-radius: 0.5rem; overflow: hidden; background: #111; line-height: 0; } /* caixa de tamanho fixo: a miniatura não muda a altura da conversa quando o vídeo carrega */
.kit-chat-video .kit-chat-midia-video { width: 100%; height: 100%; max-height: none; object-fit: contain; background: #111; border-radius: 0; }
.kit-chat-video-tocar { position: absolute; inset: 0; margin: auto; width: 3.2rem; height: 3.2rem; display: inline-flex; align-items: center; justify-content: center; border: 0; border-radius: 50%; background: rgba(17, 24, 39, 0.65); color: #fff; }
.kit-chat-video--tocando .kit-chat-video-tocar { display: none; }
.kit-chat-video-dur { position: absolute; left: 0.4rem; bottom: 0.4rem; padding: 0 0.4rem; border-radius: 999px; background: rgba(17, 24, 39, 0.65); color: #fff; font-size: 0.7rem; line-height: 1.3rem; }
.kit-chat-video-dur:empty { display: none; }
.kit-chat-video--tocando .kit-chat-video-dur { display: none; }
.kit-chat-video-tela { position: absolute; right: 0.4rem; top: 0.4rem; width: 1.8rem; height: 1.8rem; display: inline-flex; align-items: center; justify-content: center; border: 0; border-radius: 0.4rem; background: rgba(17, 24, 39, 0.65); color: #fff; }
.kit-chat-paleta { position: absolute; top: calc(100% + 0.25rem); right: 0.4rem; z-index: 5; display: flex; gap: 0.1rem; padding: 0.25rem 0.35rem; border: 1px solid var(--ag-border, #e5e7eb); border-radius: 999px; background: var(--ag-surface, #fff); box-shadow: 0 6px 18px rgba(0, 0, 0, 0.16); }
.kit-chat-msg--outra .kit-chat-paleta { right: auto; left: 0.4rem; }
.kit-chat-paleta-emoji { width: 2rem; height: 2rem; border: 0; border-radius: 50%; background: transparent; font-size: 1.2rem; line-height: 1; }
.kit-chat-paleta-emoji:hover { background: var(--ag-surface-3, #f3f4f6); transform: scale(1.15); }
.kit-chat-paleta-emoji--minha { background: var(--ag-accent-soft, #eef2ff); }
button.kit-chat-reacao { font: inherit; font-size: 0.85rem; cursor: pointer; }
.kit-chat-reacao--minha { background: var(--ag-accent-soft, #eef2ff); border-color: var(--ag-accent, #6366f1); }

.kit-chat-msg--outra .kit-chat-acoes-msg { right: auto; left: 0.4rem; }

/* ----- 1.8.0 (card logiccos_library#239): encaminhada, localização, prévia de link, contato, grade de fotos, apagar/editar a minha ----- */
.kit-chat-encaminhada { display: inline-flex; align-items: center; gap: 0.3rem; margin-bottom: 0.2rem; font-size: 0.72rem; font-style: italic; color: var(--ag-text-muted, #6b7280); }


.kit-chat-loc, .kit-chat-linkcard { display: block; margin-top: 0.3rem; width: 17.5rem; max-width: 100%; overflow: hidden; border: 1px solid var(--ag-border, #e5e7eb); border-radius: 0.6rem; background: var(--ag-surface-3, #f3f4f6); color: inherit; text-decoration: none; }
.kit-chat-loc-mapa { position: relative; width: 100%; aspect-ratio: 2 / 1; overflow: hidden; cursor: pointer; isolation: isolate; background: var(--ag-surface-3, #e5e7eb); }
.kit-chat-loc-fundo { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.kit-chat-loc-fundo--vazio { display: flex; align-items: center; justify-content: center; color: var(--ag-accent, #6366f1); }
.kit-chat-loc-quadro { position: absolute; left: 50%; top: 50%; }
.kit-chat-loc-ladrilho { position: absolute; display: block; max-width: none; user-select: none; -webkit-user-drag: none; }
.kit-chat-loc-pino { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -100%); color: var(--kit-chat-perigo, #dc2626); filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.35)); pointer-events: none; }
.kit-chat-loc-pino svg { fill: currentColor; stroke: #fff; }
.kit-chat-loc-corpo { padding: 0.45rem 0.6rem 0.55rem; display: flex; flex-direction: column; gap: 0.1rem; min-width: 0; }
.kit-chat-loc-nome { font-weight: 700; font-size: 0.82rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.kit-chat-loc-endereco { font-size: 0.74rem; color: var(--ag-text-muted, #6b7280); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.kit-chat-loc-botao { margin-top: 0.2rem; display: inline-flex; align-items: center; gap: 0.3rem; font-size: 0.74rem; font-weight: 600; color: var(--ag-accent-text, #4338ca); text-decoration: none; }
.kit-chat-loc-botao:hover { text-decoration: underline; }

.kit-chat-linkcard--carregando { min-height: 3rem; opacity: 0.5; }
.kit-chat-linkcard-img { display: block; width: 100%; max-height: 9rem; object-fit: cover; background: var(--ag-surface-3, #e5e7eb); }
.kit-chat-linkcard-corpo { padding: 0.4rem 0.6rem 0.5rem; }
.kit-chat-linkcard-titulo { font-size: 0.8rem; font-weight: 700; line-height: 1.3; }
.kit-chat-linkcard-desc { margin-top: 0.1rem; font-size: 0.74rem; color: var(--ag-text-secondary, #4b5563); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.kit-chat-linkcard-dominio { margin-top: 0.2rem; font-size: 0.68rem; letter-spacing: 0.03em; text-transform: uppercase; color: var(--ag-text-muted, #6b7280); }

.kit-chat-contato { display: flex; align-items: center; gap: 0.6rem; margin-top: 0.3rem; padding: 0.45rem 0.6rem; min-width: 12rem; border: 1px solid var(--ag-border, #e5e7eb); border-radius: 0.6rem; background: var(--ag-surface-3, #f3f4f6); }
.kit-chat-contato-icone { display: flex; align-items: center; justify-content: center; width: 2.2rem; height: 2.2rem; border-radius: 50%; background: var(--ag-accent-soft, #eef2ff); color: var(--ag-accent-text, #4338ca); }
.kit-chat-contato-txt { display: flex; flex-direction: column; min-width: 0; flex: 1; font-size: 0.82rem; }
.kit-chat-contato-txt span { font-size: 0.74rem; color: var(--ag-text-muted, #6b7280); }
.kit-chat-contato-acao { display: inline-flex; padding: 0.35rem; border-radius: 50%; color: var(--ag-accent-text, #4338ca); }
.kit-chat-contato-acao:hover { background: var(--ag-accent-soft, #eef2ff); }

.kit-chat-grade { display: grid; gap: 2px; width: 17.5rem; max-width: 100%; border-radius: 0.5rem; overflow: hidden; }
.kit-chat-grade--2 { grid-template-columns: 1fr 1fr; }
.kit-chat-grade--3 { grid-template-columns: 1fr 1fr; }
.kit-chat-grade--3 .kit-chat-grade-foto:first-child { grid-column: 1 / -1; aspect-ratio: 2 / 1; }
.kit-chat-grade--4 { grid-template-columns: 1fr 1fr; }
.kit-chat-grade-foto { position: relative; display: block; padding: 0; border: 0; background: var(--ag-surface-3, #e5e7eb); aspect-ratio: 1 / 1; overflow: hidden; cursor: pointer; }
.kit-chat-grade-foto img { display: block; width: 100%; height: 100%; object-fit: cover; }
.kit-chat-grade-mais { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; background: rgba(0, 0, 0, 0.5); color: #fff; font-size: 1.4rem; font-weight: 700; }

.kit-chat-acao-minha { display: inline-flex; align-items: center; padding: 0.1rem; border: 0; background: none; color: var(--ag-text-muted, #9ca3af); }
.kit-chat-acao-minha:hover { color: var(--ag-accent-text, #4338ca); }
.kit-chat-acao-minha[data-kit-chat-acao-minha="apagar"]:hover { color: var(--kit-chat-perigo, #dc2626); }

.kit-chat-visualizador-seta { position: absolute; top: 50%; transform: translateY(-50%); color: var(--ag-text, #111827); background: var(--ag-surface, #fff); border: 1px solid var(--ag-border, #e5e7eb); border-radius: 50%; }
.kit-chat-visualizador-seta { padding: 0; } .kit-chat-visualizador-seta svg { flex: none; }
.kit-chat-visualizador-seta--ant { left: 0.8rem; }
.kit-chat-visualizador-seta--prox { right: 0.8rem; }
.kit-chat-visualizador-contador { position: absolute; bottom: 0.9rem; left: 50%; transform: translateX(-50%); color: #fff; font-size: 0.85rem; background: rgba(0, 0, 0, 0.45); padding: 0.15rem 0.7rem; border-radius: 999px; }
.kit-chat-acao-caixa { color: var(--ag-text, inherit); }
.kit-chat-acao-explica { margin: 0 0 0.5rem; font-size: 0.8rem; color: var(--ag-text-secondary, #4b5563); }
.kit-chat-acao-texto { width: 100%; box-sizing: border-box; padding: 0.5rem 0.6rem; border: 1px solid var(--ag-border, #d1d5db); border-radius: 0.5rem; font: inherit; background: var(--ag-surface, #fff); color: inherit; resize: vertical; }
.kit-chat-acao-erro { margin-top: 0.4rem; font-size: 0.78rem; color: var(--kit-chat-perigo, #dc2626); }
.kit-chat-acao-botoes { display: flex; justify-content: flex-end; gap: 0.5rem; width: 100%; }
.kit-chat-botao--perigo { background: var(--kit-chat-perigo, #dc2626); border-color: var(--kit-chat-perigo, #dc2626); color: #fff; }

/* 1.10.0 (card #260): documento com tipo/tamanho e botão Abrir (PDF, imagem, texto abrem no navegador; o resto só baixa). */
.kit-chat-documento-cartao { display: flex; flex-direction: column; gap: 0.25rem; min-width: 0; max-width: 21.375rem; } /* max-w-[342px] */
.kit-chat-documento-meta { flex: none; font-size: 0.72rem; opacity: 0.7; white-space: nowrap; }
.kit-chat-documento-abrir { display: inline-flex; align-items: center; gap: 0.3rem; align-self: flex-start; font-size: 0.78rem; color: inherit; text-decoration: underline; }

/* 1.11.0 (card logiccos_library#264): miniatura da 1ª página do PDF no cartão de documento.
 * BASE: Stitch — projeto 5180901586502117934, tela 3b90b072358d46fb955b784ba1bd12b2 ("Balcão de milhas — Caixa única de conversas", 17/10/2026).
 * Classes do Tailwind traduzidas uma a uma; cores via tokens --ag-* com o valor do Stitch como reserva. */
/* moldura: relative w-full rounded-lg overflow-hidden border border-outline-variant/40 dark:border-outline/30 bg-surface-container-low dark:bg-inverse-surface shadow-sm */
.kit-chat-documento-miniatura { position: relative; display: block; width: 100%; border-radius: 0.5rem; overflow: hidden; border: 1px solid var(--ag-border, #c7c4d8); background: var(--ag-surface-3, #f0f3ff); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); line-height: 0; text-decoration: none; }
/* imagem: w-full h-auto object-cover object-top block max-h-48 */
.kit-chat-documento-miniatura-img { display: block; width: 100%; height: auto; max-height: 12rem; object-fit: cover; object-position: top; }


/* 1.14.0: prévias reutilizam o visual da barra-digitar. */
.kit-chat-anexos { max-height: 180px; overflow-y: auto; }
[data-kit-chat-anexos-aviso] { color: var(--ag-text-secondary, #4b5563); padding: 6px 0; font-size: 0.8rem; }
.kit-chat-soltar { position: absolute; inset: 0; z-index: 20; display: grid; place-items: center; pointer-events: none; border: 2px dashed var(--ag-accent, #6366f1); border-radius: 12px; background: var(--ag-accent-soft, #eef2ff); color: var(--ag-accent-text, #4338ca); font-weight: 600; }

/* /assets/kit/filtros-chips/filtros-chips.css */
/* =============================================================================
 * filtros-chips.css — barra de filtro (busca + rápidos) e chips removíveis
 * =============================================================================
 *
 * Visual escrito à mão, reaproveitando a receita de --ag-* e pílula já usada em
 * menu-acoes-linha.css — o caminho normal (gemini-design.js construir) está
 * indisponível nesta máquina: a chave do Gemini parou de autenticar
 * (Logiccos/infra#201, já aberto e aguardando resposta). Quando a chave voltar,
 * uma rodada normal de "construir" pode revisitar este arquivo.
 *
 * TEMA CLARO/ESCURO
 * -----------------------------------------------------------------------------
 * Todas as cores vêm de variáveis --ag-* trocadas globalmente via `data-theme`
 * no <html> — sem bloco dedicado a escuro.
 * ========================================================================== */

.kit-filtros-chips-barra {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.625rem;
    font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
}

.kit-filtros-chips-busca {
    flex: 1 1 14rem;
    min-width: 10rem;
    height: 2.25rem;
    padding: 0 0.875rem;
    border: 1px solid var(--ag-border, #e5e7eb);
    border-radius: 9999px;
    background-color: var(--ag-surface, #ffffff);
    color: var(--ag-text, #111827);
    font-size: 0.875rem;
    font-family: inherit;
}

.kit-filtros-chips-busca::placeholder {
    color: var(--ag-text-muted, #6b7280);
}

.kit-filtros-chips-busca:focus-visible {
    outline: 2px solid var(--ag-focus-ring, #6366f1);
    outline-offset: 2px;
}

.kit-filtros-chips-rapidos {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

/* Botão de filtro rápido — estado INATIVO: contorno neutro, sem preenchimento. */
.kit-filtros-chips-botao {
    display: inline-flex;
    align-items: center;
    height: 2.25rem;
    padding: 0 0.875rem;
    border: 1px solid var(--ag-border, #e5e7eb);
    border-radius: 9999px;
    background-color: transparent;
    color: var(--ag-text-secondary, #4b5563);
    font-size: 0.8125rem;
    font-weight: 500;
    font-family: inherit;
    cursor: pointer;
    transition: background-color 0.15s, color 0.15s, border-color 0.15s;
}

.kit-filtros-chips-botao:hover {
    background-color: var(--ag-surface-3, #f3f4f6);
    color: var(--ag-text, #111827);
}

.kit-filtros-chips-botao:focus-visible {
    outline: 2px solid var(--ag-focus-ring, #6366f1);
    outline-offset: 2px;
}

/* Estado ATIVO — mesmo botão, preenchido e com destaque: precisa ser claramente
   diferente do inativo à primeira vista (contrato do componente). */
.kit-filtros-chips-botao--ativo {
    border-color: var(--ag-accent-text, #4338ca);
    background-color: var(--ag-accent-text, #4338ca);
    color: #ffffff;
}

.kit-filtros-chips-botao--ativo:hover {
    background-color: var(--ag-accent-text, #4338ca);
    color: #ffffff;
    opacity: 0.92;
}

/* Linha de chips — só ocupa espaço quando há filtro ativo (o JS zera o `hidden`
   e o innerHTML juntos; aqui só garante que, vazia, ela não "pesa" no layout). */
.kit-filtros-chips-linha {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1rem 0.75rem; /* folga para a área de toque de 44px do × não invadir o chip vizinho */
    margin-top: 0.625rem;
}

.kit-filtros-chips-linha[hidden] {
    display: none;
}

/* Cada chip: pílula com o texto do filtro e um "×" clicável. */
.kit-filtros-chips-chip {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    height: 1.75rem;
    padding: 0 0.375rem 0 0.75rem;
    border-radius: 9999px;
    background-color: var(--ag-surface-3, #f3f4f6);
    color: var(--ag-text, #111827);
    font-size: 0.8125rem;
    font-family: inherit;
    line-height: 1;
    max-width: 100%;
}

.kit-filtros-chips-chip > span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Botão "×" do chip — glifo de 24px, mas ÁREA DE TOQUE de 44×44px (card #232) pelo
   ::after transparente, sem engordar o chip. */
.kit-filtros-chips-chip-remover {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.5rem;
    height: 1.5rem;
    flex-shrink: 0;
    border: none;
    border-radius: 9999px;
    background: transparent;
    color: var(--ag-text-muted, #6b7280);
    font-size: 1rem;
    line-height: 1;
    cursor: pointer;
}

.kit-filtros-chips-chip-remover::after {
    content: "";
    position: absolute;
    inset: -10px;
}

.kit-filtros-chips-chip-remover:hover {
    background-color: var(--ag-border, #e5e7eb);
    color: var(--ag-text, #111827);
}

.kit-filtros-chips-chip-remover:focus-visible {
    outline: 2px solid var(--ag-focus-ring, #6366f1);
    outline-offset: 1px;
}

/* "Limpar tudo" — link discreto, nunca um botão primário. */
.kit-filtros-chips-limpar {
    border: none;
    background: transparent;
    padding: 0 0.25rem;
    color: var(--ag-text-secondary, #4b5563);
    font-size: 0.8125rem;
    font-weight: 500;
    font-family: inherit;
    text-decoration: underline;
    cursor: pointer;
}

.kit-filtros-chips-limpar:hover {
    color: var(--ag-text, #111827);
}

.kit-filtros-chips-limpar:focus-visible {
    outline: 2px solid var(--ag-focus-ring, #6366f1);
    outline-offset: 2px;
}

/* Celular: busca ocupa a linha inteira antes dos botões rápidos, nunca gera
   rolagem horizontal. */
@media (max-width: 480px) {
    .kit-filtros-chips-busca {
        flex: 1 1 100%;
    }
}

/* =============================================================================
 * Painel de filtro (card #232) — botão funil + popover (≥ 768px) / gaveta (< 768px)
 * Base visual: Stitch, projeto 5180901586502117934 (telas ab22d57e popover,
 * 7ec5648c gaveta, 1af107b5/5865d2b2 seletor de programa). Escrito à mão com os
 * mesmos tokens --ag-* do resto do bloco.
 * ========================================================================== */

.kit-filtros-chips-funil {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    height: 2.25rem;
    min-width: 2.75rem;
    padding: 0 0.875rem;
    border: 1px solid var(--ag-border, #e5e7eb);
    border-radius: 9999px;
    background-color: var(--ag-surface, #ffffff);
    color: var(--ag-text, #111827);
    font-size: 0.8125rem;
    font-weight: 500;
    font-family: inherit;
    cursor: pointer;
}

.kit-filtros-chips-funil:hover {
    background-color: var(--ag-surface-3, #f3f4f6);
}

.kit-filtros-chips-funil:focus-visible {
    outline: 2px solid var(--ag-focus-ring, #6366f1);
    outline-offset: 2px;
}

.kit-filtros-chips-selo {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.25rem;
    height: 1.25rem;
    padding: 0 0.3125rem;
    border-radius: 9999px;
    background-color: var(--ag-accent-text, #4338ca);
    color: #ffffff;
    font-size: 0.6875rem;
    font-weight: 700;
    line-height: 1;
}

.kit-filtros-chips-selo[hidden] {
    display: none;
}

.kit-filtros-chips-painel-fundo {
    position: fixed;
    inset: 0;
    z-index: 1000;
    background: transparent;
}

.kit-filtros-chips-painel-fundo--gaveta {
    background: rgba(17, 24, 39, 0.45);
}

.kit-filtros-chips-painel {
    position: fixed;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    background-color: var(--ag-surface, #ffffff);
    color: var(--ag-text, #111827);
    border: 1px solid var(--ag-border, #e5e7eb);
    font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
    font-size: 0.875rem;
    box-shadow: 0 12px 32px rgba(17, 24, 39, 0.16), 0 2px 6px rgba(17, 24, 39, 0.08);
}

.kit-filtros-chips-painel--popover {
    width: 320px;
    max-height: 560px;
    border-radius: 0.75rem;
}

.kit-filtros-chips-painel--gaveta {
    left: 0;
    right: 0;
    bottom: 0;
    height: 80vh;
    height: 80dvh;
    border-radius: 1rem 1rem 0 0;
    border-bottom: none;
}

.kit-filtros-chips-alca {
    flex-shrink: 0;
    width: 2.5rem;
    height: 0.3125rem;
    margin: 0.5rem auto 0;
    border-radius: 9999px;
    background-color: var(--ag-border, #d1d5db);
}

.kit-filtros-chips-painel-titulo {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-shrink: 0;
    padding: 0.75rem 0.5rem 0.5rem 1rem;
}

.kit-filtros-chips-painel-titulo h2 {
    margin: 0;
    font-size: 0.9375rem;
    font-weight: 600;
}

.kit-filtros-chips-painel-titulo-fechar {
    width: 2.75rem;
    height: 2.75rem;
    border: none;
    border-radius: 9999px;
    background: transparent;
    color: var(--ag-text-secondary, #4b5563);
    font-size: 1.25rem;
    cursor: pointer;
}

.kit-filtros-chips-painel-titulo-fechar:hover {
    background-color: var(--ag-surface-3, #f3f4f6);
}

.kit-filtros-chips-painel-corpo {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: 0 0.5rem 0.5rem;
}

.kit-filtros-chips-grupo + .kit-filtros-chips-grupo {
    margin-top: 0.5rem;
    padding-top: 0.5rem;
    border-top: 1px solid var(--ag-border, #e5e7eb);
}

.kit-filtros-chips-grupo-rotulo {
    margin: 0.25rem 0.5rem 0.25rem;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--ag-text-secondary, #4b5563);
}

.kit-filtros-chips-grupo-busca {
    box-sizing: border-box;
    width: calc(100% - 1rem);
    height: 2.25rem;
    margin: 0.25rem 0.5rem 0.375rem;
    padding: 0 0.75rem;
    border: 1px solid var(--ag-border, #e5e7eb);
    border-radius: 0.5rem;
    background-color: var(--ag-surface, #ffffff);
    color: var(--ag-text, #111827);
    font-size: 0.875rem;
    font-family: inherit;
}

.kit-filtros-chips-grupo-busca:focus-visible {
    outline: 2px solid var(--ag-focus-ring, #6366f1);
    outline-offset: 1px;
}

.kit-filtros-chips-opcao {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    box-sizing: border-box;
    width: 100%;
    min-height: 2.25rem;
    padding: 0.375rem 0.5rem;
    border: none;
    border-radius: 0.5rem;
    background: transparent;
    color: var(--ag-text, #111827);
    font-size: 0.875rem;
    font-family: inherit;
    text-align: left;
    cursor: pointer;
}

.kit-filtros-chips-painel--gaveta .kit-filtros-chips-opcao {
    min-height: 44px;
}

.kit-filtros-chips-opcao:hover {
    background-color: var(--ag-surface-3, #f3f4f6);
}

.kit-filtros-chips-opcao:focus-visible {
    outline: 2px solid var(--ag-focus-ring, #6366f1);
    outline-offset: -2px;
}

.kit-filtros-chips-opcao-marca {
    flex-shrink: 0;
    box-sizing: border-box;
    width: 1.125rem;
    height: 1.125rem;
    border: 2px solid var(--ag-text-muted, #6b7280);
    border-radius: 0.25rem;
}

.kit-filtros-chips-opcao-marca--unico {
    border-radius: 9999px;
}

.kit-filtros-chips-opcao--ativa .kit-filtros-chips-opcao-marca {
    border-color: var(--ag-accent-text, #4338ca);
    background-color: var(--ag-accent-text, #4338ca);
    box-shadow: inset 0 0 0 2px var(--ag-surface, #ffffff);
}

.kit-filtros-chips-opcao--ativa {
    font-weight: 600;
}

.kit-filtros-chips-opcao-cor {
    flex-shrink: 0;
    width: 0.625rem;
    height: 0.625rem;
    border-radius: 9999px;
}

.kit-filtros-chips-opcao-rotulo {
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Contagem à direita — --ag-text-secondary passa de 4,5:1 no claro e no escuro. */
.kit-filtros-chips-opcao-contagem {
    flex-shrink: 0;
    color: var(--ag-text-secondary, #4b5563);
    font-size: 0.8125rem;
    font-variant-numeric: tabular-nums;
}

.kit-filtros-chips-grupo-vazio {
    margin: 0.5rem;
    color: var(--ag-text-secondary, #4b5563);
}

.kit-filtros-chips-painel-rodape {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    flex-shrink: 0;
    padding: 0.75rem 1rem;
    padding-bottom: max(0.75rem, env(safe-area-inset-bottom));
    border-top: 1px solid var(--ag-border, #e5e7eb);
}

.kit-filtros-chips-painel-limpar {
    min-height: 2.75rem;
    padding: 0 0.5rem;
    border: none;
    background: transparent;
    color: var(--ag-text-secondary, #4b5563);
    font-size: 0.875rem;
    font-weight: 500;
    font-family: inherit;
    text-decoration: underline;
    cursor: pointer;
}

.kit-filtros-chips-painel-ver {
    flex: 0 1 auto;
    min-height: 2.75rem;
    padding: 0 1.25rem;
    border: none;
    border-radius: 9999px;
    background-color: var(--ag-accent-text, #4338ca);
    color: #ffffff;
    font-size: 0.875rem;
    font-weight: 600;
    font-family: inherit;
    cursor: pointer;
}

.kit-filtros-chips-painel--gaveta .kit-filtros-chips-painel-ver {
    flex: 1 1 auto;
}

.kit-filtros-chips-painel-limpar:focus-visible,
.kit-filtros-chips-painel-ver:focus-visible,
.kit-filtros-chips-painel-titulo-fechar:focus-visible {
    outline: 2px solid var(--ag-focus-ring, #6366f1);
    outline-offset: 2px;
}

/* /assets/kit/etiqueta/etiqueta.css */
/* etiqueta.css — chip/tag de etiqueta (card #185). Base: o .chip do design system do Stitch (tema-claro-escuro/demo-obsidian-velocity.html:
   11px, peso 600, espaçamento .04em, 2px 8px, pílula, fundo + texto + contorno). Paleta própria em hex opaco para o contraste
   AA (texto x fundo >= 4.5) ser medido pelo teste nos dois temas. Seletores .kit-etiqueta* apenas, sem !important.
   Tema: claro por padrão; escuro com data-tema="escuro" (tema-logiccos), data-theme="escuro" (tema-claro-escuro) ou, sem
   atributo, pelo prefers-color-scheme do sistema. */
.kit-etiquetas{display:flex;flex-wrap:wrap;gap:.25rem;margin:0;padding:0;list-style:none;}
.kit-etiqueta{
  --kit-etq-fundo:#f3f4f6;--kit-etq-texto:#374151;--kit-etq-contorno:#e5e7eb;
  display:inline-flex;align-items:center;gap:.25rem;max-width:100%;min-height:1.25rem;box-sizing:border-box;
  padding:2px 8px;border:1px solid var(--kit-etq-contorno);border-radius:var(--raio-pilula,9999px);
  font-family:inherit;font-size:11px;font-weight:600;line-height:1.2;letter-spacing:.04em;white-space:nowrap;vertical-align:middle;
  color:var(--kit-etq-texto);background-color:var(--kit-etq-fundo);
}
.kit-etiqueta__texto{overflow:hidden;text-overflow:ellipsis;min-width:0;}
.kit-etiqueta__icone{display:inline-flex;font-size:14px;line-height:1;flex-shrink:0;}
.kit-etiqueta__remover{display:inline-flex;align-items:center;justify-content:center;width:1rem;height:1rem;margin:0 -4px 0 0;padding:0;border:0;border-radius:50%;
  font:inherit;font-size:12px;line-height:1;cursor:pointer;color:inherit;background:transparent;}
.kit-etiqueta__remover:hover{background-color:var(--kit-etq-contorno);}
.kit-etiqueta__remover:focus-visible{outline:2px solid currentColor;outline-offset:1px;}

/* ---- claro (padrão) ---- */
.kit-etiqueta--cinza{--kit-etq-fundo:#f3f4f6;--kit-etq-texto:#374151;--kit-etq-contorno:#e5e7eb;}
.kit-etiqueta--verde{--kit-etq-fundo:#dcfce7;--kit-etq-texto:#166534;--kit-etq-contorno:#bbf7d0;}
.kit-etiqueta--azul{--kit-etq-fundo:#dbeafe;--kit-etq-texto:#1e40af;--kit-etq-contorno:#bfdbfe;}
.kit-etiqueta--roxo{--kit-etq-fundo:#ede9fe;--kit-etq-texto:#5b21b6;--kit-etq-contorno:#ddd6fe;}
.kit-etiqueta--rosa{--kit-etq-fundo:#fce7f3;--kit-etq-texto:#9d174d;--kit-etq-contorno:#fbcfe8;}
.kit-etiqueta--vermelho{--kit-etq-fundo:#fee2e2;--kit-etq-texto:#991b1b;--kit-etq-contorno:#fecaca;}
.kit-etiqueta--laranja{--kit-etq-fundo:#ffedd5;--kit-etq-texto:#9a3412;--kit-etq-contorno:#fed7aa;}
.kit-etiqueta--amarelo{--kit-etq-fundo:#fef9c3;--kit-etq-texto:#854d0e;--kit-etq-contorno:#fef08a;}
.kit-etiqueta--ciano{--kit-etq-fundo:#cffafe;--kit-etq-texto:#155e75;--kit-etq-contorno:#a5f3fc;}

/* ---- escuro ---- */
[data-tema="escuro"] .kit-etiqueta--cinza,[data-theme="escuro"] .kit-etiqueta--cinza,[data-tema="escuro"] .kit-etiqueta:not([class*="kit-etiqueta--"]),[data-theme="escuro"] .kit-etiqueta:not([class*="kit-etiqueta--"]){--kit-etq-fundo:#262b34;--kit-etq-texto:#d1d5db;--kit-etq-contorno:#3a414d;}
[data-tema="escuro"] .kit-etiqueta--verde,[data-theme="escuro"] .kit-etiqueta--verde{--kit-etq-fundo:#13291d;--kit-etq-texto:#86efac;--kit-etq-contorno:#1f5132;}
[data-tema="escuro"] .kit-etiqueta--azul,[data-theme="escuro"] .kit-etiqueta--azul{--kit-etq-fundo:#172341;--kit-etq-texto:#93c5fd;--kit-etq-contorno:#1e3a8a;}
[data-tema="escuro"] .kit-etiqueta--roxo,[data-theme="escuro"] .kit-etiqueta--roxo{--kit-etq-fundo:#251b3f;--kit-etq-texto:#c4b5fd;--kit-etq-contorno:#4c1d95;}
[data-tema="escuro"] .kit-etiqueta--rosa,[data-theme="escuro"] .kit-etiqueta--rosa{--kit-etq-fundo:#33172a;--kit-etq-texto:#f9a8d4;--kit-etq-contorno:#831843;}
[data-tema="escuro"] .kit-etiqueta--vermelho,[data-theme="escuro"] .kit-etiqueta--vermelho{--kit-etq-fundo:#351718;--kit-etq-texto:#fca5a5;--kit-etq-contorno:#7f1d1d;}
[data-tema="escuro"] .kit-etiqueta--laranja,[data-theme="escuro"] .kit-etiqueta--laranja{--kit-etq-fundo:#33200f;--kit-etq-texto:#fdba74;--kit-etq-contorno:#7c2d12;}
[data-tema="escuro"] .kit-etiqueta--amarelo,[data-theme="escuro"] .kit-etiqueta--amarelo{--kit-etq-fundo:#2e2610;--kit-etq-texto:#fde047;--kit-etq-contorno:#713f12;}
[data-tema="escuro"] .kit-etiqueta--ciano,[data-theme="escuro"] .kit-etiqueta--ciano{--kit-etq-fundo:#0f2a31;--kit-etq-texto:#67e8f9;--kit-etq-contorno:#164e63;}

/* sem data-tema/data-theme: segue o sistema (mesmos valores do escuro acima) */
@media (prefers-color-scheme:dark){
  :root:not([data-tema]):not([data-theme]) .kit-etiqueta,:root:not([data-tema]):not([data-theme]) .kit-etiqueta--cinza{--kit-etq-fundo:#262b34;--kit-etq-texto:#d1d5db;--kit-etq-contorno:#3a414d;}
  :root:not([data-tema]):not([data-theme]) .kit-etiqueta--verde{--kit-etq-fundo:#13291d;--kit-etq-texto:#86efac;--kit-etq-contorno:#1f5132;}
  :root:not([data-tema]):not([data-theme]) .kit-etiqueta--azul{--kit-etq-fundo:#172341;--kit-etq-texto:#93c5fd;--kit-etq-contorno:#1e3a8a;}
  :root:not([data-tema]):not([data-theme]) .kit-etiqueta--roxo{--kit-etq-fundo:#251b3f;--kit-etq-texto:#c4b5fd;--kit-etq-contorno:#4c1d95;}
  :root:not([data-tema]):not([data-theme]) .kit-etiqueta--rosa{--kit-etq-fundo:#33172a;--kit-etq-texto:#f9a8d4;--kit-etq-contorno:#831843;}
  :root:not([data-tema]):not([data-theme]) .kit-etiqueta--vermelho{--kit-etq-fundo:#351718;--kit-etq-texto:#fca5a5;--kit-etq-contorno:#7f1d1d;}
  :root:not([data-tema]):not([data-theme]) .kit-etiqueta--laranja{--kit-etq-fundo:#33200f;--kit-etq-texto:#fdba74;--kit-etq-contorno:#7c2d12;}
  :root:not([data-tema]):not([data-theme]) .kit-etiqueta--amarelo{--kit-etq-fundo:#2e2610;--kit-etq-texto:#fde047;--kit-etq-contorno:#713f12;}
  :root:not([data-tema]):not([data-theme]) .kit-etiqueta--ciano{--kit-etq-fundo:#0f2a31;--kit-etq-texto:#67e8f9;--kit-etq-contorno:#164e63;}
}
@media (forced-colors:active){.kit-etiqueta{border-color:CanvasText;}}

/* /assets/kit/menu-acoes-linha/menu-acoes-linha.css */
/* =============================================================================
 * menu-acoes-linha.css — Componente de menu de ações para linhas de tabela
 * =============================================================================
 *
 * Botão de três pontos (⋮) que abre um menu dropdown com as ações para um
 * item específico (ex: em uma linha de tabela).
 *
 * TEMA CLARO/ESCURO
 * -----------------------------------------------------------------------------
 * Todas as cores são definidas por variáveis CSS (--ag-*) que são trocadas
 * globalmente via atributo `data-theme` no <html>. Este arquivo não precisa
 * de um bloco de tema escuro específico.
 * ========================================================================== */

/* Wrapper para posicionar o dropdown em relação ao botão gatilho. */
.bo-acoes-wrap {
    position: relative;
    display: inline-flex; /* Garante que o wrapper tenha o tamanho do seu conteúdo. */
}

/* O botão gatilho (ícone de 3 pontos). */
.bo-acoes-trigger {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    padding: 0;
    border: none;
    border-radius: 9999px;
    background: transparent;
    color: var(--ag-text-muted, #6b7280);
    cursor: pointer;
    font-size: 1rem;
    transition: background-color 0.15s, color 0.15s;
}

.bo-acoes-trigger:hover {
    background-color: var(--ag-surface-3, #f3f4f6);
    color: var(--ag-text, #111827);
}

.bo-acoes-trigger:focus-visible {
    outline: 2px solid var(--ag-focus-ring, #6366f1);
    outline-offset: 2px;
}

/* O painel dropdown que contém as ações. */
.bo-acoes-dropdown {
    position: absolute;
    top: calc(100% + 0.5rem);
    right: 0;
    width: 14rem;
    max-width: calc(100vw - 1.5rem); /* Evita vazar da tela em viewports pequenas. */
    background-color: var(--ag-overlay-bg, var(--ag-surface, #ffffff));
    border: 1px solid var(--ag-border, #e5e7eb);
    border-radius: 0.75rem;
    box-shadow: 0 12px 32px -8px rgba(16, 24, 40, 0.22), 0 4px 10px -4px rgba(16, 24, 40, 0.14);
    padding: 0.375rem;
    z-index: 50;
    font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
}

.bo-acoes-dropdown[hidden] {
    display: none;
}

/* Cada item clicável dentro do dropdown. */
.bo-acoes-item {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    width: 100%;
    min-height: 2.25rem;
    padding: 0.5rem 0.75rem;
    border-radius: 0.5rem;
    color: var(--ag-text, #111827);
    font-size: 0.875rem;
    line-height: 1.25rem;
    background: transparent;
    border: none;
    text-align: left;
    cursor: pointer;
    text-decoration: none;
    font-family: inherit;
}

.bo-acoes-item:hover,
.bo-acoes-item:focus-visible {
    background-color: var(--ag-surface-3, #f3f4f6);
    color: var(--ag-text, #111827);
    text-decoration: none;
}

.bo-acoes-item:focus-visible {
    outline: 2px solid var(--ag-focus-ring, #6366f1);
    outline-offset: -2px;
}

/* Ícone injetável: svg do produto (lucide, material symbols…) herda a cor via currentColor,
   sem depender de Font Awesome. */
.bo-acoes-item svg,
.bo-acoes-trigger svg {
    width: 1rem;
    height: 1rem;
    flex-shrink: 0;
}
.bo-acoes-item svg {
    color: var(--ag-text-muted, #6b7280);
}

/* Ícone à esquerda do texto da ação. */
.bo-acoes-item i {
    width: 1rem;
    font-size: 0.875rem;
    text-align: center;
    color: var(--ag-text-muted, #6b7280);
    flex-shrink: 0;
}

.bo-acoes-item:hover i,
.bo-acoes-item:focus-visible i {
    color: var(--ag-text-secondary, #4b5563);
}

/* Opcional: item com cor de "destruição" (ex: Excluir). */
.bo-acoes-item.is-destructive {
    color: var(--ag-danger-text, #dc2626);
}
.bo-acoes-item.is-destructive i {
    color: var(--ag-danger-text, #dc2626);
}
.bo-acoes-item.is-destructive:hover,
.bo-acoes-item.is-destructive:focus-visible {
    background-color: var(--ag-danger-soft, #fee2e2);
    color: var(--ag-danger-text-strong, #b91c1c);
}
.bo-acoes-item.is-destructive:hover i,
.bo-acoes-item.is-destructive:focus-visible i {
    color: var(--ag-danger-text-strong, #b91c1c);
}

/* Ícone de "check" (✓) para ações do tipo toggle. */
.bo-acoes-item-check {
    margin-left: auto; /* Joga o check para o final do item. */
    padding-left: 0.75rem;
    font-weight: 600;
    color: var(--ag-accent-text, #4338ca);
    visibility: hidden; /* Oculto por padrão. */
}

/* Mostra o check quando o item tem o atributo `data-ligado`. */
.bo-acoes-item[data-ligado] .bo-acoes-item-check {
    visibility: visible;
}


/* Estado textual do interruptor (item `estado: true`): "Ligado"/"Desligado" à direita, sempre visível.
   O texto certo aparece por [data-ligado], que o menu alterna a cada clique. */
.bo-acoes-item-estado {
    margin-left: auto;
    padding-left: 0.75rem;
    font-size: 0.8125rem;
    font-weight: 600;
    white-space: nowrap;
    color: var(--ag-text-muted, #6b7280);
}
/* Com estado textual o menu precisa de largura para rótulo + "Desligado" sem quebrar nem vazar. */
.bo-acoes-dropdown:has(.bo-acoes-item-estado) { width: 19rem; }
.bo-acoes-item-estado { flex-shrink: 0; }
.bo-acoes-item-estado-ligado { display: none; }
.bo-acoes-item[data-ligado] .bo-acoes-item-estado { color: var(--ag-accent-text, #4338ca); }
.bo-acoes-item[data-ligado] .bo-acoes-item-estado-ligado { display: inline; }
.bo-acoes-item[data-ligado] .bo-acoes-item-estado-desligado { display: none; }

/* Divisor visual entre grupos de ações. */
.bo-acoes-divider {
    height: 1px;
    background-color: var(--ag-divider, #e5e7eb);
    margin: 0.375rem 0;
}

/* /assets/kit/expediente/expediente.css */
/* Expediente semanal (card library#246). Só layout; cores herdam do tema do produto (variáveis com padrão neutro). */
.kit-exp { display: flex; flex-direction: column; gap: 10px; font-size: 13px; color: var(--kit-exp-texto, #334155); }
.kit-exp__entrada { display: flex; flex-direction: column; gap: 8px; padding: 10px; border: 1px solid var(--kit-exp-borda, #e2e8f0); border-radius: 8px; background: var(--kit-exp-fundo, #f8fafc); }
.kit-exp__texto { width: 100%; padding: 8px 10px; border: 1px solid var(--kit-exp-borda-campo, #cbd5e1); border-radius: 8px; font: inherit; resize: vertical; background: #fff; }
.kit-exp__entender { align-self: flex-start; padding: 6px 12px; border-radius: 8px; border: 1px solid var(--kit-exp-acento, #4f46e5); background: var(--kit-exp-acento, #4f46e5); color: #fff; font-weight: 600; cursor: pointer; }
.kit-exp__retorno { margin: 0; padding: 8px 10px; border-radius: 8px; background: #ecfdf5; border: 1px solid #a7f3d0; color: #065f46; }
.kit-exp__retorno[data-estado="erro"] { background: #fff1f2; border-color: #fecdd3; color: #9f1239; }
.kit-exp__retorno[hidden] { display: none; }
.kit-exp__dias { display: flex; flex-direction: column; border: 1px solid var(--kit-exp-borda, #e2e8f0); border-radius: 8px; }
.kit-exp__dia { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 16px; padding: 8px 12px; border-bottom: 1px solid #f1f5f9; }
.kit-exp__dia:last-child { border-bottom: 0; }
.kit-exp__nome { display: flex; align-items: center; gap: 8px; min-width: 110px; font-weight: 600; cursor: pointer; }
.kit-exp__faixas { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.kit-exp__faixa { display: inline-flex; align-items: center; gap: 6px; }
.kit-exp__faixa input[type="time"] { padding: 4px 6px; border: 1px solid var(--kit-exp-borda-campo, #cbd5e1); border-radius: 6px; font: inherit; }
.kit-exp__tirar, .kit-exp__mais { border: 0; background: transparent; color: var(--kit-exp-acento, #4f46e5); cursor: pointer; font: inherit; padding: 2px 6px; }
.kit-exp__fechado { color: #94a3b8; }
@media (max-width: 480px) { .kit-exp__nome { min-width: 100%; } }

/* /atendimento-assets/tela.css */
/* Conversas dentro do shell do painel (card #54): a aba ocupa a área de conteúdo inteira, sem a margem das outras telas;
   o visual do chat vem do bloco chat-multicanal da library, o do painel direito do Stitch (stitch.css). */
body[data-aba="conversas"] .page-content { padding: 0; max-width: none; height: 100%; }
body[data-aba="conversas"] .bo-content-scroll { overflow: hidden; display: flex; flex-direction: column; }
body[data-aba="conversas"] .page-content > .page-footer, body[data-aba="conversas"] .page-footer { display: none; }
.tela-conversas { height: 100%; display: flex; flex-direction: column; }
.tela-conversas #chat { flex: 1; min-height: 0; height: 100%; }
.atendimento-erro { margin: 24px; color: var(--cor-erro-texto, #b91c1c); }
.atendimento-texto { width: 100%; box-sizing: border-box; min-height: 96px; margin: 0 0 12px; font: inherit; }
.atendimento-acoes { display: flex; gap: 8px; justify-content: flex-end; }
/* o painel do Stitch traz as próprias margens e a borda: sem o recheio do contexto do kit; 360px como no desenho */
.kit-chat-contexto.stx { padding: 0; border-left: 0; }
@media (min-width: 1101px) { #chat .kit-chat:not(.kit-chat--sem-contexto) { grid-template-columns: 340px minmax(0, 1fr) 360px; } }

/* Botões inline do bot do grupo (card #142): usam o .kit-chat-botao do bloco; aqui só a disposição (linhas do teclado do bot). */
.bo-botoes-bot { display: flex; flex-direction: column; gap: 6px; margin-top: 8px; }
.bo-botoes-bot-linha { display: flex; flex-wrap: wrap; gap: 6px; }
.bo-botoes-bot-linha .bo-botao-bot { flex: 1 1 auto; justify-content: center; text-decoration: none; cursor: pointer; min-height: 36px; }
.bo-botoes-bot-linha .bo-botao-bot:disabled { opacity: .6; cursor: progress; }
.bo-botoes-bot-aviso { font-size: 12px; min-height: 0; color: var(--cor-texto-suave, #4b5563); }
.bo-botoes-bot-aviso--erro { color: var(--cor-erro-texto, #b91c1c); }
/* Aviso do bot (toast do Telegram): rodapé central, some sozinho; o alerta do bot fica até tocar */
.bo-toast { position: fixed; left: 50%; bottom: 28px; transform: translateX(-50%); z-index: 9999; max-width: min(520px, 90vw); padding: 10px 16px; border-radius: 10px; background: #1f2937; color: #fff; font-size: 14px; box-shadow: 0 6px 20px rgba(0,0,0,.25); cursor: pointer; }
.bo-toast--alerta { background: var(--cor-painel, #fff); color: var(--cor-texto, #111827); border: 1px solid var(--cor-borda, #d1d5db); font-weight: 600; }

/* Cabeçalho da conversa (card #57): o nome fica numa linha só, com reticências (como no Agendou); os botões
   (Arquivar/Pausar robô) não encolhem nem quebram o texto. O selo Grupo desce para a linha de baixo se faltar espaço. */
#chat .kit-chat-cab-nome { flex-wrap: nowrap; min-width: 0; }
#chat .kit-chat-cab-nome > [data-kit-chat-cab-nome] { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#chat .kit-chat-cab-nome > .kit-chat-selo { flex-shrink: 0; }
#chat .kit-chat-cab-acoes { flex-shrink: 0; }
#chat .kit-chat-cab-acoes .kit-chat-botao { white-space: nowrap; }
/* Ações do produto no cabeçalho (Arquivar, Pausar robô) só com ícone: o rótulo vira title/aria-label (tela.js) e o nome da
   conversa ganha a largura (card #57, pedido da coordenação: >= 18 caracteres visíveis a 1440 px). */
#chat .kit-chat-cab-acoes .kit-chat-botao[data-acao-produto] { font-size: 0; gap: 0; padding: 0.45rem 0.55rem; }

/* Configurações do chat (card #131): engrenagem no topo da lista e painel no modal */
.config-chat-botao { margin-left: auto; padding: 0.35rem 0.5rem; }
.config-chat-secao { margin: 0 0 20px; }
.config-chat-secao h3 { margin: 0 0 4px; font-size: 1rem; }
.config-chat-secao h4 { margin: 12px 0 4px; font-size: .85rem; }
.config-chat-ajuda { margin: 0 0 8px; font-size: .8rem; opacity: .75; }
.config-chat-lista { list-style: none; margin: 0 0 8px; padding: 0; }
/* Respostas rápidas (card #156; estrutura e classes do desenho do Gemini, tokens reais do tema da casa) */
.kit-modal__corpo .config-chat-item { border: 1px solid var(--cor-borda, #d1d5db); border-radius: var(--raio-item, 8px); margin: 0 0 8px; background: var(--cor-superficie, transparent); }
.kit-modal__corpo .config-chat-item:hover:not(.config-chat-item--edicao) { background: var(--cor-superficie-1, rgba(127,127,127,.08)); }
.kit-modal__corpo .config-chat-item-conteudo { display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: 4px; width: 100%; padding: 10px 12px; min-height: 44px; text-align: left;
  background: none; border: 0; border-radius: var(--raio-item, 8px); color: inherit; font: inherit; font-weight: 400; cursor: pointer; }
.kit-modal__corpo .config-chat-item .config-chat-item-atalho { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-weight: 700; color: var(--cor-primaria, #16a34a); }
.kit-modal__corpo .config-chat-item-frase { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; overflow: hidden;
  overflow-wrap: anywhere; font-size: .9rem; opacity: .85; }
.kit-modal__corpo .config-chat-item--edicao { padding: 10px 12px; display: flex; flex-direction: column; gap: 8px; }
.kit-modal__corpo .config-chat-edicao-topo { display: flex; align-items: center; gap: 8px; }
.kit-modal__corpo .config-chat-atalho-campo { display: flex; flex-direction: row; align-items: center; flex: 1; min-width: 0; gap: 4px; margin: 0; }
.kit-modal__corpo .config-chat-atalho-campo input { flex: 1; min-width: 0; }
.kit-modal__corpo .config-chat-item--edicao textarea { width: 100%; box-sizing: border-box; resize: none; overflow: hidden; min-height: 44px; font: inherit; }
.kit-modal__corpo .config-chat-edicao-acoes { display: flex; gap: 8px; justify-content: flex-end; }
.kit-modal__corpo .config-chat-lixeira { border: 0; padding: 0; min-width: 44px; min-height: 44px; display: inline-flex; align-items: center; justify-content: center; background: none;
  border: 0; cursor: pointer; color: var(--cor-perigo, #b91c1c); }
.kit-modal__corpo .config-chat-confirma { display: inline-flex; align-items: center; gap: 6px; font-size: .85rem; }
.kit-modal__corpo .config-chat-confirma button { min-height: 36px; }
.kit-modal__corpo .config-chat-sim { color: var(--cor-perigo, #b91c1c); }
.kit-modal__corpo .config-chat-nova-resposta { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; }
.kit-modal__corpo .config-chat-barra { opacity: .6; }
.kit-modal__corpo .config-chat-opcao { display: flex; gap: 10px; align-items: flex-start; margin: 0 0 10px; }
.kit-modal__corpo .config-chat-opcao input { margin-top: 4px; }
.kit-modal__corpo .config-chat-opcao span { display: flex; flex-direction: column; gap: 2px; flex: 1; min-width: 0; }
.kit-modal__corpo .config-chat-opcao strong, .kit-modal__corpo .config-chat-opcao small { display: block; }
.kit-modal__corpo .config-chat-opcao small { opacity: .7; }
.config-chat-aviso { display: flex; gap: 8px; align-items: center; margin: 2px 0; font-size: .9rem; }
.config-chat-aviso small { opacity: .7; margin-left: auto; }
.config-chat-erro { margin: 0 0 8px; }

/* card #144: vídeo como no app — vídeo redondo (vídeo-nota do Telegram), GIF/animação e arquivo grande */
.kit-chat-video.bo-video--redondo { width: 13rem !important; max-width: 100%; aspect-ratio: 1 / 1 !important; border-radius: 50% !important; }
.kit-chat-video.bo-video--redondo .kit-chat-midia-video { object-fit: cover; }
.kit-chat-video.bo-video--redondo .kit-chat-video-tela { display: none; }
.kit-chat-video.bo-video--animacao .kit-chat-video-tocar, .kit-chat-video.bo-video--animacao .kit-chat-video-dur,
.kit-chat-video.bo-video--animacao .kit-chat-video-tela { display: none !important; }
.bo-video-grande { display: inline-flex; align-items: center; gap: 8px; padding: 10px 14px; border-radius: 10px; background: var(--cor-cartao-claro, #f3f4f6); color: var(--cor-texto, #1f2937); text-decoration: none; font-size: .9rem; border: 1px solid var(--cor-borda, #e5e7eb); }
.bo-video-grande:hover { background: var(--cor-borda, #e5e7eb); }

/* card #159: Arquivadas virou ícone no topo da página; a aba some da lista (continua existindo para o ícone acionar) */
#chat .kit-chat-visao[data-visao="arquivadas"] { display: none; }

/* Card #168: modo equipe (só monta com 2+ pessoas na organização). Desenho do Stitch ("Conversas em Modo Equipe", telas
   d9e6d85d… desktop e dcb39622… 390 px). Cores pelos tokens de tema da library (--ag-*, tema-claro-escuro): o claro fica
   como o segmentado de baixo e o escuro acompanha sozinho (dono, 18/10 07:10). Sozinho, nenhuma destas classes aparece. */
/* abas (dono, 18/10 06:42-06:43): seletor Ativas | Encerradas no alto; em Ativas, Aguardando · Minhas · Todas (Não lidas sai),
   cada uma com o número de NÃO LIDAS; numa linha só a 390 px e no painel estreito de 1366 px, sem corte. */
#chat.bo-equipe .kit-chat-abas[data-kit-chat-abas] { display: grid; grid-template-columns: 1fr 1fr; gap: 2px; margin: 0 0.75rem 0.4rem; padding: 0.2rem;
  background: var(--ag-surface-3, #f3f4f6); border: 1px solid var(--ag-border, #e5e7eb); border-radius: 0.6rem; }
#chat.bo-equipe .kit-chat-abas[data-kit-chat-abas] .kit-chat-aba { min-height: 2rem; padding: 0.25rem 0.5rem; border: 0; border-radius: 0.45rem; font-size: 0.8rem;
  color: var(--ag-text-secondary, #4b5563); background: none; }
#chat.bo-equipe .kit-chat-abas[data-kit-chat-abas] .kit-chat-aba--ativa { background: var(--ag-surface, #fff); color: var(--ag-text, #111827); box-shadow: 0 1px 2px rgba(15, 23, 42, 0.12); }
#chat.bo-equipe .kit-chat-abas[data-kit-chat-abas] .kit-chat-contador { display: none; }
#chat.bo-equipe .kit-chat-lista:has([data-aba="encerradas"][aria-selected="true"]) .kit-chat-visoes { display: none; }
#chat.bo-equipe .kit-chat-visoes { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 2px; }
#chat.bo-equipe .kit-chat-visao[data-visao="nao-lidas"] { display: none; }
#chat.bo-equipe .kit-chat-visao[data-visao="aguardando"] { order: -2; }
#chat.bo-equipe .kit-chat-visao[data-visao="minhas"] { order: -1; }
#chat.bo-equipe .kit-chat-visoes .kit-chat-aba { min-width: 0; padding: 0.3rem 0.3rem; gap: 0.25rem; font-size: 0.8rem; white-space: nowrap; }
#chat.bo-equipe .kit-chat-visoes .kit-chat-contador[hidden] { display: none; }
/* selo do responsável e faixa "Aguardando atendimento" */
.kit-chat-selo--equipe-eu { background: var(--ag-accent-soft, #e0e7ff); color: var(--ag-accent-text, #4338ca); }
.kit-chat-selo--equipe { background: var(--ag-surface-3, #f3f4f6); color: var(--ag-text-secondary, #374151); max-width: 9rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.kit-chat-selo--equipe-aguardando { background: #fffbeb; color: #b45309; border: 1px solid #fde68a; }
.bo-equipe-faixa { display: flex; align-items: center; gap: 8px; padding: 8px 16px; background: #fffbeb; border-bottom: 1px solid #fde68a; color: #92400e; font-size: 13px; font-weight: 600; }
[data-theme="escuro"] .kit-chat-selo--equipe-aguardando { background: rgba(217, 119, 6, 0.16); color: #fcd34d; border-color: rgba(217, 119, 6, 0.4); }
[data-theme="escuro"] .bo-equipe-faixa { background: rgba(217, 119, 6, 0.14); border-bottom-color: rgba(217, 119, 6, 0.35); color: #fcd34d; }
.bo-equipe-faixa[hidden] { display: none; }
.bo-equipe-faixa-icone { width: 16px; height: 16px; flex-shrink: 0; border: 2px solid #d97706; border-radius: 50%; position: relative; }
.bo-equipe-faixa-icone::after { content: ''; position: absolute; left: 5px; top: 2px; width: 4px; height: 5px; border-left: 2px solid #d97706; border-bottom: 2px solid #d97706; }
.bo-equipe-faixa-texto { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bo-equipe-faixa .bo-equipe-atender { height: 32px; padding: 0 12px; font-size: 12px; font-weight: 600; }
/* Transferir e Encerrar: com o painel de contexto aberto o cabeçalho é estreito; o rótulo só aparece em tela larga (em 1366 px
   ele esmagava o nome do contato). Abaixo disso fica o ícone, com aria-label e title (as outras ações já são só ícone — #57). */
@media (min-width: 1600px) {
  #chat .kit-chat-cab-acoes .kit-chat-botao[data-acao-id^="equipe-"] { font-size: 12px; gap: 6px; padding: 0.4rem 0.7rem; font-weight: 500; }
}
#chat .kit-chat-cab-acoes .kit-chat-botao[data-acao-id="equipe-transferir"] { color: var(--ag-accent-text, #4f46e5); }
#chat .kit-chat-conversa-miolo { position: relative; }
/* popover "Transferir para" */
.bo-equipe-pop { position: absolute; z-index: 30; width: 288px; max-width: calc(100% - 16px); box-sizing: border-box; padding: 14px; background: var(--ag-surface, #fff);
  border: 1px solid var(--ag-border, #e5e7eb); border-radius: 12px; box-shadow: 0 20px 25px -5px rgba(0,0,0,.1), 0 8px 10px -6px rgba(0,0,0,.06); color: var(--ag-text, #111827); }
.bo-equipe-pop-topo { display: flex; align-items: baseline; justify-content: space-between; padding-bottom: 10px; margin-bottom: 8px; border-bottom: 1px solid var(--ag-divider, #f3f4f6); font-size: 13px; }
.bo-equipe-pop-topo small { color: var(--ag-text-muted, #6b7280); font-size: 11px; }
.bo-equipe-pop-lista { display: flex; flex-direction: column; gap: 4px; max-height: 260px; overflow-y: auto; }
.bo-equipe-pop-item { display: flex; align-items: center; gap: 10px; min-height: 44px; padding: 6px 10px; border: 1px solid transparent; border-radius: 8px; cursor: pointer; font-size: 13px; }
.bo-equipe-pop-item:hover { background: var(--ag-surface-3, #f9fafb); }
.bo-equipe-pop-item:has(input:checked) { background: var(--ag-accent-soft, #eef2ff); border-color: var(--ag-accent, #c7d2fe); }
.bo-equipe-pop-avatar { width: 32px; height: 32px; flex-shrink: 0; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; background: var(--ag-accent-soft, #e0e7ff); color: var(--ag-accent-text, #4338ca); font-size: 11px; font-weight: 700; }
.bo-equipe-pop-nome { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 500; }
.bo-equipe-pop-radio { accent-color: var(--ag-accent, #4f46e5); width: 16px; height: 16px; margin: 0; }
.bo-equipe-pop-vazio { margin: 8px 0; font-size: 13px; color: var(--ag-text-muted, #6b7280); }
.bo-equipe-pop-rodape { display: flex; justify-content: flex-end; gap: 8px; margin-top: 12px; padding-top: 12px; border-top: 1px solid var(--ag-divider, #f3f4f6); }
.bo-equipe-modal-texto { margin: 0 0 16px; }
@media (max-width: 640px) {
  .bo-equipe-pop { left: 8px !important; right: 8px; width: auto; }
}
/* card #168 etapa 4: quem não é Atendente vê a conversa, mas o campo de mensagem fica bloqueado, com aviso discreto */
#chat.bo-nao-atendente [data-kit-chat-barra] { opacity: 0.45; pointer-events: none; }
.bo-aviso-atendente { margin: 0 0 6px; padding: 6px 10px; border-radius: 8px; font-size: 12px; color: var(--ag-text-muted, #6b7280); background: var(--ag-surface-3, #f3f4f6); }

/* Bolhas do chat sem corte à direita (card #192): a bolha respeita a largura do painel e quebra palavra longa; o flex pai pode encolher (min-width: 0). */
#chat .kit-chat-mensagens { overflow-x: hidden; }
#chat .kit-chat-msg { min-width: 0; box-sizing: border-box; }
#chat .kit-chat-bolha { min-width: 0; box-sizing: border-box; overflow-wrap: anywhere; word-break: break-word; }
/* Card #203: reputação GLOBAL na lista do chat — denúncia/caso aberto ou negócio com problema em vermelho (o selo traz a contagem); boa reputação com a borda verde. */
#chat .kit-chat-item.bo-rep--alerta { border-left-color: #dc2626; }
#chat .kit-chat-item.bo-rep--alerta:not(.kit-chat-item--ativo) { background: #fef2f2; }
#chat .kit-chat-item.bo-rep--alerta .kit-chat-item-nome { color: #991b1b; }
#chat .kit-chat-item.bo-rep--boa { border-left-color: #16a34a; }

/* /assets/style.css */
:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--cor-texto,#233832);background:var(--cor-fundo,#f5f7f4);font-synthesis:none;--green:#1a5946;--dark:#102e27;--muted:#75817b;--line:#e1e7e0;--lime:#d2ec92}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;transition:background .15s,transform .15s}button:disabled{opacity:.55;cursor:wait}button:focus-visible,a:focus-visible{outline:3px solid #84b393;outline-offset:3px}input,select,textarea{border:1px solid var(--cor-borda);border-radius:9px;padding:12px;background:var(--cor-cartao);color:inherit;min-width:0}input:focus,select:focus,textarea:focus{outline:2px solid #9bc4aa;border-color:transparent}input[type=checkbox]{accent-color:var(--green);width:18px;height:18px}label{font-size:13px;font-weight:600;display:block;margin-bottom:8px}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}h1{font-size:31px;font-weight:600;letter-spacing:-1px}h2{font-size:19px;letter-spacing:-.4px}h3{font-size:16px}p{line-height:1.6}small,.muted{color:var(--muted)}[hidden]{display:none!important}.brand{display:flex;align-items:center;font-size:27px;font-weight:650;letter-spacing:-1.4px;gap:10px}.brand-mark{display:grid;place-items:center;width:39px;height:39px;background:var(--lime);color:var(--dark);border-radius:12px;font-size:31px;letter-spacing:-2px;padding-right:3px}.brand-dot{color:#a9ce72;font-size:8px;align-self:flex-start;margin-top:8px;margin-left:-6px}.login-layout{display:grid;grid-template-columns:1.1fr 1fr;min-height:100vh}.login-story{background:var(--dark);color:#f1f5eb;padding:52px 10%;display:flex;flex-direction:column;justify-content:space-between;min-height:100vh;position:relative;overflow:hidden}.login-story:after{content:"";width:420px;height:420px;border:1px solid #ffffff0b;position:absolute;border-radius:50%;right:-210px;bottom:-20px;box-shadow:0 0 0 70px #ffffff03,0 0 0 140px #ffffff03;pointer-events:none}.login-story h1{font-size:clamp(40px,4vw,62px);line-height:1.14;font-weight:450;letter-spacing:-2px;margin:25px 0}.login-story p{color:#b9cbbd}.eyebrow,.mini-label{font-size:10px;letter-spacing:1.7px;font-weight:700;color:var(--muted)}.login-story .eyebrow{color:var(--lime)}.story-footer{font-size:10px;letter-spacing:2px;color:#9caea3}.login-main{display:grid;place-items:center;padding:50px}.login-card{width:100%;max-width:355px}.login-card h2{font-size:28px;margin-top:18px;margin-bottom:12px}.login-card>p{font-size:14px;color:var(--muted);margin-bottom:35px}.login-card input{width:100%;height:49px;margin-bottom:22px}.login-card small{display:block;text-align:center;line-height:1.6;font-size:11px;margin-top:22px}.password-field{position:relative}.password-field input{padding-right:80px}.password-field button{position:absolute;right:10px;top:13px;font-size:11px}.primary,.secondary{border-radius:8px;padding:12px 18px;font-size:13px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:12px}.primary{background:var(--green);color:var(--cor-sobre-verde);border:1px solid var(--green)}.primary:hover{background:#124432}.secondary{background:var(--cor-cartao);border:1px solid var(--cor-borda);color:var(--cor-texto)}.secondary:hover{background:var(--cor-cartao-claro)}.primary.wide{width:100%;justify-content:space-between}.small{padding:8px 13px;font-size:11px}.text-button{border:0;background:none;color:var(--green);font-weight:600;padding:0;white-space:nowrap}.icon-button{border:0;background:transparent;color:var(--muted);font-size:23px;padding:4px 8px}.error{color:#ac3535!important;font-size:13px!important;margin:0 0 16px!important}.error:empty{display:none}.error-banner{background:color-mix(in srgb,var(--cor-erro,#dc2626) 12%,transparent);color:var(--cor-erro-texto,#984c3e);border:1px solid color-mix(in srgb,var(--cor-erro,#dc2626) 35%,transparent);border-radius:10px;padding:15px;font-size:13px;margin-bottom:20px}.avatar{width:35px;height:35px;background:var(--cor-cartao-claro);color:var(--cor-texto-suave);border-radius:50%;display:grid;place-items:center;font-size:12px}.page-content{padding:38px 40px 45px;max-width:1500px;width:100%;margin:0 auto;flex:1}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:31px}.page-heading .eyebrow{font-size:9px;margin-bottom:12px}.page-heading h1{margin-bottom:10px}.page-heading p:not(.eyebrow){color:var(--muted);font-size:12px;margin-bottom:0}.date-pill{font-size:10px;border:1px solid var(--line);padding:10px 13px;border-radius:7px;color:var(--cor-texto-suave);white-space:nowrap}.summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:37px}.summary-card{background:var(--cor-cartao);border:1px solid var(--line);padding:22px 25px;border-radius:12px}.summary-card small{font-size:11px}.summary-card strong{display:block;font-size:30px;font-weight:550;letter-spacing:-1px;margin:17px 0 6px}.summary-card p{font-size:10px;color:var(--cor-texto-suave);margin:0}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:25px 0 17px}.section-heading h2{font-size:16px;margin:0}.section-heading>span{font-size:10px;color:var(--cor-texto-suave)}.monitor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.card{padding:25px;background:var(--cor-cartao);border:1px solid var(--line);border-radius:12px}.card-head{display:flex;align-items:center;gap:13px;margin-bottom:20px}.channel-icon{font-size:23px;display:grid;place-items:center;width:43px;height:43px;border-radius:11px;background:var(--cor-cartao-claro);color:var(--cor-texto-suave)}.channel-icon.telegram{background:#edf3f6;color:#568494}.card-head h3{margin:0 0 5px;font-size:14px}.card-head small{font-size:10px}.card-head .badge{margin-left:auto}.badge{display:inline-block;border-radius:20px;padding:5px 9px;font-size:9px;font-weight:600;white-space:nowrap}.badge.active{background:var(--cor-cartao-claro);color:var(--cor-texto-suave)}.badge.paused{background:var(--cor-cartao-claro);color:#928353}.badge.error{background:color-mix(in srgb,var(--cor-erro,#dc2626) 14%,transparent);color:var(--cor-erro-texto,#a14f3e)}.card>p{font-size:12px;color:var(--muted);min-height:38px}.card-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--cor-borda);padding-top:17px;margin-top:22px;gap:10px}.card-bottom>span{font-size:10px;color:var(--cor-texto-suave)}.card select{font-size:11px;max-width:100%;padding:8px}.help-card{margin-top:23px;border-radius:12px;border:1px solid var(--cor-borda);background:var(--cor-cartao-claro);padding:24px;display:flex;gap:20px;align-items:center}.help-icon{font-size:26px;color:var(--cor-texto-suave)}.help-card h3{font-size:12px;margin:0 0 6px}.help-card p{font-size:11px;color:var(--cor-texto-suave);margin:0;max-width:530px}.help-card button{font-size:11px;margin-left:auto}.page-footer{padding:18px 40px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:var(--cor-texto-suave);font-size:9px;letter-spacing:.2px}.toolbar{display:flex;justify-content:space-between;gap:15px;margin-bottom:17px}.toolbar input{font-size:12px;width:240px}.segmented{display:flex;padding:4px;background:var(--cor-cartao-claro);border-radius:10px;gap:4px}.segmented button{border:0;background:transparent;padding:9px 15px;font-size:11px;border-radius:7px;color:var(--cor-texto-suave)}.segmented button.selected{background:var(--cor-cartao);color:var(--cor-texto);box-shadow:0 1px 5px #00000008}.table-card{border-radius:12px;overflow:auto;border:1px solid var(--line);background:var(--cor-cartao)}table{border-collapse:collapse;width:100%;font-size:12px;white-space:nowrap}th{text-align:left;font-size:10px;color:var(--cor-texto-suave);font-weight:550;background:var(--cor-cartao);padding:17px 20px;border-bottom:1px solid var(--line)}td{padding:19px 20px;border-bottom:1px solid var(--cor-borda)}tr:last-child td{border:0}td:first-child{font-weight:600}.muted{font-size:11px}.program-symbol{display:inline-grid;place-items:center;width:29px;height:29px;background:var(--cor-cartao-claro);border-radius:8px;margin-right:10px;color:var(--cor-texto-suave);font-size:11px}.group-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.group-card h3{margin-bottom:6px}.group-card .id{font-size:10px;word-break:break-all;color:var(--cor-texto-suave)}.group-card label{font-size:12px;font-weight:400;display:flex;gap:10px;align-items:center;margin:18px 0 0}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin-bottom:17px}.form-row input,.form-row select{width:100%}.field{margin-bottom:18px}.field input,.field select,.field textarea{width:100%}.field small{display:block;font-size:10px;margin-top:6px}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.empty{padding:38px!important;text-align:center;color:var(--cor-texto-suave);font-weight:400!important;font-size:12px}.note{background:var(--cor-cartao-claro);border-radius:9px;padding:14px;font-size:12px;line-height:1.6;color:var(--cor-texto-suave)}fieldset{border:1px solid var(--line);border-radius:9px;margin:18px 0;padding:15px}legend{font-size:12px;font-weight:650;padding:0 6px}.check-label{display:flex;align-items:center;gap:8px;font-weight:400}.qr-image{display:block;width:250px;height:250px;object-fit:contain;margin:20px auto}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--dark);color:var(--cor-sobre-verde);padding:14px 24px;border-radius:10px;box-shadow:0 5px 30px #0002;font-size:13px;z-index:10}.danger-text{color:#a15042}.inline-buttons{display:flex;gap:10px;flex-wrap:wrap}.status-note{font-size:11px;color:#8c866b;margin-top:13px;line-height:1.5}
@media(min-width:1500px){.page-content{padding-top:50px}.summary-card{padding:26px 30px}.card{padding:30px}}
@media(max-width:1100px){.page-content{padding:28px}.summary-grid{gap:10px}.summary-card{padding:19px}.page-heading h1{font-size:26px}.date-pill{display:none}.card{padding:20px}.help-card{align-items:flex-start;flex-wrap:wrap}}
@media(max-width:760px){.login-layout{grid-template-columns:1fr}.login-story{min-height:0;padding:25px 30px}.login-story>div,.story-footer{display:none}.login-main{padding:50px 28px}.brand-mark{height:32px;width:32px;border-radius:9px;font-size:27px}.page-content{padding:27px 18px}.page-heading{margin-bottom:23px;align-items:flex-start}.page-heading h1{font-size:25px}.page-heading p:not(.eyebrow){font-size:11px}.page-heading>.primary{font-size:10px;padding:10px}.summary-grid{gap:8px;margin-bottom:30px}.summary-card{padding:14px 12px}.summary-card strong{font-size:23px}.summary-card small{font-size:9px}.summary-card p{font-size:8px}.monitor-grid,.group-grid{grid-template-columns:1fr}.section-heading>span{display:none}.section-heading h2{font-size:16px}.toolbar{flex-direction:column}.toolbar input{width:100%}.segmented button{flex:1}.page-footer{padding:18px;font-size:8px}.page-footer>span:last-child{display:none}.help-card{gap:12px;padding:18px}.help-card button{margin-left:35px}.help-card>div{flex:1}.form-row{gap:10px}.card-bottom{gap:8px}td,th{padding:15px}.toast{width:calc(100% - 30px);text-align:center}.card-head .badge{font-size:9px}}
/* Acesso OAuth: marcas reconhecíveis e proporções consistentes em qualquer tela. */.oauth-button{width:100%;min-height:52px;border-radius:10px;padding:12px 16px;display:grid;grid-template-columns:28px 1fr 20px;align-items:center;gap:10px;text-align:left;font-size:14px;font-weight:600;margin-bottom:12px;transition:transform .15s,box-shadow .15s,background .15s}.oauth-button:hover{transform:translateY(-1px);box-shadow:0 6px 18px #183e2b18}.google-button{background:#fff;color:#202124;border:1px solid #dadce0}.google-button:hover{background:#f8faff}.apple-button{background:#111;color:#fff;border:1px solid #111}.apple-button:hover{background:#242424}.oauth-brand{width:24px;height:24px;display:grid;place-items:center;font-weight:700;font-size:18px;line-height:1}.google-brand{font-family:Arial,sans-serif;color:#4285f4;font-size:21px}.apple-brand{font-family:Arial,sans-serif;color:#fff;font-size:20px}.oauth-arrow{justify-self:end;font-size:18px;font-weight:400;opacity:.65}.email-login{margin-top:24px}.login-divider{display:flex;align-items:center;gap:10px;color:var(--muted)!important;font-size:11px!important;margin:0 0 16px!important}.login-divider:before,.login-divider:after{content:"";height:1px;background:var(--line);flex:1}.login-card{margin:0 auto}.login-main{min-width:0}
@media(max-width:760px){.login-main{padding:36px 22px;min-height:calc(100vh - 96px)}.login-card{max-width:420px}.login-card h2{font-size:25px}.oauth-button{min-height:50px;font-size:13px}.login-story{padding:22px 24px}.login-layout{min-height:100svh}}
@media(min-width:761px){.login-main{padding:48px clamp(28px,7vw,100px)}.login-card{max-width:390px}}.google-brand{background:conic-gradient(from -45deg,#4285f4 0 25%,#34a853 25% 45%,#fbbc05 45% 67%,#ea4335 67% 82%,#4285f4 82%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.apple-brand svg{width:22px;height:22px;display:block}.email-toggle{display:block;margin:14px auto 0;border:0;background:none;color:var(--green);font-size:12px;font-weight:600;padding:8px}.email-toggle:hover{text-decoration:underline}.email-login{margin-top:10px}
/* OAuth: texto central, sem seta auxiliar. */.oauth-button{justify-content:center!important;text-align:center!important;grid-template-columns:24px 1fr!important}.oauth-button .oauth-arrow{display:none!important}.oauth-button .oauth-brand{justify-self:start}.oauth-button span:not(.oauth-brand):not(.oauth-arrow){text-align:center}.email-login{width:100%;max-width:355px;margin:24px auto 0}.email-login form{width:100%}.email-login .email-continue{display:block;width:100%;height:44px;margin:0 auto 12px;border:1px solid var(--green);border-radius:8px;background:var(--green);color:#fff;font-size:13px;font-weight:600;text-align:center}.email-login .email-continue:hover{background:#124432}.email-login input{display:block;width:100%}.heading-actions{display:flex;gap:10px;align-items:center}.channel-management{margin:18px 0 10px;display:flex;gap:12px;align-items:center;flex-wrap:wrap}.channel-list{display:flex;gap:8px;flex-wrap:wrap}.channel-chip{display:inline-flex;gap:7px;align-items:center;background:var(--cor-cartao-claro);border-radius:999px;padding:7px 12px;color:#163746}.channel-chip small{color:#68808a}.segmented:empty{display:none}.login-kit{width:100%;max-width:440px;margin:0 auto}.login-kit .error{text-align:center;margin-top:12px!important}
/* card #37: tela "Criar sua organização" (bloco criar-organizacao) com as cores do Balcão */#org-view{--cor-primaria:var(--green);--cor-primaria-texto:var(--green);--cor-primaria-suave:#e8f0ec;--cor-texto:#233832;--cor-texto-secundario:var(--muted);--cor-foco:var(--green)}

/* ===== card #43: casca do kit da library =====
   Sidebar, topbar, menu do perfil e seletor de organização vêm do bloco shell-sidebar-iframe (shell.css); o tema, do
   tema-claro-escuro + tema-logiccos. Aqui só: (1) as telas do app passam a ler os tokens do tema (as variáveis antigas
   apontam para eles dentro do app; Login e Criar organização não mudam) e (2) a marca do Balcão na casca. */
.bo-shell-wrap,dialog.kit-modal,.toast{--green:var(--cor-verde);--dark:var(--cor-texto);--muted:var(--cor-texto-suave);--line:var(--cor-borda);--lime:var(--cor-verde-suave)}
.bo-shell-wrap{background:var(--cor-fundo);color:var(--cor-texto)}
.bo-brand-mark{background-color:var(--cor-verde);background-image:none;color:var(--cor-sobre-verde);font-size:1.25rem;font-weight:800;letter-spacing:-1px;padding-right:2px}
.bo-topbar-title{font-size:.8125rem;font-weight:500;color:var(--cor-texto-suave)}
.bo-topbar-title #current-page{color:var(--cor-texto);font-weight:600}
.topbar-sep{padding:0 .5rem;color:var(--cor-texto-suave)}
/* card #127: o topo tem backdrop-filter (camada própria sem z-index); sem prioridade o menu do perfil (z-index 50, dentro dessa camada) ficava atrás do painel direito das Conversas */
.bo-topbar{position:relative;z-index:40}
/* card #127 (regressão do próprio #127): o topo com z-index 40 cobria o sidebar (shell.css: z-index 30, e 40 no modo hover, que empata com o topo). O sidebar fica acima do topo; o menu do avatar não muda (ele vive dentro do topo e abre para baixo, sobre o painel direito). */
.bo-sidebar,body.bo-hover .bo-sidebar{z-index:50}
.bo-topbar .profile-menu-wrap{margin-left:auto}
/* card #159: Pausar IA, Arquivadas e engrenagem moram no topo da página Conversas (só ali), ao lado do avatar */
.bo-topbar-acoes{display:none;margin-left:auto;align-items:center;gap:.375rem;margin-right:.75rem}
body[data-aba="conversas"] .bo-topbar-acoes{display:flex}
.bo-topbar-acoes .bo-acao-topo{display:inline-flex;align-items:center;justify-content:center;gap:.25rem;min-width:2.25rem;height:2.25rem;padding:0 .5rem;border:1px solid var(--cor-borda);border-radius:.5rem;background:transparent;color:var(--cor-texto);cursor:pointer;font:inherit;font-size:.8125rem}
.bo-topbar-acoes .bo-acao-topo:hover{background:var(--cor-fundo)}
.bo-topbar-acoes .bo-acao-topo[aria-pressed="true"],.bo-topbar-acoes .bo-acao-topo[data-pausada="1"]{border-color:var(--cor-verde);color:var(--cor-verde)}
.bo-topbar-acoes .bo-acao-topo[hidden]{display:none}
.bo-topbar-acoes svg{width:1.125rem;height:1.125rem}
.bo-topbar-acoes .bo-acao-rotulo{display:none}
@media (min-width:900px){.bo-topbar-acoes .bo-acao-rotulo{display:inline}}
.bo-topbar .profile-menu-wrap{margin-left:0}
body:not([data-aba="conversas"]) .bo-topbar .profile-menu-wrap{margin-left:auto}
.bo-content-scroll{display:flex;flex-direction:column}
.bo-content-scroll>.page-content{flex:1}
.bo-content-scroll>.page-footer{flex-shrink:0}
.bo-shell-wrap .primary{background:var(--cor-verde);border-color:var(--cor-verde);color:var(--cor-sobre-verde)}
.bo-shell-wrap .primary:hover{background:var(--cor-verde-hover)}
.bo-shell-wrap input,.bo-shell-wrap select,.bo-shell-wrap textarea,dialog.kit-modal input,dialog.kit-modal select,dialog.kit-modal textarea{background:var(--cor-cartao);color:var(--cor-texto);border-color:var(--cor-borda)}
.bo-shell-wrap .secondary,.bo-shell-wrap .segmented button.selected{background:var(--cor-cartao);color:var(--cor-texto);border-color:var(--cor-borda)}
.bo-shell-wrap .segmented{background:var(--cor-cartao-claro)}
.toast{background:var(--cor-cartao-claro);color:var(--cor-texto);border:1px solid var(--cor-borda)}
.channel-icon svg,.help-icon svg{width:1.4rem;height:1.4rem}
.help-icon{display:inline-flex}
.profile-menu-item .menu-icone{display:inline-flex}
.profile-menu-item .menu-icone svg{width:1rem;height:1rem}
.bo-nav-icon svg{width:1.25rem;height:1.25rem}
.bo-menu-toggle svg{width:1.25rem;height:1.25rem}
a.bo-nav-item{text-decoration:none}
@media(max-width:767px){.topbar-sep{padding:0 .25rem}.page-content{padding:24px 18px}}
.bo-sidebar{background-color:var(--cor-painel)}
.channel-icon.telegram{background:var(--cor-cartao-claro);color:var(--cor-texto-suave)}
/* Shell do desenho do Stitch (card #54, decisão da IA sobre o desenho aprovado pelo dono): trilho azul-noite com o
   destaque índigo do Stitch (tokens do kit; :root:root:root vence o :root:root do tema-logiccos). Só a casca e as telas
   novas usam estes tokens — a tela de login não lê nenhum deles. Cada tela do Stitch traz o próprio título: sem a
   barra "Balcão de milhas / …" no modo trilho (o menu do celular é a barra inferior + "Mais"). */
:root:root:root{--ag-sidebar-bg:#0b1120;--ag-sidebar-border:#1e293b;--ag-sidebar-text:#f1f5f9;--ag-sidebar-text-muted:#94a3b8;--ag-sidebar-item-hover:rgba(30,41,59,.7);--ag-sidebar-item-active:#1e293b;--ag-sidebar-flutuante-bg:#0f172a;--ag-sidebar-item-active-forte:#4f46e5;--ag-accent:#4f46e5;--ag-accent-soft:var(--cor-primaria-suave,#eef2ff);--ag-accent-text:var(--cor-primaria-texto,#4338ca);--ag-focus-ring:#6366f1}
.bo-sidebar{background-color:var(--ag-sidebar-bg)}
.bo-brand-mark{background-color:#4f46e5;background-image:linear-gradient(to top right,#4338ca,#4f46e5,#6366f1);color:#fff;box-shadow:0 10px 15px -3px rgba(30,27,75,.5)}
.bo-nav-icon.material-symbols-outlined{font-size:19px;width:auto}
/* Trilho como no Stitch (card #54): rótulo inteiro, sem reticências — item sem recuo lateral e os nomes longos em 9px com
   letra apertada, como "Visão geral", "Negociações" e "Configurações" no desenho. Card #101: o seletor de organização do kit (o
   quadradinho com a inicial) VOLTA ao trilho do desktop — o #54 o escondia e quem tem 2 organizações não achava como trocar. */
.material-symbols-outlined{font-family:'Material Symbols Outlined';font-weight:normal;font-style:normal;font-size:20px;line-height:1;display:inline-block;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-feature-settings:'liga';font-feature-settings:'liga'}
/* Telas do Stitch (card #54) ocupam a área de conteúdo de ponta a ponta, como no desenho. */
.page-content:has(>.tab-panel:not([hidden])>[data-tela]){padding:0;max-width:none;display:flex;flex-direction:column}.page-content>.tab-panel:not([hidden]):has(>[data-tela]){flex:1;display:flex;flex-direction:column}.tab-panel>[data-tela]{flex:1}

.profile-menu-item>i.fas{width:1rem;text-align:center;font-size:.9rem}

/* Ícone do canal colado ao nome (card #69): marca do bloco icones, cor do canal, sem coluna nova */
.bo-canal{display:inline-flex;align-items:center;flex:none;margin-right:6px;vertical-align:-2px}
.bo-canal--whatsapp{color:#059669}
.bo-canal--telegram{color:#0284c7}
.bo-filtro-canal{height:36px;padding:0 10px;border:1px solid var(--cor-borda,#cbd5e1);border-radius:8px;background:var(--cor-cartao-claro,#fff);font-size:13px;color:var(--cor-texto,#334155)}
.kit-kanban-vazio{color:var(--cor-texto-suave,#475569) !important}
/* card #167: o campo de texto do bloco expediente (library) fixa fundo branco sem cor de texto: no tema escuro ficava texto claro sobre branco */
.kit-exp__texto{background:var(--cor-campo-fundo,#fff);color:var(--cor-texto,#111827)}
.kit-chat-avatar .kit-chat-selo-canal{display:none}   /* o canal agora vem colado ao nome (card #69) */
.kit-chat-item-nome .bo-canal{margin-right:5px}

/* card #73: itens do seletor de programa/titular (bloco autocomplete-cadastro-inline) */
.cad-campo{width:100%}
.cad-selo,.cad-avatar{display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:.7rem;font-weight:700}
.cad-avatar{border-radius:999px;background:var(--cor-verde-suave,#e6f2ee);color:var(--cor-verde,#0f766e)}
.kit-autocomplete-lista .cad-lapis{margin-left:auto;box-shadow:none;padding:0;flex:none;width:2.25rem;height:2.25rem;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:.4rem;background:transparent;color:var(--cor-texto-suave,#64748b);cursor:pointer}
.kit-autocomplete-lista .kit-autocomplete-selo+.cad-lapis{margin-left:.25rem}
.kit-autocomplete-lista .cad-lapis:hover,.kit-autocomplete-lista .cad-lapis:focus-visible{background:var(--cor-cartao-claro,#f1f5f9);color:var(--cor-verde,#0f766e)}
[data-dica-papel]{cursor:help}
/* card #63: no celular todo controle tocável do app tem alvo de pelo menos 44×44 px (botões de ícone das tabelas, filtros,
   15/30/60 min, selects, campos, ☰ e avatar do topo). Regra única pela casca, sem mexer no markup de cada tela. */
@media(max-width:767px){
#app-view :is(button,select,summary,[role=button],a[class*=rounded][class*=px-],input:not([type=checkbox],[type=radio],[type=hidden],[type=range],[type=file])){min-height:44px;min-width:44px}
#app-view button:not(:has(:not(i,svg,.material-symbols-outlined))){display:inline-flex;align-items:center;justify-content:center}
#app-view a[class*=rounded][class*=px-]{display:inline-flex;align-items:center;justify-content:center}
#app-view label:has(>select,>input:not([type=checkbox],[type=radio])){height:auto;min-height:44px}
}
/* card #74: botão principal dos modais do kit no primário do tema (roxo); o modal.css da library usa --cor-verde antes de --cor-primaria */
.kit-modal__rodape .kit-modal__primario,.kit-modal__rodape button[type="submit"]{background:var(--cor-primaria,#4f46e5);border-color:var(--cor-primaria,#4f46e5);color:var(--cor-on-primaria,#fff)}
.kit-modal__rodape .kit-modal__primario:hover,.kit-modal__rodape button[type="submit"]:hover{background:var(--cor-primaria-hover,#4338ca);box-shadow:none}
.cad-logo__acoes{display:flex;gap:.5rem;margin:.5rem 0}.cad-logo__img{width:56px;height:56px;border-radius:12px;object-fit:contain}.cad-logo__previa{display:flex}
.cad-logo__previa .cad-selo{font-size:1rem}
/* card #124: listas de rolagem infinita usam só o seletor "Itens por página" do bloco paginacao */
.kit-paginacao--so-tamanho .kit-paginacao-botoes { display: none; }

/* card #152 (etapas 3 e 4): impressão A4 da Visão geral (Painel de mercado). Vale para as duas abas: o painel inativo está `hidden` e não sai.
   Sem menu, topo, filtros nem botões; cartões, gráficos e tabelas não se partem entre páginas; a moldura do app (altura da janela + rolagem
   interna) vira fluxo normal, senão a folha sai cortada na primeira página. */
.print-only { display: none; }
@media print {
  @page { size: A4; margin: 10mm; }
  html, body { height: auto !important; min-height: 0 !important; overflow: visible !important; background: #fff !important; }
  #boot-esqueleto, .bo-sidebar, .bo-topbar, .bo-backdrop, .toast, .page-footer, dialog.kit-modal:not([open]), .no-print { display: none !important; }
  .bo-shell-wrap, .bo-main, .bo-content-scroll, .page-content, .tab-panel, .stx {
    display: block !important; height: auto !important; min-height: 0 !important; max-height: none !important; overflow: visible !important; position: static !important; padding: 0 !important; margin: 0 !important; }
  .tab-panel[hidden], [data-mercado] [data-aba][hidden], [data-mercado] [hidden] { display: none !important; }   /* o display:block acima não pode acordar tela/aba escondida (imprimia TODAS as telas) */
  .print-only { display: block !important; }
  [data-mercado] { background: #fff !important; color: #0f172a !important; font-size: 11px; padding: 0 !important; min-height: 0 !important; }
  [data-mercado] * { box-shadow: none !important; }
  [data-mercado] main { max-width: none !important; }
  [data-mercado] .print-break-inside-avoid, [data-mercado] article, [data-mercado] tr, [data-mercado] figure, [data-mercado] svg { break-inside: avoid !important; page-break-inside: avoid !important; }
  [data-mercado] .print-grid-3 { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px !important; }   /* folha em pé: 2 por linha (3 espremiam os valores) */
  @media (min-width: 1000px) { [data-mercado] .print-grid-3 { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } }   /* folha deitada */
  [data-mercado] thead { display: table-header-group; }
  [data-mercado] section, [data-mercado] header { border-color: #cbd5e1 !important; }
  [data-mercado] .overflow-x-auto { overflow: visible !important; }
  [data-mercado] table { width: 100% !important; table-layout: auto; }
  [data-mercado] * { -webkit-print-color-adjust: exact; print-color-adjust: exact; }
}
/* card #152: o cabeçalho das tabelas do painel de mercado é claro nos dois temas (a folha global pintava de escuro e escondia o título da 1ª coluna) */
[data-mercado] table thead, [data-mercado] table thead tr, [data-mercado] table thead th { background: transparent; color: inherit; }
[data-mercado] table thead th { border-bottom: 1px solid var(--cor-borda, #e2e8f0); }
/* card #168 etapa 4: caixinha "Atendente" na coluna Ações de Usuários e permissões */
.bo-atendente-caixa { display: inline-flex; align-items: center; gap: 4px; margin-right: 10px; font-size: 12px; white-space: nowrap; cursor: pointer; }
.bo-atendente-caixa input { accent-color: var(--cor-primaria, #4f46e5); width: 15px; height: 15px; margin: 0; }
.bo-atendente-caixa { color: inherit; }
.bo-atendente-movel { margin-top: 4px; }
@media (max-width: 767px) { .bo-atendente-largo { display: none; } }
@media (min-width: 768px) { .bo-atendente-movel { display: none; } }

/* card #180: filtro de período no padrão do Agendou (telas/filtro-periodo.js; cópia provisória do negocios.html do Agendou, card #845 de lá; sai daqui quando o
   bloco filtro-periodo existir na library, logiccos_library#288). Mesmas classes .per-* do Agendou; cores pelos tokens do tema (claro e escuro). No celular a folha
   sobe de baixo (como no desenho do Stitch). */
.per-wrap { position: relative; }
.per-dd { position: absolute; top: calc(100% + 4px); left: 0; z-index: 40; min-width: 292px; max-width: min(92vw, 360px); padding: 6px; border: 1px solid var(--cor-borda, #e2e8f0); border-radius: 8px;
  background: var(--cor-cartao, #fff); color: var(--cor-texto, #1e293b); box-shadow: 0 8px 24px rgba(0,0,0,.14); }
.per-dd[hidden] { display: none; }
.per-grip { display: none; }
.per-atalhos { display: grid; grid-template-columns: 1fr 1fr; gap: 2px; }
.per-atalho { padding: 6px 8px; font-size: 12.5px; border-radius: 4px; border: 0; background: none; color: inherit; text-align: left; cursor: pointer; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.per-atalho:hover { background: var(--cor-cartao-claro, #f1f5f9); }
.per-atalho.sel { background: var(--cor-primaria-suave, #eef2ff); color: var(--cor-primaria-texto, #4338ca); font-weight: 600; }
.per-atalho:focus-visible, .per-wrap button:focus-visible { outline: 2px solid var(--cor-primaria, #4f46e5); outline-offset: 1px; }
.per-sep { border-top: 1px solid var(--cor-borda, #e2e8f0); margin: 6px 2px 4px; }
.per-custom-titulo { font-size: 11px; color: var(--cor-texto-suave, #64748b); padding: 0 6px 4px; }
.per-custom { display: grid; grid-template-columns: auto 1fr; gap: 4px 6px; align-items: center; padding: 0 4px 2px; }
.per-custom label { font-size: 11.5px; color: var(--cor-texto-suave, #64748b); }
.per-custom input { min-width: 0; padding: 4px 6px; border: 1px solid var(--cor-borda, #e2e8f0); border-radius: 6px; background: var(--cor-cartao-claro, #f8fafc); color: inherit; font-size: 12px; color-scheme: light dark; }
:root[data-theme="escuro"] .per-custom input, :root[data-tema="escuro"] .per-custom input { color-scheme: dark; }
@media (max-width: 640px) {
  .per-dd { position: fixed; left: 0; right: 0; bottom: 0; top: auto; max-width: none; min-width: 0; border-radius: 16px 16px 0 0; padding: 12px 16px 20px; box-shadow: 0 -8px 32px rgba(0,0,0,.35); }
  .per-grip { display: block; width: 40px; height: 4px; border-radius: 99px; background: var(--cor-borda, #cbd5e1); margin: 0 auto 10px; }
  .per-atalhos { grid-template-columns: 1fr; }
  .per-atalho { padding: 10px 12px; font-size: 13px; }
  .per-custom input { padding: 8px; font-size: 14px; }
}
/* card #180: o primeiro campo das tabelas da página Mercado fica visível ao rolar de lado no celular (o cabeçalho transparente do card #152 não vale para ele) */
[data-mercado] table thead th.sticky { background: var(--cor-cartao, #fff); }
[data-mercado] .tnum { font-variant-numeric: tabular-nums; }
/* card #182: lápis do titular no seletor de "Adicionar saldo" — alvo de toque de 44 px no celular */
@media (max-width:767px){.kit-autocomplete-lista .cad-lapis-titular{width:2.75rem;height:2.75rem}}

/* card #187: funil de Negócios no padrão do bloco kanban da library (gap 1.5rem e colunas como em tema-logiccos.css):
   as colunas dividem a largura da tela, não passam de uma rolagem horizontal com snap, e no celular cada coluna ocupa quase a tela. */
.funil-quadro{display:flex;flex-direction:row;align-items:flex-start;gap:1.5rem;padding:0 0 .5rem;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:.75rem}
.funil-quadro .kit-kanban-coluna{flex:1 0 10.5rem;width:auto;max-width:none;max-height:none;min-height:0;scroll-snap-align:start}
.funil-quadro .kit-kanban-corpo{display:flex;flex-direction:column;gap:.75rem;padding:.75rem;overflow-y:visible}
.funil-quadro .kit-kanban-vazio{margin:0;padding:.5rem 0;text-align:center;font-size:.75rem}
.funil-quadro .kit-kanban-card{padding:.75rem;min-width:0}
.funil-quadro .kit-kanban-card .items-baseline{flex-wrap:wrap}
.funil-quadro [data-funil-sub]{padding:.5rem 1.25rem 0;margin:0}
.funil-quadro [data-campo="nome"],.funil-quadro [data-campo="programa"]{white-space:normal;overflow-wrap:anywhere}
.funil-quadro .kit-kanban-card [data-parte="programa"]{overflow:visible;text-overflow:clip;white-space:normal;min-width:0;max-width:100%;display:inline-block;overflow-wrap:anywhere;line-height:1.25}
@media (max-width:767px){.funil-quadro .kit-kanban-coluna{flex:0 0 86%}}
@media (min-width:768px){.funil-quadro{scroll-snap-type:none}}

/* Card #201 — largura das telas: UM teto (até 1760 px) e margens laterais proporcionais para Vender, Visão geral e Conexões e grupos.
   Os tetos antigos (1376, 1366 e 1280 px) vêm das classes do Stitch, que o stitch.css (GERADO) não deixa mudar; o id do app vence sem !important. */
:root{--balcao-largura-max:1760px;--balcao-margem-tela:clamp(12px,2vw,40px)}
#app-view .stx .max-w-7xl,#app-view .stx .max-w-\[1366px\],#app-view .stx .max-w-\[1376px\]{max-width:var(--balcao-largura-max)}
#app-view #tela-ofertar main,#app-view #tela-conexoes-e-grupos>div,#app-view #tela-visao-geral main{padding-inline:var(--balcao-margem-tela)}
/* Conexões e grupos: o botão "Colunas" do kit sobe para a linha da busca e dos filtros (canais.js move a barra do kit para a vaga dele no cabeçalho). */
[data-colunas-vaga] .kit-tabela-listagem-barra{margin:0;padding:0;flex-wrap:nowrap}
[data-cabecalho-grupos]>[data-filtros-grupos]{flex:1;min-width:0}
/* linhas compactas e tabela fluida: sem coluna empurrada para fora da caixa */
[data-tabela-grupos] .kit-tabela-listagem{table-layout:auto}
[data-tabela-grupos] .kit-tabela-listagem th,[data-tabela-grupos] .kit-tabela-listagem td{padding:6px 10px;white-space:normal}
[data-tabela-grupos] .kit-tabela-listagem td [data-col],[data-tabela-grupos] .kit-tabela-listagem td .canais-sugestao,[data-tabela-grupos] .kit-tabela-listagem td .canais-regras-resumo{min-width:0}
[data-tabela-grupos] .canais-grupo__nome{flex-wrap:nowrap}
[data-tabela-grupos] .canais-grupo__nome>strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}
[data-tabela-grupos] .canais-sugestao{flex-wrap:wrap;row-gap:2px}
/* Estoque: o cabeçalho tem fundo de ponta a ponta; só o miolo dele e o corpo param no mesmo teto (4rem = 2 × o recuo de 2rem) */
#app-view #tela-estoque header>div{max-width:calc(var(--balcao-largura-max) - 4rem);margin-inline:auto}
#app-view #tela-estoque header+div{max-width:var(--balcao-largura-max);margin-inline:auto}
@media (max-width:639px){[data-cabecalho-grupos]{flex-wrap:wrap;padding-bottom:8px}[data-cabecalho-grupos]>[data-filtros-grupos]{flex-basis:100%}[data-cabecalho-grupos]>[data-colunas-vaga]{margin-left:auto}}

/* /assets/kit/historico-restaurar/historicoRestaurar.css */
/* Gaveta historico-restaurar — painel lateral de histórico com restaurar.
   Convenção de tokens igual à de tickets-painel/painel.css (--color-*, fallback claro/escuro
   sem depender do produto já ter definido os tokens). */

.kit-historico-overlay {
  --_bg: var(--color-bg, #f6f7f9);
  --_surface: var(--color-surface, #ffffff);
  --_surface2: var(--color-surface-2, #eef0f4);
  --_borda: var(--color-border, #dfe3ea);
  --_texto: var(--color-text, #14181f);
  --_mudo: var(--color-text-muted, #5b6472);
  --_primaria: var(--color-primary, #3b4fd6);
  --_sobre-primaria: var(--color-primary-foreground, #ffffff);
  --_erro: var(--color-danger, #b3261e);
  --_erro-bg: var(--color-danger-bg, #fce8e6);
  --_sucesso: var(--color-success, #157a3d);
  --_sucesso-bg: var(--color-success-bg, #e3f5ea);

  position: fixed;
  inset: 0;
  background: rgba(20, 24, 31, 0.32);
  display: flex;
  justify-content: flex-end;
  z-index: 1000;
}

@media (prefers-color-scheme: dark) {
  .kit-historico-overlay {
    --_bg: var(--color-bg, #101318);
    --_surface: var(--color-surface, #181c23);
    --_surface2: var(--color-surface-2, #222732);
    --_borda: var(--color-border, #323847);
    --_texto: var(--color-text, #e6e9ef);
    --_mudo: var(--color-text-muted, #a0a8b6);
    --_primaria: var(--color-primary, #9ba8ff);
    --_sobre-primaria: var(--color-primary-foreground, #10163a);
    --_erro: var(--color-danger, #ffb4ab);
    --_erro-bg: var(--color-danger-bg, #3b1a17);
    --_sucesso: var(--color-success, #6fd69a);
    --_sucesso-bg: var(--color-success-bg, #17301f);
  }
}

.kit-historico-painel {
  background: var(--_surface);
  color: var(--_texto);
  width: min(420px, 100vw);
  height: 100%;
  display: flex;
  flex-direction: column;
  box-shadow: -8px 0 24px -8px rgba(16, 24, 40, 0.3);
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}

.kit-historico-cabecalho {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 20px;
  border-bottom: 1px solid var(--_borda);
}

.kit-historico-cabecalho h2 {
  font-size: 1rem;
  margin: 0;
}

.kit-historico-botao-fechar {
  border: none;
  background: transparent;
  color: var(--_mudo);
  cursor: pointer;
  font-size: 1rem;
  line-height: 1;
  padding: 6px;
  border-radius: 9999px;
}
.kit-historico-botao-fechar:hover {
  background: var(--_surface2);
}

.kit-historico-corpo {
  flex: 1;
  overflow-y: auto;
  padding: 12px 16px;
}

.kit-historico-vazio,
.kit-historico-erro {
  color: var(--_mudo);
  font-size: 0.875rem;
  padding: 12px 4px;
}
.kit-historico-erro {
  color: var(--_erro);
}

.kit-historico-lista {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.kit-historico-item {
  border: 1px solid var(--_borda);
  border-radius: 12px;
  overflow: hidden;
}

.kit-historico-item-cabecalho {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  padding: 10px 12px;
  background: transparent;
  border: none;
  cursor: pointer;
  text-align: left;
  font-family: inherit;
  color: var(--_texto);
}
.kit-historico-item-cabecalho:hover {
  background: var(--_surface2);
}

.kit-historico-chip {
  font-size: 0.7rem;
  font-weight: 600;
  padding: 2px 8px;
  border-radius: 9999px;
  white-space: nowrap;
}
.kit-historico-chip--criar { background: var(--_sucesso-bg); color: var(--_sucesso); }
.kit-historico-chip--editar { background: var(--color-info-bg, #e4edfd); color: var(--color-info, #1d5fd1); }
.kit-historico-chip--excluir { background: var(--_erro-bg); color: var(--_erro); }

.kit-historico-data {
  margin-left: auto;
  font-size: 0.75rem;
  color: var(--_mudo);
  white-space: nowrap;
}

.kit-historico-detalhe {
  padding: 0 12px 12px;
  border-top: 1px solid var(--_borda);
}

.kit-historico-diff {
  list-style: none;
  margin: 8px 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
  font-size: 0.8125rem;
}
.kit-historico-diff-linha {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 6px;
  padding: 4px 0;
}
.kit-historico-diff-linha [data-kit-historico-campo] { color: var(--_mudo); font-weight: 600; }
.kit-historico-diff-linha[data-tipo="removido"] [data-kit-historico-antes] { text-decoration: line-through; color: var(--_erro); }
.kit-historico-diff-linha[data-tipo="adicionado"] [data-kit-historico-depois] { color: var(--_sucesso); }
.kit-historico-sem-diff { color: var(--_mudo); font-size: 0.8125rem; }

.kit-historico-botao-restaurar {
  border: none;
  background: var(--_primaria);
  color: var(--_sobre-primaria);
  font-size: 0.8125rem;
  font-weight: 600;
  padding: 6px 14px;
  border-radius: 8px;
  cursor: pointer;
}
.kit-historico-botao-restaurar:disabled {
  opacity: 0.6;
  cursor: default;
}

.kit-historico-mensagem {
  margin: 8px 0 0;
  font-size: 0.8125rem;
}
.kit-historico-mensagem[data-estado="sucesso"] { color: var(--_sucesso); }
.kit-historico-mensagem[data-estado="erro"] { color: var(--_erro); }

/* /assets/canais/canais.css */
/* Conexões, Grupos e respostas, Últimas ofertas (card #39). Tokens do style.css do painel. */
.canais{display:flex;flex-direction:column;gap:20px}
.canais-topo{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.canais-topo h2{margin:0}
.canais-sub{color:var(--muted);margin:0 0 4px;font-size:14px}
.canais-grade{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:16px}
.canais-card{background:var(--cor-cartao);border:1px solid var(--line);border-radius:16px;padding:18px;display:flex;flex-direction:column;gap:12px;min-width:0}
.canais-card__topo{display:flex;align-items:center;gap:12px}
.canais-card__topo>div{flex:1;min-width:0}
.canais-card__topo h3{margin:0;font-size:16px;overflow-wrap:anywhere}
.canais-card__topo small{display:block;font-size:12.5px;color:var(--muted);margin-top:2px}
.canais-icone{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:50%;font-size:18px}
.canais-icone--whatsapp{background:var(--cor-cartao-claro);color:var(--cor-texto-suave)}
.canais-icone--telegram{background:color-mix(in srgb,#1883bd 16%,transparent);color:#1883bd}
.canais-chip{flex:none;display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600;white-space:nowrap}
.canais-chip::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
.canais-chip--ok{background:var(--cor-cartao-claro);color:var(--cor-texto-suave)}
.canais-chip--espera{background:color-mix(in srgb,#d97706 16%,transparent);color:var(--cor-aviso-texto,#8a5a00)}
.canais-chip--alerta{background:color-mix(in srgb,#dc2626 14%,transparent);color:var(--cor-erro-texto,#a1281b)}
.canais-chip--pausa{background:var(--cor-cartao-claro);color:var(--cor-texto-suave)}
.canais-dados{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0}
.canais-dados dt{font-size:11.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.3px}
.canais-dados dd{margin:2px 0 0;font-weight:600;font-size:13.5px;overflow-wrap:anywhere}
.canais-acoes{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.canais-link{background:none;border:0;padding:4px 2px;color:var(--green);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.canais-link--perigo{color:#a1281b;margin-left:auto}
.canais-erro{color:#a1281b;font-size:13px;margin:0}
.canais-alerta{border:1px solid var(--cor-erro-contorno);background:var(--cor-erro-fundo);border-radius:14px;padding:14px 18px;color:var(--cor-erro-texto)}
.canais-alerta ul{margin:6px 0 0;padding-left:18px;font-size:14px}
.canais-alerta li{margin:3px 0}
.canais-vazio{border:1.5px dashed var(--line);border-radius:16px;padding:24px;text-align:center;color:var(--muted);background:var(--cor-cartao)}
.canais-vazio strong{display:block;color:var(--dark);margin-bottom:4px}
.canais-vazio p{margin:0}
.canais-bloco{display:flex;flex-direction:column;gap:12px}
.canais-bloco>h2,.canais-bloco summary{font-size:19px;font-weight:600;margin:0}
.canais-bloco summary{cursor:pointer}
.canais-contador{display:inline-grid;place-items:center;min-width:24px;height:22px;padding:0 7px;border-radius:999px;background:var(--lime);color:var(--dark);font-size:12px;vertical-align:middle;margin-left:6px}
.canais-sugestao{border-left:5px solid var(--lime)}
.canais-motivo{margin:0;font-size:13.5px;color:var(--cor-texto-suave)}
.canais-balcao[data-ativo=false]{opacity:.72;background:var(--cor-cartao-claro)}
.canais-saude{margin:0;font-size:13px;color:var(--muted)}
.canais-saude strong{color:var(--dark)}
.canais-config{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 14px}
.canais-config .canais-programas,.canais-config .canais-acoes{grid-column:1/-1}
.canais-campo{display:flex;flex-direction:column;gap:6px;margin:0;font-size:13px}
.canais-campo input,.canais-campo select{width:100%;padding:10px 12px}
.canais-programas{border:0;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.canais-programas legend{font-size:13px;font-weight:600;margin-bottom:6px;padding:0}
.canais-programas legend small{font-weight:400}
.canais-pilula{margin:0;font-weight:500}
.canais-pilula input{position:absolute;opacity:0;width:1px;height:1px}
.canais-pilula span{display:inline-block;padding:5px 11px;border:1px solid var(--line);border-radius:999px;font-size:12.5px;background:var(--cor-cartao);cursor:pointer}
.canais-pilula input:checked+span{background:var(--green);border-color:var(--green);color:var(--cor-sobre-verde)}
.canais-pilula input:focus-visible+span{outline:3px solid #84b393;outline-offset:2px}
.canais-check{display:inline-flex;align-items:center;gap:8px;margin:0;font-weight:600}
.canais-form{display:flex;flex-direction:column;gap:14px}
.canais-escolha{border:0;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.canais-escolha legend{font-size:13px;font-weight:600;margin-bottom:8px;padding:0}
.canais-escolha label{margin:0;cursor:pointer}
.canais-escolha input{position:absolute;opacity:0}
.canais-escolha span{display:flex;flex-direction:column;gap:2px;border:1.5px solid var(--line);border-radius:14px;padding:14px;height:100%}
.canais-escolha input:checked+span{border-color:var(--green);background:var(--cor-cartao-claro)}
.canais-escolha input:disabled+span{opacity:.5;cursor:not-allowed}
.canais-escolha input:focus-visible+span{outline:3px solid #84b393;outline-offset:2px}
.canais-rodape{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.canais-dica{font-size:13px;color:var(--muted);margin:0}
.canais-qr{display:flex;flex-direction:column;gap:12px;align-items:center;text-align:center}
.canais-qr__img{display:grid;place-items:center;width:260px;max-width:100%;min-height:260px;background:var(--cor-cartao);border:1px solid var(--line);border-radius:14px;padding:10px;color:var(--muted);font-size:13px}
.canais-qr__img img{width:100%;height:auto}
.canais-qr__estado{font-size:13px;color:var(--muted);margin:0}
.canais-qr .canais-rodape{align-self:stretch}
.canais-lista-grupos ul{list-style:none;margin:0;padding:0;max-height:55vh;overflow:auto}
.canais-lista-grupos li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}
.canais-lista-grupos li>div{min-width:0}
.canais-lista-grupos small{display:block;font-size:12px;color:var(--muted)}
.canais-recusados{margin:0;padding-left:18px;font-size:14px}
.canais-tabela td[data-campo=milhas],.canais-tabela td[data-campo=preco]{text-align:right;font-variant-numeric:tabular-nums}
.canais-hist{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid var(--line);border-radius:10px;background:var(--cor-cartao);color:var(--dark);padding:0}
.canais-aviso{position:fixed;right:20px;bottom:20px;z-index:1000;max-width:min(420px,calc(100vw - 40px));padding:12px 16px;border-radius:12px;font-size:14px;box-shadow:0 10px 30px rgba(16,46,39,.18);background:var(--dark);color:var(--cor-sobre-verde)}
.canais-aviso--erro{background:#a1281b}
/* Grupos de cada conexão com as regras do canal (card #74) */
.canais-grupos-lista{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:16px;background:var(--cor-cartao);overflow:hidden}
.canais-grupo{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,2fr) auto;align-items:center;gap:12px 16px;padding:12px 16px;border-bottom:1px solid var(--line)}
.canais-grupo:last-child{border-bottom:0}
.canais-grupo__nome{min-width:0}
.canais-grupo__nome strong{display:flex;align-items:center;gap:6px;overflow-wrap:anywhere}
.canais-grupo__nome small{display:block;font-size:12px;color:var(--muted);margin-top:2px}
.canais-grupo__regras{display:flex;flex-wrap:wrap;gap:6px}
.canais-chave{display:inline-flex;align-items:center;gap:8px;margin:0;font-weight:600;font-size:13px;cursor:pointer;white-space:nowrap}
.canais-chave input{width:18px;height:18px;margin:0;accent-color:var(--green)}
.canais-conexao-grupos .canais-topo h3{display:flex;align-items:center;gap:8px;margin:0;font-size:17px}
@media (max-width:640px){
  .canais-grupo{grid-template-columns:1fr}

  .canais-dados,.canais-config,.canais-escolha{grid-template-columns:1fr}
  .canais-link--perigo{margin-left:0}
}
/* Conexões e grupos no desenho do Stitch (card #74): a tela ocupa a área toda, como as telas do Stitch (data-tela);
   Balcões e respostas continuam embaixo, no visual de antes, com o mesmo recuo. */
.page-content:has(>#view-conexoes-e-grupos:not([hidden])){padding:0;max-width:none}
#view-conexoes-e-grupos .tela-conexoes{background:var(--cor-cartao-claro)}
#view-conexoes-e-grupos .canais-depois-stitch{padding:8px 32px 32px;background:var(--cor-cartao-claro)}
@media (max-width:767px){#view-conexoes-e-grupos .canais-depois-stitch{padding:8px 16px 24px}}
/* modo lento: um segmento por opção (a CSP não deixa style inline) */
.canais-segmentos{grid-template-columns:repeat(5,minmax(0,1fr))}
.canais-segmentos[data-segmentos="6"]{grid-template-columns:repeat(6,minmax(0,1fr))}
/* "Regras do grupo" = gaveta do Stitch: o modal da library encostado à direita na tela grande; no celular o kit já ocupa a tela */
@media (min-width:641px){dialog.kit-modal.canais-gaveta{margin:0 0 0 auto;inset:0 0 0 auto;width:min(460px,100vw);height:100dvh;max-height:100dvh;border-radius:0;resize:none}}
/* tabela de grupos = blocos tabela-listagem e paginacao da library (card #169): no celular o bloco já vira cartão; aqui só o rodapé */
.canais-grupos-rodape .kit-paginacao-resumo{display:none}
.canais-grupos-rodape .kit-paginacao{margin:0}

/* ---- Conexões e grupos, etapas 2 a 7 do card #95 (desenho do Stitch: p32/stitch) ---- */
.cx-avatar{flex:none;border-radius:50%;object-fit:cover;display:block;background:var(--cor-cartao-claro,#f1f5f9)}
.cx-avatar--m{width:44px;height:44px}
.cx-avatar--g{width:48px;height:48px}
.cx-avatar--icone{display:grid;place-items:center;border:1px solid var(--line,#e2e8f0)}
.cx-avatar--wa{background:color-mix(in srgb,#059669 12%,transparent);color:#059669;border-color:color-mix(in srgb,#059669 25%,transparent)}
.cx-avatar--tg{background:color-mix(in srgb,#0284c7 12%,transparent);color:#0284c7;border-color:color-mix(in srgb,#0284c7 25%,transparent)}
.cx-botao-conectar{border:0;border-radius:8px;padding:6px 14px;background:color-mix(in srgb,var(--cor-primaria,#4f46e5) 85%,#000);color:#fff;font-weight:600;font-size:13px;cursor:pointer}
.cx-botao-conectar:hover{filter:brightness(.92)}
.cx-menu-sep{border:0;border-top:1px solid var(--line,#e2e8f0);margin:4px 0}
/* seletor de canal do modal "Nova conexão": dois cartões do MESMO tamanho, ícone e estado selecionado claro */
.cx-canais{display:grid;grid-template-columns:1fr 1fr;gap:12px;border:0;padding:0;margin:0 0 4px}
.cx-canais>legend{font-weight:600;margin-bottom:8px;padding:0}
.cx-canal{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;min-height:132px;padding:16px 12px;border:1px solid var(--line,#cbd5e1);border-radius:12px;background:var(--cor-cartao,#fff);cursor:pointer;transition:border-color .15s,background .15s}
.cx-canal:hover{border-color:#94a3b8}
.cx-canal input{position:absolute;inset:0;opacity:0;cursor:pointer;margin:0}
.cx-canal input:disabled{cursor:not-allowed}
.cx-canal:has(input:disabled){opacity:.55}
.cx-canal:has(input:checked){border:2px solid var(--cor-primaria,#4f46e5);background:rgba(79,70,229,.07);padding:15px 11px}
.cx-canal strong{font-size:15px}
.cx-canal small{font-size:12px;color:var(--muted,#64748b)}
.cx-canal__icone{display:grid;place-items:center;width:44px;height:44px;border-radius:12px}
.cx-canal__icone--whatsapp{background:color-mix(in srgb,#059669 12%,transparent);color:#059669}
.cx-canal__icone--telegram{background:color-mix(in srgb,#0284c7 12%,transparent);color:#0284c7}
.cx-canal__check{display:none;position:absolute;top:8px;right:8px;width:20px;height:20px;border-radius:50%;background:var(--cor-primaria,#4f46e5);color:#fff;align-items:center;justify-content:center}
.cx-canal__check .material-symbols-outlined{font-size:14px}
.cx-canal:has(input:checked) .cx-canal__check{display:flex}
/* foto do grupo e etiqueta de sugestão na tabela de grupos */
.cx-foto-grupo{display:block;flex:none;width:36px;height:36px}
.cx-foto-grupo img{display:block;width:36px;height:36px;border-radius:8px;object-fit:cover;box-shadow:0 1px 2px rgba(15,23,42,.1)}
.cx-sugestao{display:inline-flex;align-items:center;padding:1px 8px;border-radius:999px;font-size:10.5px;font-weight:600;background:var(--cor-primaria-suave,#eef2ff);color:var(--cor-primaria-texto,#4338ca);border:1px solid var(--cor-primaria-contorno,#e0e7ff);white-space:nowrap}
.cx-regras-robo{display:flex;flex-direction:column;gap:10px}
.canais-regras-grupo .canais-config{display:flex;flex-direction:column;gap:10px}
.canais-regras-grupo .canais-grade{grid-template-columns:1fr}
/* card #98: campos numericos do modal Regras do grupo sem setas por cima da unidade, e o interruptor no roxo do tema */
.canais-regras-grupo input[type=number]{-moz-appearance:textfield;appearance:textfield}.canais-regras-grupo input[type=number]::-webkit-inner-spin-button,.canais-regras-grupo input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.canais-regras-grupo input[type=checkbox]{accent-color:#4f46e5}

/* Card #181: linha de grupo compacta — selos de regra numa linha (os que passam de 2 viram "+N" com tooltip), motivo da sugestao so no tooltip,
   nada invade o botao Regras. Cores vem do kit (temas claro/escuro). */
.canais-regras-resumo .kit-etiquetas { display: inline-flex; flex-wrap: nowrap; gap: 4px; }
.canais-regras-resumo .kit-etiqueta { white-space: nowrap; }
@media (max-width: 640px) { .canais-regras-resumo .kit-etiquetas { flex-wrap: wrap; } }
.canais-sugestao { max-width: 100%; flex-wrap: wrap; min-width: 0; }
.canais-sugestao [data-sugestao] { max-width: 100%; overflow: hidden; text-overflow: ellipsis; }

/* /assets/kit/formulario/formulario.css */
/* formulario.css — padrão de formulário (card #171). Só tokens do tema-logiccos, claro e escuro; seletores .kit-form* apenas.
   Largura total do container (dentro do modal, #167): o formulário e cada controle ocupam 100%, nunca largura fixa. */
.kit-form{display:flex;flex-direction:column;gap:1rem;width:100%;box-sizing:border-box;font-family:var(--fonte-sans,system-ui,sans-serif);color:var(--cor-texto,#e2e8f0);}
.kit-form *,.kit-form *::before,.kit-form *::after{box-sizing:border-box;}
.kit-form__campo{display:flex;flex-direction:column;gap:.375rem;width:100%;min-width:0;}
.kit-form__rotulo{font-size:.875rem;font-weight:500;color:var(--cor-texto,#e2e8f0);}
.kit-form__obrigatorio{color:var(--md-sys-color-error,#ef4444);}
/* 1.1.0 (card #236): dentro do modal da library (.kit-modal__corpo label vira coluna) o asterisco caía na linha de baixo */
.kit-form .kit-form__rotulo{display:block;}
.kit-form .kit-form__obrigatorio{display:inline;}
.kit-form__controle{display:block;width:100%;min-height:2.5rem;padding:.5rem .75rem;border:1px solid var(--cor-borda,#2e3a50);border-radius:var(--raio-item,.75rem);font:inherit;font-size:.875rem;color:var(--cor-texto,#e2e8f0);background-color:var(--cor-cartao-claro,#1e2638);transition:border-color .2s ease,box-shadow .2s ease;}
.kit-form__controle--area{min-height:6rem;resize:vertical;}
.kit-form__controle::placeholder{color:var(--cor-texto-suave,#94a3b8);opacity:.8;}
.kit-form__controle:focus-visible{outline:none;border-color:var(--cor-verde,#7bc043);box-shadow:0 0 0 3px var(--cor-verde-20,rgba(123,192,67,.2));}
.kit-form__controle:disabled{opacity:.6;cursor:not-allowed;}
.kit-form__campo--erro .kit-form__controle{border-color:var(--md-sys-color-error,#ef4444);}
.kit-form__campo--erro .kit-form__controle:focus-visible{box-shadow:0 0 0 3px var(--md-sys-color-error-container,rgba(239,68,68,.1));}
.kit-form__ajuda{margin:0;font-size:.75rem;line-height:1.4;color:var(--cor-texto-suave,#94a3b8);}
.kit-form__erro{margin:0;font-size:.75rem;line-height:1.4;color:var(--md-sys-color-error,#ef4444);}
.kit-form__erro-geral{padding:.625rem .75rem;border:1px solid var(--md-sys-color-error,#ef4444);border-radius:var(--raio-item,.75rem);font-size:.875rem;color:var(--md-sys-color-on-error-container,#ef4444);background-color:var(--md-sys-color-error-container,rgba(239,68,68,.1));}
.kit-form [hidden]{display:none !important;}
.kit-form__acoes{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.75rem;margin-top:.5rem;padding-top:1rem;border-top:1px solid var(--cor-borda,#2e3a50);}
.kit-form__botao{min-height:2.5rem;padding:.5rem 1.25rem;border-radius:var(--raio-pilula,9999px);font:inherit;font-size:.875rem;font-weight:600;cursor:pointer;transition:background-color .2s ease,box-shadow .2s ease,border-color .2s ease;}
.kit-form__botao:disabled{opacity:.6;cursor:not-allowed;}
.kit-form__botao:focus-visible{outline:2px solid var(--cor-verde,#7bc043);outline-offset:2px;}
.kit-form__botao--primario{border:0;color:var(--cor-sobre-verde,#0a0f18);background-color:var(--cor-verde,#7bc043);}
.kit-form__botao--primario:hover:not(:disabled){background-color:var(--cor-verde-hover,#68a537);box-shadow:var(--brilho-verde,0 0 15px rgba(123,192,67,.3));}
.kit-form__botao--secundario{border:1px solid var(--cor-borda,#2e3a50);color:var(--cor-texto,#e2e8f0);background-color:transparent;}
.kit-form__botao--secundario:hover:not(:disabled){background-color:var(--cor-cartao-claro,#1e2638);}
/* 1.1.1: dentro do modal da library, `.kit-modal__corpo button` (0,1,1) vencia as variantes (0,1,0): o primário saía branco
   e, no hover, ganhava o fundo escuro do hover com o texto escuro do modal — retângulo preto sem rótulo (monitor_balcao#73). */
.kit-form .kit-form__botao--primario{border:1px solid var(--cor-verde,#7bc043);color:var(--cor-sobre-verde,#0a0f18);background:var(--cor-verde,#7bc043);}
.kit-form .kit-form__botao--primario:hover:not(:disabled),.kit-form .kit-form__botao--primario:focus-visible{color:var(--cor-sobre-verde,#0a0f18);background:var(--cor-verde-hover,#68a537);}
.kit-form .kit-form__botao--secundario{border:1px solid var(--cor-borda,#2e3a50);color:var(--cor-texto,#e2e8f0);background:transparent;}
.kit-form .kit-form__botao--secundario:hover:not(:disabled){color:var(--cor-texto,#e2e8f0);background:var(--cor-cartao-claro,#1e2638);}
@media (max-width:480px){.kit-form__acoes{flex-direction:column-reverse;}.kit-form__botao{width:100%;}}
@media (prefers-reduced-motion:reduce){.kit-form__controle,.kit-form__botao{transition:none;}}

/* /assets/kit/estados/estados.css */
/* estados.css — vazio, carregando e erro (card #173). Só tokens do tema-logiccos, claro e escuro; seletores .kit-* apenas. */
.kit-estado{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:2.5rem 1.5rem;text-align:center;font-family:var(--fonte-sans,system-ui,sans-serif);color:var(--cor-texto,#e2e8f0);border-radius:var(--raio-painel,1rem);}
.kit-estado--vazio{border:1px dashed var(--cor-borda,#2e3a50);}
.kit-estado--erro{border:1px solid var(--cor-borda,#2e3a50);}
.kit-estado__icone{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:var(--raio-pilula,9999px);font-size:1.25rem;font-weight:600;line-height:1;color:var(--cor-verde,#7bc043);background-color:var(--cor-verde-suave,rgba(123,192,67,.1));}
.kit-estado--erro .kit-estado__icone{color:var(--md-sys-color-error,#ef4444);background-color:var(--md-sys-color-error-container,rgba(239,68,68,.1));}
.kit-estado__titulo{margin:0;font-size:1rem;font-weight:600;color:var(--cor-texto,#e2e8f0);}
.kit-estado__mensagem{margin:0;max-width:28rem;font-size:.875rem;line-height:1.5;color:var(--cor-texto-suave,#94a3b8);}
.kit-estado__acao{margin-top:.5rem;min-height:2.5rem;padding:.5rem 1.25rem;border:0;border-radius:var(--raio-pilula,9999px);font:inherit;font-size:.875rem;font-weight:600;cursor:pointer;color:var(--cor-sobre-verde,#0a0f18);background-color:var(--cor-verde,#7bc043);transition:background-color .2s ease,box-shadow .2s ease;}
.kit-estado__acao:hover{background-color:var(--cor-verde-hover,#68a537);box-shadow:var(--brilho-verde,0 0 15px rgba(123,192,67,.3));}
.kit-estado__acao:focus-visible{outline:2px solid var(--cor-verde,#7bc043);outline-offset:2px;}
.kit-estado--carregando{align-items:stretch;border:0;}
.kit-estado--spinner{align-items:center;}
.kit-esqueleto__linha{width:100%;height:1rem;border-radius:var(--raio-item,.75rem);background-color:var(--cor-cartao-claro,#1e2638);background-image:linear-gradient(90deg,transparent,var(--cor-borda,#2e3a50),transparent);background-size:200% 100%;background-repeat:no-repeat;animation:kit-esqueleto-brilho 1.4s ease-in-out infinite;}
.kit-esqueleto__linha:nth-child(2){width:85%;}
.kit-esqueleto__linha:nth-child(3){width:70%;}
.kit-spinner{width:1.75rem;height:1.75rem;border:3px solid var(--cor-borda,#2e3a50);border-top-color:var(--cor-verde,#7bc043);border-radius:50%;animation:kit-spinner-gira .8s linear infinite;}
.kit-sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
@keyframes kit-esqueleto-brilho{0%{background-position:200% 0;}100%{background-position:-200% 0;}}
@keyframes kit-spinner-gira{to{transform:rotate(360deg);}}
@media (prefers-reduced-motion:reduce){.kit-esqueleto__linha,.kit-spinner{animation:none;}}

/* /assets/kit/autocomplete-cadastro-inline/autocompleteCadastroInline.css */
/* Gaveta autocomplete-cadastro-inline 1.1.0 — o CSS que antes só existia na demo. Tokens do tema-logiccos
   (--cor-*, --raio-item) com recuo neutro; o produto pode sobrepor, mas não precisa. */
.kit-autocomplete{position:relative;width:100%;}
.kit-autocomplete-campo{width:100%;box-sizing:border-box;background:var(--cor-painel,#fff);color:var(--cor-texto,#0f172a);border:1px solid var(--cor-borda,#cbd5e1);border-radius:var(--raio-item,.5rem);padding:.6rem .8rem;font:inherit;font-size:.95rem;min-height:2.75rem;}
.kit-autocomplete-campo:focus{outline:2px solid var(--cor-verde,#0f766e);outline-offset:1px;}
.kit-autocomplete-lista{position:absolute;left:0;right:0;margin:.3rem 0 0;padding:.3rem;list-style:none;background:var(--cor-painel,#fff);border:1px solid var(--cor-borda,#cbd5e1);border-radius:var(--raio-item,.5rem);max-height:16rem;overflow-y:auto;z-index:30;box-shadow:0 8px 24px rgba(15,23,42,.12);}
.kit-autocomplete-item,.kit-autocomplete-item--criar-novo{display:flex;align-items:center;gap:.6rem;padding:.5rem .6rem;min-height:2.75rem;box-sizing:border-box;border-radius:.4rem;font-size:.9rem;color:var(--cor-texto,#0f172a);cursor:pointer;}
.kit-autocomplete-item--ativo,.kit-autocomplete-item:hover{background:var(--cor-verde-suave,#ecfdf5);color:var(--cor-verde,#0f766e);}
.kit-autocomplete-item--criar-novo{color:var(--cor-verde,#0f766e);font-weight:600;border-top:1px solid var(--cor-borda,#e2e8f0);margin-top:.2rem;}
.kit-autocomplete-item--criar-novo.kit-autocomplete-item--ativo,.kit-autocomplete-item--criar-novo:hover{background:var(--cor-verde-suave,#ecfdf5);}
.kit-autocomplete-vazio{padding:.5rem .6rem;font-size:.9rem;color:var(--cor-texto-suave,#64748b);}
/* item com logo (renderizarItem): <img class="kit-autocomplete-logo"> + <span class="kit-autocomplete-texto"><b>nome</b><small>detalhe</small></span> */
.kit-autocomplete-logo{width:1.75rem;height:1.75rem;border-radius:.4rem;flex:none;object-fit:contain;}
.kit-autocomplete-texto{display:flex;flex-direction:column;min-width:0;line-height:1.2;}
.kit-autocomplete-texto small{color:var(--cor-texto-suave,#64748b);font-size:.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.kit-autocomplete-selo{margin-left:auto;font-size:.7rem;padding:.1rem .4rem;border-radius:999px;background:var(--cor-cartao-claro,#f1f5f9);color:var(--cor-texto-suave,#475569);flex:none;}

/* /assets/kit/tenancy-convite-membro-tela/membrosTela.css */
/* Visual mínimo da gaveta tenancy-convite-membro-tela — só as classes de CLASSES_PADRAO, sobre
   as variáveis de tema da casa (tema-logiccos) com fallback. O produto pode trocar tudo via
   opção `classes`. Não passou pelo gemini-design.js (pendência registrada na EXPLICACAO). */
.kit-membros { font: 14px/1.4 system-ui, sans-serif; color: var(--cor-texto, #1c1b1f); max-width: 760px; }
.kit-membros h3 { margin: 1.2em 0 .5em; font-size: 1rem; }
.kit-membros__convite { display: grid; grid-template-columns: 1fr 180px auto; gap: .5rem 1rem; align-items: end; padding: 1rem; border: 1px solid var(--cor-borda, #cac4d0); border-radius: 12px; }
.kit-membros__convite h3 { grid-column: 1 / -1; margin: 0; }
.kit-membros__campo { display: flex; flex-direction: column; gap: .25rem; font-size: .85rem; }
.kit-membros input, .kit-membros select { font: inherit; padding: .45rem .6rem; border: 1px solid var(--cor-borda, #79747e); border-radius: 8px; background: var(--cor-fundo, #fff); color: inherit; }
.kit-membros__erro { grid-column: 1 / -1; margin: 0; color: var(--cor-erro, #b3261e); font-size: .8rem; }
.kit-membros__botao { font: inherit; padding: .5rem 1rem; border: 0; border-radius: 20px; background: var(--cor-primaria, #6750a4); color: #fff; cursor: pointer; }
.kit-membros__botao--perigo { background: transparent; color: var(--cor-erro, #b3261e); border: 1px solid currentColor; }
.kit-membros__botao:disabled { opacity: .5; cursor: default; }
.kit-membros__tabela { width: 100%; border-collapse: collapse; }
.kit-membros__tabela th, .kit-membros__tabela td { text-align: left; padding: .5rem; border-bottom: 1px solid var(--cor-borda, #e7e0ec); }
.kit-membros__tabela small { display: block; opacity: .7; }
.kit-membros__status { min-height: 1.4em; font-size: .85rem; }
.kit-membros__vazio { opacity: .7; }
@media (max-width: 560px) { .kit-membros__convite { grid-template-columns: 1fr; } }

/* /assets/kit/permissoes-matriz-tela/permissoesMatriz.css */
/* Visual da gaveta permissoes-matriz-tela (card logiccos_library#237) — sobre as variáveis do tema da casa
   (tema-logiccos / tema-claro-escuro) com fallback; o produto troca tudo pelas variáveis, sem tocar nas classes. */
.kit-permissoes { --kp-borda: var(--cor-borda, #d9dce3); --kp-fundo: var(--cor-cartao, #fff); --kp-suave: var(--cor-cartao-claro, #f4f5f8);
  --kp-texto: var(--cor-texto, #1c1b1f); --kp-mudo: var(--cor-texto-suave, #5f6470); --kp-destaque: var(--cor-primaria, #4f46e5);
  display: flex; flex-direction: column; gap: 20px; color: var(--kp-texto); font: 14px/1.45 var(--fonte, Inter, system-ui, sans-serif); min-width: 0; }
.kit-permissoes * { box-sizing: border-box; }
.kit-permissoes__papeis { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr)); gap: 12px; }
.kit-permissoes__papel { display: flex; flex-direction: column; gap: 6px; text-align: left; padding: 14px; background: var(--kp-fundo); color: inherit; font: inherit;
  border: 1px solid var(--kp-borda); border-radius: 12px; cursor: pointer; min-width: 0; }
.kit-permissoes__papel:hover { background: var(--kp-suave); }
.kit-permissoes__papel:focus-visible { outline: 3px solid var(--kp-destaque); outline-offset: 2px; }
.kit-permissoes__papel--foco { border: 2px solid var(--kp-destaque); padding: 13px; background: var(--kp-suave); }
.kit-permissoes__papel-cab { display: flex; align-items: center; gap: 8px; }
.kit-permissoes__papel-cab strong { flex: 1; min-width: 0; overflow-wrap: anywhere; }
.kit-permissoes__fracao { font-variant-numeric: tabular-nums; font-size: 12px; color: var(--kp-mudo); }
.kit-permissoes__etiqueta { font-size: 11.5px; text-transform: uppercase; letter-spacing: .3px; color: var(--kp-destaque); font-weight: 600; }
.kit-permissoes__descricao { font-size: 13px; color: var(--kp-mudo); }
.kit-permissoes__rodape { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; font-size: 12.5px; color: var(--kp-mudo); margin-top: auto; }
.kit-permissoes__selo { padding: 2px 8px; border-radius: 999px; background: var(--kp-destaque); color: #fff; font-size: 11.5px; font-weight: 600; }
.kit-permissoes__selo--cinza { background: var(--kp-borda); color: var(--kp-texto); }
.kit-permissoes__corpo { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 20px; align-items: start; }
.kit-permissoes__esquerda { display: flex; flex-direction: column; gap: 12px; min-width: 0; }
.kit-permissoes__busca { width: 100%; max-width: 420px; font: inherit; padding: 9px 12px; border: 1px solid var(--kp-borda); border-radius: 10px; background: var(--kp-fundo); color: inherit; }
.kit-permissoes__matriz { display: flex; flex-direction: column; gap: 12px; min-width: 0; }
.kit-permissoes__grupo { border: 1px solid var(--kp-borda); border-radius: 12px; background: var(--kp-fundo); min-width: 0; overflow: hidden; }
.kit-permissoes__grupo-titulo { display: flex; align-items: center; gap: 10px; padding: 12px 14px; cursor: pointer; flex-wrap: wrap; }
.kit-permissoes__grupo-textos { display: flex; flex-direction: column; flex: 1; min-width: 160px; }
.kit-permissoes__grupo-textos small, .kit-permissoes__nome small { color: var(--kp-mudo); font-size: 12.5px; display: block; }
.kit-permissoes__grupo-resumo { font-size: 12.5px; color: var(--kp-mudo); }
.kit-permissoes__rolagem { overflow-x: auto; border-top: 1px solid var(--kp-borda); }
.kit-permissoes__tabela { width: 100%; min-width: 560px; table-layout: fixed; border-collapse: collapse; }
.kit-permissoes__tabela th:first-child { width: 36%; }
.kit-permissoes__tabela th, .kit-permissoes__tabela td { padding: 10px 12px; border-bottom: 1px solid var(--kp-borda); text-align: left; vertical-align: top; }
.kit-permissoes__tabela tbody tr:last-child td { border-bottom: 0; }
.kit-permissoes__tabela th { font-size: 12px; color: var(--kp-mudo); font-weight: 600; white-space: nowrap; }
.kit-permissoes__tabela th:not(:first-child), .kit-permissoes__tabela td.kit-permissoes__celula { text-align: center; }
.kit-permissoes__nome { overflow-wrap: anywhere; }
.kit-permissoes__col-foco { background: var(--kp-suave); color: var(--kp-destaque); font-weight: 700; }
.kit-permissoes__sim { color: #1a7f4b; font-weight: 700; }
.kit-permissoes__nao { color: var(--kp-mudo); }
.kit-permissoes__resumo { border: 1px solid var(--kp-borda); border-radius: 12px; background: var(--kp-fundo); padding: 14px; display: flex; flex-direction: column; gap: 14px; min-width: 0; }
.kit-permissoes__resumo-titulo { margin: 0; font-size: 15px; }
.kit-permissoes__lista h4 { margin: 0 0 6px; font-size: 13px; }
.kit-permissoes__lista--pode h4 { color: #1a7f4b; }
.kit-permissoes__lista--nao-pode h4 { color: #a1281b; }
.kit-permissoes__lista ul { margin: 0; padding-left: 18px; display: flex; flex-direction: column; gap: 4px; font-size: 13px; }
.kit-permissoes__vazio { margin: 0; color: var(--kp-mudo); font-size: 13px; }
@media (max-width: 900px) { .kit-permissoes__corpo { grid-template-columns: minmax(0, 1fr); } }
/* celular: a matriz mostra só a coluna do papel em foco (as outras estão nos cartões e nas listas) */
@media (max-width: 640px) {
  .kit-permissoes__tabela { min-width: 0; }
  .kit-permissoes__tabela th[data-coluna]:not(.kit-permissoes__col-foco), .kit-permissoes__tabela td[data-celula]:not(.kit-permissoes__col-foco) { display: none; }
  .kit-permissoes__tabela th:first-child { width: auto; }
}
/* escuro (1.0.2, card #241): a cor da marca e o verde/vermelho fixos foram escolhidos para o fundo claro; no escuro
   davam 2,3–3,9:1 (medido no Balcão). Texto passa ao token de texto do papel; o claro não muda. */
:root[data-theme="escuro"] .kit-permissoes__etiqueta { color: var(--cor-primaria-texto, #b6c3fd); }
:root[data-theme="escuro"] .kit-permissoes__selo { background: var(--cor-primaria-suave, #242940); color: var(--cor-primaria-texto, #b6c3fd); }
:root[data-theme="escuro"] .kit-permissoes__sim,
:root[data-theme="escuro"] .kit-permissoes__lista--pode h4 { color: var(--cor-sucesso-texto, #a2f3be); }
:root[data-theme="escuro"] .kit-permissoes__lista--nao-pode h4 { color: var(--cor-erro-texto, #fdb8b7); }

/* 1.1.0 (card #259): edição, chave, dica e seletor de papel */
.kit-permissoes__corpo--sem-resumo { grid-template-columns: minmax(0, 1fr); }
.kit-permissoes__caixa { width: 18px; height: 18px; accent-color: var(--kp-destaque); cursor: pointer; }
.kit-permissoes__caixa:disabled { cursor: progress; opacity: .6; }
.kit-permissoes__status { margin: 0; min-height: 1.4em; font-size: 13px; color: var(--kp-mudo); }
.kit-permissoes__status--erro { color: #a1281b; font-weight: 600; }
.kit-permissoes__chave { display: flex; flex-direction: column; gap: 4px; padding: 12px 14px; border: 1px solid var(--kp-borda); border-radius: 12px; background: var(--kp-suave); }
.kit-permissoes__chave-rotulo { display: flex; align-items: center; gap: 10px; font-weight: 600; cursor: pointer; }
.kit-permissoes__chave-rotulo input { width: 18px; height: 18px; accent-color: var(--kp-destaque); }
.kit-permissoes__chave small { color: var(--kp-mudo); font-size: 12.5px; }
.kit-permissoes-seletor { display: flex; flex-direction: column; gap: 8px; }
.kit-permissoes-seletor__opcao { display: flex; align-items: flex-start; gap: 10px; padding: 10px 12px; border: 1px solid var(--cor-borda, #d9dce3); border-radius: 10px; cursor: pointer; background: var(--cor-cartao, #fff); color: var(--cor-texto, #1c1b1f); }
.kit-permissoes-seletor__opcao:hover { background: var(--cor-cartao-claro, #f4f5f8); }
.kit-permissoes-seletor__opcao:has(input:checked) { border-color: var(--cor-primaria, #4f46e5); box-shadow: 0 0 0 1px var(--cor-primaria, #4f46e5); }
.kit-permissoes-seletor__opcao:has(input:disabled) { opacity: .55; cursor: not-allowed; }
.kit-permissoes-seletor__opcao input { margin-top: 3px; accent-color: var(--cor-primaria, #4f46e5); }
.kit-permissoes-seletor__textos { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.kit-permissoes-seletor__textos small { color: var(--cor-texto-suave, #5f6470); font-size: 12.5px; }
.kit-permissoes-dica { position: fixed; inset: auto; margin: 0; z-index: 100000; max-height: min(60vh, 420px); overflow: auto; padding: 12px 14px; border-radius: 10px;
  background: var(--cor-cartao, #fff); color: var(--cor-texto, #1c1b1f); border: 1px solid var(--cor-borda, #d9dce3); box-shadow: 0 8px 24px rgba(0, 0, 0, .18);
  font: 13px/1.4 var(--fonte, Inter, system-ui, sans-serif); text-align: left; }
.kit-permissoes-dica[hidden] { display: none; }
.kit-permissoes-dica__titulo { display: block; font-size: 14px; }
.kit-permissoes-dica__frase { margin: 4px 0 8px; color: var(--cor-texto-suave, #5f6470); }
.kit-permissoes-dica__lista h4 { margin: 8px 0 4px; font-size: 12.5px; }
.kit-permissoes-dica__lista--pode h4 { color: #1a7f4b; }
.kit-permissoes-dica__lista--nao-pode h4 { color: #a1281b; }
.kit-permissoes-dica__lista ul { margin: 0; padding-left: 18px; display: flex; flex-direction: column; gap: 2px; }
:root[data-theme="escuro"] .kit-permissoes-dica__lista--pode h4 { color: var(--cor-sucesso-texto, #a2f3be); }
:root[data-theme="escuro"] .kit-permissoes-dica__lista--nao-pode h4 { color: var(--cor-erro-texto, #fdb8b7); }
:root[data-theme="escuro"] .kit-permissoes__status--erro { color: var(--cor-erro-texto, #fdb8b7); }
.kit-permissoes__papeis--abas { display: none; }
.kit-permissoes__aba { font: inherit; padding: 6px 12px; border-radius: 999px; border: 1px solid var(--kp-borda); background: var(--kp-fundo); color: inherit; cursor: pointer; }
.kit-permissoes__aba--foco { background: var(--kp-destaque); color: #fff; border-color: var(--kp-destaque); }
@media (max-width: 640px) { .kit-permissoes__papeis--abas { display: flex; flex-wrap: wrap; gap: 8px; } }
@media (min-width: 641px) { .kit-permissoes__papeis--abas ~ .kit-permissoes__corpo .kit-permissoes__col-foco { background: none; color: inherit; font-weight: inherit; } }

/* 1.2.0 (card #268): (i) discreto ao lado do nome do papel no seletor; o tooltip curto reaproveita .kit-permissoes-dica */
.kit-permissoes-seletor__nome { display: inline-flex; align-items: center; gap: 6px; }
.kit-permissoes-seletor .kit-permissoes-seletor__info { box-sizing: border-box; flex: none; display: inline-flex; align-items: center; justify-content: center; width: 18px; height: 18px; min-width: 0; min-height: 0; margin: 0; padding: 0; border-radius: 50%; border: 1px solid var(--cor-borda, #d9dce3); background: transparent; box-shadow: none; color: var(--cor-texto-suave, #5f6470); font: italic 600 11px/1 Georgia, serif; cursor: help; }
.kit-permissoes-seletor .kit-permissoes-seletor__info:hover, .kit-permissoes-seletor .kit-permissoes-seletor__info:focus-visible { color: var(--cor-primaria, #4f46e5); border-color: var(--cor-primaria, #4f46e5); }
.kit-permissoes-dica__resumo { margin: 4px 0 0; font-size: 12.5px; }

/* 1.3.0 (monitor_balcao#171): caixa em toda célula, marca de "diferente do padrão" e "Voltar ao padrão" por área */
.kit-permissoes__celula { position: relative; }
.kit-permissoes__caixa[data-travada] { cursor: not-allowed; opacity: .5; }
.kit-permissoes__alterada { display: inline-block; width: 7px; height: 7px; margin-left: 4px; border-radius: 50%; background: #d97706; vertical-align: 6px; }
.kit-permissoes__legenda { margin: 0; font-size: 12.5px; color: var(--kp-mudo); display: flex; align-items: center; gap: 6px; }
.kit-permissoes__legenda::before { content: ''; width: 7px; height: 7px; border-radius: 50%; background: #d97706; flex: none; }
.kit-permissoes__grupo-rodape { display: flex; justify-content: flex-end; padding: 8px 14px 12px; }
.kit-permissoes .kit-permissoes__voltar-padrao { font: inherit; font-size: 13px; padding: 6px 12px; border-radius: 8px; border: 1px solid var(--kp-borda); background: var(--kp-fundo); color: inherit; cursor: pointer; }
.kit-permissoes .kit-permissoes__voltar-padrao:hover:not(:disabled) { background: var(--kp-suave); border-color: var(--kp-destaque); }
.kit-permissoes .kit-permissoes__voltar-padrao:disabled { opacity: .5; cursor: default; }
:root[data-theme="escuro"] .kit-permissoes__alterada, :root[data-theme="escuro"] .kit-permissoes__legenda::before { background: #fbbf24; }

/* /assets/kit/auditoria/auditoriaTela.css */
/* auditoriaTela.css — tela de consulta da auditoria (card #216). Só tokens do tema-logiccos (--cor-*, --raio-*),
   cada um recuando para o equivalente do tema-claro-escuro e, por fim, um valor fixo (mesma regra do modal, #210). */
.kit-auditoria{display:flex;flex-direction:column;gap:.75rem;color:var(--cor-texto,#0f172a);font-family:var(--fonte-sans,system-ui,sans-serif);}
.kit-auditoria__filtros{display:flex;flex-wrap:wrap;gap:.5rem .75rem;align-items:flex-end;padding:.75rem;
  background:var(--cor-painel,var(--cor-superficie,#fff));border:1px solid var(--cor-borda,var(--cor-contorno,#d5dde8));
  border-radius:var(--raio-painel,1rem);}
.kit-auditoria__filtros label{display:flex;flex-direction:column;gap:.25rem;font-size:.8rem;color:var(--cor-texto-suave,var(--cor-texto-secundario,#475569));min-width:8.5rem;flex:1 1 8.5rem;}
.kit-auditoria__filtros input{font:inherit;font-size:.9rem;padding:.45rem .6rem;color:var(--cor-texto,#0f172a);
  background:var(--cor-cartao-claro,var(--cor-campo-fundo,#f8fafc));border:1px solid var(--cor-borda,var(--cor-contorno,#d5dde8));
  border-radius:var(--raio-item,.75rem);}
.kit-auditoria__filtros input:focus-visible,.kit-auditoria__botao:focus-visible,.kit-auditoria__linha:focus-visible{
  outline:2px solid var(--cor-verde,var(--cor-foco,#41771a));outline-offset:2px;}
.kit-auditoria__botoes{display:flex;gap:.5rem;}
.kit-auditoria__botao{font:inherit;font-size:.85rem;padding:.45rem .8rem;cursor:pointer;color:var(--cor-texto,#0f172a);
  background:var(--cor-chip,var(--cor-neutro-fundo,#e6ecf4));border:1px solid var(--cor-borda,var(--cor-contorno,#d5dde8));
  border-radius:var(--raio-item,.75rem);white-space:nowrap;}
.kit-auditoria__botao:hover{background:var(--cor-verde-suave,var(--cor-primaria-suave,#e3efd9));}
.kit-auditoria__botao--primario{background:var(--cor-verde,var(--cor-primaria,#41771a));color:var(--cor-sobre-verde,#fff);border-color:transparent;}
.kit-auditoria__botao--primario:hover{background:var(--cor-verde-hover,var(--cor-primaria-hover,#356214));}
.kit-auditoria__estado{margin:0;font-size:.85rem;color:var(--cor-texto-suave,var(--cor-texto-secundario,#475569));}
.kit-auditoria__estado--erro{color:var(--cor-erro,#b42318);}
.kit-auditoria__rolagem{overflow-x:auto;border:1px solid var(--cor-borda,var(--cor-contorno,#d5dde8));border-radius:var(--raio-painel,1rem);
  background:var(--cor-painel,var(--cor-superficie,#fff));}
.kit-auditoria__tabela,.kit-auditoria__diff{width:100%;border-collapse:collapse;font-size:.88rem;}
.kit-auditoria__tabela th,.kit-auditoria__tabela td,.kit-auditoria__diff th,.kit-auditoria__diff td{
  padding:.55rem .75rem;text-align:left;vertical-align:top;border-bottom:1px solid var(--cor-borda,var(--cor-contorno,#d5dde8));}
.kit-auditoria__tabela thead th,.kit-auditoria__diff thead th{font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;
  color:var(--cor-texto-suave,var(--cor-texto-secundario,#475569));background:var(--cor-cartao-claro,var(--cor-superficie-1,#f8fafc));}
.kit-auditoria__linha{cursor:pointer;}
.kit-auditoria__linha:hover{background:var(--cor-cartao-claro,var(--cor-superficie-1,#f8fafc));}
.kit-auditoria__tabela code{font-size:.82rem;}
.kit-auditoria__id{color:var(--cor-texto-suave,var(--cor-texto-secundario,#475569));}
.kit-auditoria__quem{display:inline-flex;align-items:center;gap:.5rem;}
.kit-auditoria__avatar{flex:none;box-sizing:border-box;width:24px;height:24px;border-radius:50%;object-fit:cover;display:inline-flex;align-items:center;justify-content:center;
  font-size:.65rem;font-weight:700;line-height:1;background:var(--cor-verde-suave,var(--cor-primaria-suave,#e3efd9));color:var(--cor-verde,var(--cor-primaria,#41771a));}
.kit-auditoria__mais{align-self:center;}
.kit-auditoria__so-leitor{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;}
.kit-auditoria__meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:.5rem 1rem;margin:0 0 1rem;}
.kit-auditoria__meta dt{font-size:.75rem;color:var(--cor-texto-suave,var(--cor-texto-secundario,#475569));}
.kit-auditoria__meta dd{margin:0;font-weight:600;word-break:break-word;}
.kit-auditoria__diff td{word-break:break-word;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.82rem;}
.kit-auditoria__diff-linha--mudou .kit-auditoria__antes,.kit-auditoria__diff-linha--removido .kit-auditoria__antes{
  background:var(--cor-erro-suave,rgba(180,35,24,.10));text-decoration:line-through;}
.kit-auditoria__diff-linha--mudou .kit-auditoria__depois,.kit-auditoria__diff-linha--novo .kit-auditoria__depois{
  background:var(--cor-verde-suave,var(--cor-primaria-suave,rgba(65,119,26,.14)));}
.kit-auditoria__diff-linha--igual td{color:var(--cor-texto-suave,var(--cor-texto-secundario,#475569));}
.kit-auditoria__removidos{margin:.75rem 0 0;font-size:.8rem;color:var(--cor-texto-suave,var(--cor-texto-secundario,#475569));}
.kit-auditoria__vazio{text-align:center;color:var(--cor-texto-suave,var(--cor-texto-secundario,#475569));}
@media (max-width:640px){
  .kit-auditoria__tabela thead{display:none;}
  .kit-auditoria__tabela tr{display:block;padding:.5rem 0;border-bottom:1px solid var(--cor-borda,var(--cor-contorno,#d5dde8));}
  .kit-auditoria__tabela td{display:block;border:0;padding:.15rem .75rem;}
}

/* /assets/programas.css */
/* Programas e preços com pessoas por programa (card #40). Base: tela do Stitch
   (projeto 15933942888099119306, "Balcão — Programas e pessoas"); sanfona do bloco accordion da library. */
.program-accordion{display:flex;flex-direction:column;gap:12px;margin-top:4px}
.prog-card{background:var(--cor-cartao);border:1px solid var(--line);border-radius:8px;overflow:hidden;box-shadow:0 1px 2px #102e270d;transition:box-shadow .15s}
.prog-card:hover{box-shadow:0 4px 12px #102e2714}
.prog-head{all:unset;box-sizing:border-box;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:14px 16px;cursor:pointer;background:var(--cor-cartao)}
.prog-head:focus-visible{outline:2px solid var(--green);outline-offset:-2px}
.prog-id{display:flex;align-items:center;gap:12px;min-width:0}
.prog-logo{width:40px;height:40px;border-radius:8px;flex-shrink:0;display:block}
.prog-logo--sem{display:flex;align-items:center;justify-content:center;background:var(--cor-cartao-claro);color:var(--dark);font-weight:700}
.prog-name{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.prog-name strong{font-size:15px;color:var(--dark)}
.prog-count{font-size:12px;color:var(--muted);background:var(--cor-cartao-claro);padding:2px 8px;border-radius:4px}
.prog-sub{font-size:12px;color:var(--muted);margin:2px 0 0}
.prog-metrics{display:flex;align-items:center;gap:20px;margin-left:auto}
.prog-total{text-align:right}
.prog-total b{display:block;font-variant-numeric:tabular-nums;color:var(--dark);font-size:15px}
.prog-min{display:inline-block;font-size:12px;font-weight:500;background:var(--cor-cartao-claro);color:var(--green);border:1px solid var(--cor-borda);padding:2px 10px;border-radius:999px}
.prog-state{display:flex;align-items:center;gap:10px}
.prog-chevron{width:20px;height:20px;color:var(--muted);transition:transform .2s}
.prog-head[aria-expanded="true"] .prog-chevron{transform:rotate(180deg)}
.prog-head[aria-expanded="true"]{border-bottom:1px solid var(--line)}
.prog-panel{background:var(--cor-cartao)}
.pessoas{width:100%;border-collapse:collapse;font-size:13px}
.pessoas th{font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);text-align:left;padding:10px 16px;border-bottom:1px solid var(--line);background:var(--cor-cartao)}
.pessoas td{padding:10px 16px;border-bottom:1px solid var(--line);color:var(--dark);vertical-align:middle}
.pessoas .num{text-align:right;font-variant-numeric:tabular-nums}
.pessoas .venda{font-weight:600;color:var(--green)}
.pessoa-nome{display:flex;align-items:center;gap:8px}
.pessoa-avatar{width:24px;height:24px;border-radius:50%;background:var(--cor-cartao-claro);color:var(--green);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0}
.pessoa-obs{display:inline-block;font-size:12px;background:var(--cor-cartao-claro);border-radius:4px;padding:2px 8px;color:var(--dark)}
.pessoa-inativa td{opacity:.55}
.pessoa-acoes{text-align:right;white-space:nowrap}
.pessoa-acoes button{background:none;border:0;padding:2px 6px;font-size:13px;color:var(--green)}
.pessoa-acoes button.remover{color:#b42318}
.pessoas tfoot td{background:var(--cor-cartao-claro);font-weight:600}
.prog-vazio{padding:16px;color:var(--muted);font-size:13px}
.prog-actions{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;padding:12px 16px}
.catalogo-busca{width:100%;margin-bottom:12px}
.catalogo-grade{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;max-height:52vh;overflow:auto}
.catalogo-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:var(--cor-cartao);text-align:left}
.catalogo-item:hover,.catalogo-item:focus-visible{border-color:var(--green)}
.catalogo-item img{width:32px;height:32px;border-radius:6px;flex-shrink:0}
.catalogo-item span{font-size:13px;color:var(--dark);line-height:1.2}
.catalogo-item small{display:block;color:var(--muted);font-size:11px}
.catalogo-escolhido{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.catalogo-escolhido img{width:40px;height:40px;border-radius:8px}
@media (max-width:640px){
  .prog-head{padding:12px}
  .prog-metrics{width:100%;justify-content:space-between;gap:8px;margin-left:52px}
  .prog-total{text-align:left}
  .pessoas thead{display:none}
  .pessoas,.pessoas tbody,.pessoas tfoot,.pessoas tr,.pessoas td{display:block;width:100%}
  .pessoas tr{border-bottom:1px solid var(--line);padding:8px 12px;background:var(--cor-cartao)}
  .pessoas td{border:0;padding:3px 0;display:flex;justify-content:space-between;gap:12px;text-align:right}
  .pessoas td::before{content:attr(data-label);color:var(--muted);font-size:12px;text-align:left}
  .pessoas td.pessoa-col-nome::before,.pessoas td.pessoa-acoes::before{content:none}
  .pessoas td.pessoa-acoes{justify-content:flex-end}
  .pessoas tfoot tr{background:var(--cor-cartao-claro)}
  .pessoas tfoot td:empty{display:none}
}
/* bloco formulario da library com as cores do Balcão (tema claro; o tema da casca é da vds151) */
.kit-form{--cor-texto:var(--dark);--cor-texto-suave:var(--muted);--cor-borda:var(--line);--cor-cartao-claro:#fff;--cor-verde:var(--green);--cor-verde-hover:var(--dark);--cor-sobre-verde:#fff;--brilho-verde:0 0 0 3px #1a594626;--md-sys-color-error:#b42318;--md-sys-color-error-container:#fef3f2;--md-sys-color-on-error-container:#b42318}

/* Tema escuro do bloco extrato-mensal (card #179): o bloco da library usa cor fixa de texto, fundo e borda; aqui o escuro troca por tokens do tema
   (tema.css). Só vale no escuro: o claro segue com as cores do bloco. Sai quando a library publicar o bloco já com tokens (card na library). */
:root[data-theme="escuro"] .cp-bloco{color:var(--cor-texto)}
:root[data-theme="escuro"] .cp-cartao,:root[data-theme="escuro"] .cp-mov,:root[data-theme="escuro"] .cp-colunas-menu{background:var(--cor-cartao);border-color:var(--cor-borda)}
:root[data-theme="escuro"] .cp-programa,:root[data-theme="escuro"] .cp-mov-titulo,:root[data-theme="escuro"] .cp-t td,:root[data-theme="escuro"] .cp-colunas-menu-titulo,:root[data-theme="escuro"] .cp-colunas-opcao,:root[data-theme="escuro"] .cp-auditoria-rotulo,:root[data-theme="escuro"] .cp-laranja .cp-ind-valor{color:var(--cor-texto)}
:root[data-theme="escuro"] .cp-titular,:root[data-theme="escuro"] .cp-cpf,:root[data-theme="escuro"] .cp-auditoria,:root[data-theme="escuro"] .cp-vazio,:root[data-theme="escuro"] .cp-colunas-botao,:root[data-theme="escuro"] .cp-t th,:root[data-theme="escuro"] .cp-colunas-menu-rodape{color:var(--cor-texto-suave)}
:root[data-theme="escuro"] .cp-auditoria,:root[data-theme="escuro"] .cp-mov-cab,:root[data-theme="escuro"] .cp-t td,:root[data-theme="escuro"] .cp-colunas-botao,:root[data-theme="escuro"] .cp-colunas-menu-titulo,:root[data-theme="escuro"] .cp-colunas-menu-rodape{border-color:var(--cor-borda)}
:root[data-theme="escuro"] .cp-t th{background:var(--cor-cartao-claro)}
:root[data-theme="escuro"] .cp-colunas-botao:hover{color:var(--cor-texto);background:var(--cor-cartao-claro)}
:root[data-theme="escuro"] .cp-colunas-opcao:hover{background:var(--cor-cartao-claro)}
:root[data-theme="escuro"] .cp-vazio-i{color:var(--cor-borda)}
:root[data-theme="escuro"] .cp-verde{background:var(--cor-sucesso-fundo)}
:root[data-theme="escuro"] .cp-verde .cp-ind-rotulo,:root[data-theme="escuro"] .cp-verde .cp-ind-valor,:root[data-theme="escuro"] .cp-laranja .cp-ativa{color:var(--cor-sucesso-texto)}
:root[data-theme="escuro"] .cp-vermelho{background:var(--cor-erro-fundo)}
:root[data-theme="escuro"] .cp-vermelho .cp-ind-rotulo,:root[data-theme="escuro"] .cp-vermelho .cp-ind-valor{color:var(--cor-erro-texto)}
:root[data-theme="escuro"] .cp-ambar,:root[data-theme="escuro"] .cp-laranja{background:var(--cor-aviso-fundo)}
:root[data-theme="escuro"] .cp-ambar .cp-ind-rotulo,:root[data-theme="escuro"] .cp-ambar .cp-ind-sub,:root[data-theme="escuro"] .cp-ambar .cp-ind-valor,:root[data-theme="escuro"] .cp-laranja .cp-ind-rotulo{color:var(--cor-aviso-texto)}
:root[data-theme="escuro"] .cp-roxo,:root[data-theme="escuro"] .cp-azul{background:var(--cor-info-fundo)}
:root[data-theme="escuro"] .cp-roxo .cp-ind-rotulo,:root[data-theme="escuro"] .cp-roxo .cp-ind-sub,:root[data-theme="escuro"] .cp-roxo .cp-ind-valor,:root[data-theme="escuro"] .cp-azul .cp-ind-rotulo,:root[data-theme="escuro"] .cp-azul .cp-ind-sub,:root[data-theme="escuro"] .cp-azul .cp-ind-valor{color:var(--cor-info-texto)}
:root[data-theme="escuro"] .cp-linha-entrada .cp-col-quantidade{color:var(--cor-sucesso-texto)}
:root[data-theme="escuro"] .cp-linha-saida .cp-col-quantidade{color:var(--cor-erro-texto)}
:root[data-theme="escuro"] .cp-linha-reserva .cp-col-quantidade,:root[data-theme="escuro"] .cp-linha-liberacao .cp-col-quantidade{color:var(--cor-aviso-texto)}

/* /assets/ordens.css */
/* Vender e Estoque (card #52): só o mínimo sobre programas.css; refino visual com o Gemini depois. */
.ov-head{cursor:default}
.ov-topo{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;align-items:center}
.ov-dica{display:block}
.ov-barra{display:block;width:100%;max-width:420px;height:6px;margin:6px 0;accent-color:var(--green)}
.ov-alerta-forte{color:#b42318;font-weight:600}
/* card #77: (1) trilho do menu: a seta da sanfona (chevron girado) aparecia cortada como uma barra "/" ao lado da engrenagem;
   só existe com o menu aberto. (3) "Publicar oferta" no primário do tema (roxo), como "Nova oferta". */
@media (min-width:768px){body.bo-hover .bo-sidebar:not(:hover):not(:focus-within) .bo-nav-seta{display:none}}
.kit-modal__rodape button[data-acao="salvar-oferta"]{background:var(--cor-primaria,#4f46e5);border-color:var(--cor-primaria,#4f46e5);color:var(--cor-on-primaria,#fff)}
.kit-modal__rodape button[data-acao="salvar-oferta"]:hover{background:var(--cor-primaria-hover,#4338ca);box-shadow:none}

/* /assets/stitch.css */
/* GERADO por tools/stitch/construir-css.mjs (card #54) — não editar à mão. Tailwind 3.4.19 + tema do Stitch; reset preso a .stx. */
/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/
:where(.stx), :where(.stx) *,
:where(.stx) *::before, :where(.stx)::before,
:where(.stx) *::after, :where(.stx)::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #e5e7eb; /* 2 */
}
:where(.stx) *::before, :where(.stx)::before,
:where(.stx) *::after, :where(.stx)::after {
  --tw-content: '';
}
/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/
:where(.stx),
:where(.stx) {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  tab-size: 4; /* 3 */
  font-family: Inter, ui-sans-serif, system-ui, sans-serif; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}
/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/
:where(.stx) {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}
/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/
:where(.stx) hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}
/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/
:where(.stx) abbr:where([title]) {
  text-decoration: underline dotted;
}
/*
Remove the default font size and weight for headings.
*/
:where(.stx) h1,
:where(.stx) h2,
:where(.stx) h3,
:where(.stx) h4,
:where(.stx) h5,
:where(.stx) h6 {
  font-size: inherit;
  font-weight: inherit;
}
/*
Reset links to optimize for opt-in styling instead of opt-out.
*/
:where(.stx) a {
  color: inherit;
  text-decoration: inherit;
}
/*
Add the correct font weight in Edge and Safari.
*/
:where(.stx) b,
:where(.stx) strong {
  font-weight: bolder;
}
/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/
:where(.stx) code,
:where(.stx) kbd,
:where(.stx) samp,
:where(.stx) pre {
  font-family: 'JetBrains Mono', ui-monospace, monospace; /* 1 */
  font-feature-settings: normal; /* 2 */
  font-variation-settings: normal; /* 3 */
  font-size: 1em; /* 4 */
}
/*
Add the correct font size in all browsers.
*/
:where(.stx) small {
  font-size: 80%;
}
/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/
:where(.stx) sub,
:where(.stx) sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
:where(.stx) sub {
  bottom: -0.25em;
}
:where(.stx) sup {
  top: -0.5em;
}
/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/
:where(.stx) table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}
/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/
:where(.stx) button,
:where(.stx) input,
:where(.stx) optgroup,
:where(.stx) select,
:where(.stx) textarea {
  font-family: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  letter-spacing: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}
/*
Remove the inheritance of text transform in Edge and Firefox.
*/
:where(.stx) button,
:where(.stx) select {
  text-transform: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/
:where(.stx) button,
:where(.stx) input:where([type='button']),
:where(.stx) input:where([type='reset']),
:where(.stx) input:where([type='submit']) {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}
/*
Use the modern Firefox focus style for all focusable elements.
*/
:where(.stx) :-moz-focusring {
  outline: auto;
}
/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/
:where(.stx) :-moz-ui-invalid {
  box-shadow: none;
}
/*
Add the correct vertical alignment in Chrome and Firefox.
*/
:where(.stx) progress {
  vertical-align: baseline;
}
/*
Correct the cursor style of increment and decrement buttons in Safari.
*/
:where(.stx) *::-webkit-inner-spin-button, :where(.stx)::-webkit-inner-spin-button,
:where(.stx) *::-webkit-outer-spin-button, :where(.stx)::-webkit-outer-spin-button {
  height: auto;
}
/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/
:where(.stx) [type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}
/*
Remove the inner padding in Chrome and Safari on macOS.
*/
:where(.stx) *::-webkit-search-decoration, :where(.stx)::-webkit-search-decoration {
  -webkit-appearance: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/
:where(.stx) *::-webkit-file-upload-button, :where(.stx)::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}
/*
Add the correct display in Chrome and Safari.
*/
:where(.stx) summary {
  display: list-item;
}
/*
Removes the default spacing and border for appropriate elements.
*/
:where(.stx) blockquote,
:where(.stx) dl,
:where(.stx) dd,
:where(.stx) h1,
:where(.stx) h2,
:where(.stx) h3,
:where(.stx) h4,
:where(.stx) h5,
:where(.stx) h6,
:where(.stx) hr,
:where(.stx) figure,
:where(.stx) p,
:where(.stx) pre {
  margin: 0;
}
:where(.stx) fieldset {
  margin: 0;
  padding: 0;
}
:where(.stx) legend {
  padding: 0;
}
:where(.stx) ol,
:where(.stx) ul,
:where(.stx) menu {
  list-style: none;
  margin: 0;
  padding: 0;
}
/*
Reset default styling for dialogs.
*/
:where(.stx) dialog {
  padding: 0;
}
/*
Prevent resizing textareas horizontally by default.
*/
:where(.stx) textarea {
  resize: vertical;
}
/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/
:where(.stx) input::placeholder,
:where(.stx) textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}
/*
Set the default cursor for buttons.
*/
:where(.stx) button,
:where(.stx) [role="button"] {
  cursor: pointer;
}
/*
Make sure disabled buttons don't get the pointer cursor.
*/
:where(.stx) :disabled {
  cursor: default;
}
/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/
:where(.stx) img,
:where(.stx) svg,
:where(.stx) video,
:where(.stx) canvas,
:where(.stx) audio,
:where(.stx) iframe,
:where(.stx) embed,
:where(.stx) object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}
/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/
:where(.stx) img,
:where(.stx) video {
  max-width: 100%;
  height: auto;
}
/* Make elements with the HTML hidden attribute stay hidden by default */
:where(.stx) [hidden]:where(:not([hidden="until-found"])) {
  display: none;
}

*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.stx .font-headline-sm{font-size:15px;line-height:20px;letter-spacing:-.01em;font-weight:600}.stx .font-headline-md{font-size:18px;line-height:24px;letter-spacing:-.015em;font-weight:600}.stx .font-code-sm{font-size:11px;line-height:14px;font-weight:500}.stx .font-label-lg{font-size:13px;line-height:16px;font-weight:500}.stx .font-headline-lg{font-size:24px;line-height:32px;letter-spacing:-.02em;font-weight:600}.stx .font-body-md{font-size:13px;line-height:18px;font-weight:400}.stx .font-label-md{font-size:11px;line-height:14px;letter-spacing:.02em;font-weight:600}.stx .font-body-sm{font-size:12px;line-height:16px;font-weight:400}.stx .font-body-lg{font-size:15px;line-height:22px;font-weight:400}.stx .font-label-sm{font-size:10px;line-height:12px;letter-spacing:.04em;font-weight:600}.stx .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.stx .pointer-events-none{pointer-events:none}.stx .absolute{position:absolute}.stx .relative{position:relative}.stx .sticky{position:sticky}.stx .inset-y-0{top:0;bottom:0}.stx .-bottom-0\.5{bottom:-.125rem}.stx .-right-0\.5{right:-.125rem}.stx .-right-3{right:-.75rem}.stx .left-0{left:0}.stx .left-0\.5{left:.125rem}.stx .left-3{left:.75rem}.stx .right-0{right:0}.stx .right-2{right:.5rem}.stx .right-3{right:.75rem}.stx .top-0\.5{top:.125rem}.stx .top-1\/2{top:50%}.stx .top-2{top:.5rem}.stx .top-2\.5{top:.625rem}.stx .top-6{top:1.5rem}.stx .z-10{z-index:10}.stx .z-30{z-index:30}.stx .col-span-2{grid-column:span 2/span 2}.stx .m-0{margin:0}.stx .mx-1{margin-left:.25rem;margin-right:.25rem}.stx .mx-4{margin-left:1rem;margin-right:1rem}.stx .mx-auto{margin-left:auto;margin-right:auto}.stx .my-1{margin-top:.25rem;margin-bottom:.25rem}.stx .-mr-2{margin-right:-.5rem}.stx .-mt-1{margin-top:-.25rem}.stx .mb-0{margin-bottom:0}.stx .mb-0\.5{margin-bottom:.125rem}.stx .mb-1{margin-bottom:.25rem}.stx .mb-1\.5{margin-bottom:.375rem}.stx .mb-2{margin-bottom:.5rem}.stx .mb-2\.5{margin-bottom:.625rem}.stx .mb-3{margin-bottom:.75rem}.stx .mb-4{margin-bottom:1rem}.stx .mb-5{margin-bottom:1.25rem}.stx .ml-0\.5{margin-left:.125rem}.stx .ml-1{margin-left:.25rem}.stx .ml-1\.5{margin-left:.375rem}.stx .ml-2{margin-left:.5rem}.stx .ml-auto{margin-left:auto}.stx .mr-1{margin-right:.25rem}.stx .mr-1\.5{margin-right:.375rem}.stx .mr-auto{margin-right:auto}.stx .mt-0\.5{margin-top:.125rem}.stx .mt-1{margin-top:.25rem}.stx .mt-1\.5{margin-top:.375rem}.stx .mt-2{margin-top:.5rem}.stx .mt-2\.5{margin-top:.625rem}.stx .mt-3{margin-top:.75rem}.stx .mt-3\.5{margin-top:.875rem}.stx .mt-4{margin-top:1rem}.stx .mt-5{margin-top:1.25rem}.stx .block{display:block}.stx .inline-block{display:inline-block}.stx .inline{display:inline}.stx .flex{display:flex}.stx .inline-flex{display:inline-flex}.stx .table{display:table}.stx .grid{display:grid}.stx .hidden{display:none}.stx .\!h-6{height:1.5rem!important}.stx .\!h-auto{height:auto!important}.stx .h-0\.5{height:.125rem}.stx .h-1{height:.25rem}.stx .h-1\.5{height:.375rem}.stx .h-10{height:2.5rem}.stx .h-11{height:2.75rem}.stx .h-12{height:3rem}.stx .h-14{height:3.5rem}.stx .h-2{height:.5rem}.stx .h-2\.5{height:.625rem}.stx .h-3{height:.75rem}.stx .h-3\.5{height:.875rem}.stx .h-4{height:1rem}.stx .h-5{height:1.25rem}.stx .h-56{height:14rem}.stx .h-6{height:1.5rem}.stx .h-7{height:1.75rem}.stx .h-8{height:2rem}.stx .h-9{height:2.25rem}.stx .h-\[220px\]{height:220px}.stx .h-full{height:100%}.stx .max-h-\[60vh\]{max-height:60vh}.stx .\!min-h-0{min-height:0!important}.stx .\!min-h-\[20px\]{min-height:20px!important}.stx .min-h-0{min-height:0}.stx .min-h-14{min-height:3.5rem}.stx .min-h-\[28px\]{min-height:28px}.stx .min-h-\[44px\]{min-height:44px}.stx .min-h-full{min-height:100%}.stx .\!w-11{width:2.75rem!important}.stx .\!w-28{width:7rem!important}.stx .w-1\.5{width:.375rem}.stx .w-10{width:2.5rem}.stx .w-11{width:2.75rem}.stx .w-12{width:3rem}.stx .w-2{width:.5rem}.stx .w-2\.5{width:.625rem}.stx .w-28{width:7rem}.stx .w-3{width:.75rem}.stx .w-3\.5{width:.875rem}.stx .w-32{width:8rem}.stx .w-36{width:9rem}.stx .w-4{width:1rem}.stx .w-44{width:11rem}.stx .w-5{width:1.25rem}.stx .w-56{width:14rem}.stx .w-6{width:1.5rem}.stx .w-64{width:16rem}.stx .w-8{width:2rem}.stx .w-9{width:2.25rem}.stx .w-\[1px\]{width:1px}.stx .w-auto{width:auto}.stx .w-full{width:100%}.stx .w-max{width:-moz-max-content;width:max-content}.stx .w-px{width:1px}.stx .\!min-w-0{min-width:0!important}.stx .\!min-w-\[20px\]{min-width:20px!important}.stx .min-w-0{min-width:0}.stx .min-w-\[100px\]{min-width:100px}.stx .min-w-\[110px\]{min-width:110px}.stx .min-w-\[130px\]{min-width:130px}.stx .min-w-\[170px\]{min-width:170px}.stx .min-w-\[180px\]{min-width:180px}.stx .min-w-\[190px\]{min-width:190px}.stx .min-w-\[200px\]{min-width:200px}.stx .min-w-\[280px\]{min-width:280px}.stx .min-w-\[700px\]{min-width:700px}.stx .max-w-7xl{max-width:80rem}.stx .max-w-\[110px\]{max-width:110px}.stx .max-w-\[1366px\]{max-width:1366px}.stx .max-w-\[1376px\]{max-width:1376px}.stx .max-w-\[140px\]{max-width:140px}.stx .max-w-\[160px\]{max-width:160px}.stx .max-w-\[40vw\]{max-width:40vw}.stx .max-w-\[85\%\]{max-width:85%}.stx .max-w-\[90\%\]{max-width:90%}.stx .max-w-\[calc\(100vw-4rem\)\]{max-width:calc(100vw - 4rem)}.stx .max-w-full{max-width:100%}.stx .max-w-md{max-width:28rem}.stx .max-w-sm{max-width:24rem}.stx .max-w-xl{max-width:36rem}.stx .max-w-xs{max-width:20rem}.stx .flex-1{flex:1 1 0%}.stx .flex-none{flex:none}.stx .flex-shrink-0,.stx .shrink-0{flex-shrink:0}.stx .border-collapse{border-collapse:collapse}.stx .-translate-y-1\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes ping{75%,to{transform:scale(2);opacity:0}}.stx .animate-ping{animation:ping 1s cubic-bezier(0,0,.2,1) infinite}@keyframes pulse{50%{opacity:.5}}.stx .animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.stx .cursor-help{cursor:help}.stx .cursor-pointer{cursor:pointer}.stx .select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.stx .select-text{-webkit-user-select:text;-moz-user-select:text;user-select:text}.stx .appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.stx .grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.stx .grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.stx .grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.stx .grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.stx .grid-cols-\[1fr_72px_72px\]{grid-template-columns:1fr 72px 72px}.stx .flex-row{flex-direction:row}.stx .flex-col{flex-direction:column}.stx .flex-wrap{flex-wrap:wrap}.stx .items-start{align-items:flex-start}.stx .items-end{align-items:flex-end}.stx .items-center{align-items:center}.stx .items-baseline{align-items:baseline}.stx .items-stretch{align-items:stretch}.stx .justify-end{justify-content:flex-end}.stx .justify-center{justify-content:center}.stx .justify-between{justify-content:space-between}.stx .gap-0\.5{gap:.125rem}.stx .gap-1{gap:.25rem}.stx .gap-1\.5{gap:.375rem}.stx .gap-2{gap:.5rem}.stx .gap-2\.5{gap:.625rem}.stx .gap-3{gap:.75rem}.stx .gap-3\.5{gap:.875rem}.stx .gap-4{gap:1rem}.stx .gap-5{gap:1.25rem}.stx .gap-8{gap:2rem}.stx .gap-x-2{-moz-column-gap:.5rem;column-gap:.5rem}.stx .gap-x-3{-moz-column-gap:.75rem;column-gap:.75rem}.stx .gap-x-4{-moz-column-gap:1rem;column-gap:1rem}.stx .gap-x-6{-moz-column-gap:1.5rem;column-gap:1.5rem}.stx .gap-x-8{-moz-column-gap:2rem;column-gap:2rem}.stx .gap-y-1{row-gap:.25rem}.stx .gap-y-1\.5{row-gap:.375rem}.stx .gap-y-2{row-gap:.5rem}.stx :is(.space-y-0\.5>:not([hidden])~:not([hidden])){--tw-space-y-reverse:0;margin-top:calc(.125rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.125rem*var(--tw-space-y-reverse))}.stx :is(.space-y-1>:not([hidden])~:not([hidden])){--tw-space-y-reverse:0;margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem*var(--tw-space-y-reverse))}.stx :is(.space-y-1\.5>:not([hidden])~:not([hidden])){--tw-space-y-reverse:0;margin-top:calc(.375rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem*var(--tw-space-y-reverse))}.stx :is(.space-y-2>:not([hidden])~:not([hidden])){--tw-space-y-reverse:0;margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem*var(--tw-space-y-reverse))}.stx :is(.space-y-2\.5>:not([hidden])~:not([hidden])){--tw-space-y-reverse:0;margin-top:calc(.625rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.625rem*var(--tw-space-y-reverse))}.stx :is(.space-y-3>:not([hidden])~:not([hidden])){--tw-space-y-reverse:0;margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem*var(--tw-space-y-reverse))}.stx :is(.space-y-3\.5>:not([hidden])~:not([hidden])){--tw-space-y-reverse:0;margin-top:calc(.875rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.875rem*var(--tw-space-y-reverse))}.stx :is(.space-y-4>:not([hidden])~:not([hidden])){--tw-space-y-reverse:0;margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem*var(--tw-space-y-reverse))}.stx :is(.space-y-5>:not([hidden])~:not([hidden])){--tw-space-y-reverse:0;margin-top:calc(1.25rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem*var(--tw-space-y-reverse))}.stx :is(.space-y-6>:not([hidden])~:not([hidden])){--tw-space-y-reverse:0;margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem*var(--tw-space-y-reverse))}.stx :is(.space-y-8>:not([hidden])~:not([hidden])){--tw-space-y-reverse:0;margin-top:calc(2rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem*var(--tw-space-y-reverse))}.stx :is(.divide-y>:not([hidden])~:not([hidden])){--tw-divide-y-reverse:0;border-top-width:calc(1px*(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px*var(--tw-divide-y-reverse))}.stx :is(.divide-amber-100>:not([hidden])~:not([hidden])){--tw-divide-opacity:1;border-color:rgb(254 243 199/var(--tw-divide-opacity,1))}.stx :is(.divide-outline-variant>:not([hidden])~:not([hidden])){--tw-divide-opacity:1;border-color:rgb(199 196 216/var(--tw-divide-opacity,1))}.stx :is(.divide-outline-variant\/30>:not([hidden])~:not([hidden])){border-color:rgba(199,196,216,.3)}.stx :is(.divide-outline-variant\/60>:not([hidden])~:not([hidden])){border-color:rgba(199,196,216,.6)}.stx :is(.divide-slate-100>:not([hidden])~:not([hidden])){--tw-divide-opacity:1;border-color:rgb(241 245 249/var(--tw-divide-opacity,1))}.stx .self-start{align-self:flex-start}.stx .self-end{align-self:flex-end}.stx .overflow-auto{overflow:auto}.stx .overflow-hidden{overflow:hidden}.stx .overflow-visible{overflow:visible}.stx .overflow-x-auto{overflow-x:auto}.stx .overflow-y-auto{overflow-y:auto}.stx .truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stx .whitespace-normal{white-space:normal}.stx .whitespace-nowrap{white-space:nowrap}.stx .whitespace-pre-line{white-space:pre-line}.stx .break-words{overflow-wrap:break-word}.stx .break-all{word-break:break-all}.stx .\!rounded-full{border-radius:9999px!important}.stx .\!rounded-none{border-radius:0!important}.stx .rounded{border-radius:.25rem}.stx .rounded-2xl{border-radius:1rem}.stx .rounded-\[6px\]{border-radius:6px}.stx .rounded-\[8px\]{border-radius:8px}.stx .rounded-full{border-radius:9999px}.stx .rounded-lg{border-radius:.5rem}.stx .rounded-md{border-radius:.375rem}.stx .rounded-xl{border-radius:.75rem}.stx .rounded-r{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.stx .rounded-t-lg{border-top-left-radius:.5rem;border-top-right-radius:.5rem}.stx .rounded-tl-sm{border-top-left-radius:.125rem}.stx .rounded-tr-sm{border-top-right-radius:.125rem}.stx .\!border-0{border-width:0!important}.stx .border{border-width:1px}.stx .border-0{border-width:0}.stx .border-2{border-width:2px}.stx .border-b{border-bottom-width:1px}.stx .border-b-0{border-bottom-width:0}.stx .border-b-2{border-bottom-width:2px}.stx .border-l{border-left-width:1px}.stx .border-l-2{border-left-width:2px}.stx .border-r{border-right-width:1px}.stx .border-t{border-top-width:1px}.stx .border-dashed{border-style:dashed}.stx .\!border-primary{--tw-border-opacity:1!important;border-color:rgb(53 37 205/var(--tw-border-opacity,1))!important}.stx .\!border-transparent{border-color:transparent!important}.stx .border-amber-200{--tw-border-opacity:1;border-color:rgb(253 230 138/var(--tw-border-opacity,1))}.stx .border-amber-200\/60{border-color:hsla(48,97%,77%,.6)}.stx .border-amber-200\/80{border-color:hsla(48,97%,77%,.8)}.stx .border-amber-300{--tw-border-opacity:1;border-color:rgb(252 211 77/var(--tw-border-opacity,1))}.stx .border-amber-500{--tw-border-opacity:1;border-color:rgb(245 158 11/var(--tw-border-opacity,1))}.stx .border-emerald-200{--tw-border-opacity:1;border-color:rgb(167 243 208/var(--tw-border-opacity,1))}.stx .border-emerald-200\/80{border-color:rgba(167,243,208,.8)}.stx .border-emerald-300{--tw-border-opacity:1;border-color:rgb(110 231 183/var(--tw-border-opacity,1))}.stx .border-error\/30{border-color:rgba(186,26,26,.3)}.stx .border-indigo-100{--tw-border-opacity:1;border-color:rgb(224 231 255/var(--tw-border-opacity,1))}.stx .border-indigo-200{--tw-border-opacity:1;border-color:rgb(199 210 254/var(--tw-border-opacity,1))}.stx .border-indigo-200\/80{border-color:rgba(199,210,254,.8)}.stx .border-indigo-300{--tw-border-opacity:1;border-color:rgb(165 180 252/var(--tw-border-opacity,1))}.stx .border-indigo-600{--tw-border-opacity:1;border-color:rgb(79 70 229/var(--tw-border-opacity,1))}.stx .border-orange-200{--tw-border-opacity:1;border-color:rgb(254 215 170/var(--tw-border-opacity,1))}.stx .border-outline{--tw-border-opacity:1;border-color:rgb(119 117 135/var(--tw-border-opacity,1))}.stx .border-outline-variant{--tw-border-opacity:1;border-color:rgb(199 196 216/var(--tw-border-opacity,1))}.stx .border-outline-variant\/40{border-color:rgba(199,196,216,.4)}.stx .border-outline-variant\/50{border-color:rgba(199,196,216,.5)}.stx .border-outline-variant\/60{border-color:rgba(199,196,216,.6)}.stx .border-primary-fixed-dim{--tw-border-opacity:1;border-color:rgb(195 192 255/var(--tw-border-opacity,1))}.stx .border-primary\/20{border-color:rgba(53,37,205,.2)}.stx .border-purple-200{--tw-border-opacity:1;border-color:rgb(233 213 255/var(--tw-border-opacity,1))}.stx .border-red-200{--tw-border-opacity:1;border-color:rgb(254 202 202/var(--tw-border-opacity,1))}.stx .border-rose-100{--tw-border-opacity:1;border-color:rgb(255 228 230/var(--tw-border-opacity,1))}.stx .border-rose-200{--tw-border-opacity:1;border-color:rgb(254 205 211/var(--tw-border-opacity,1))}.stx .border-rose-200\/80{border-color:rgba(254,205,211,.8)}.stx .border-rose-300{--tw-border-opacity:1;border-color:rgb(253 164 175/var(--tw-border-opacity,1))}.stx .border-sky-200{--tw-border-opacity:1;border-color:rgb(186 230 253/var(--tw-border-opacity,1))}.stx .border-sky-300{--tw-border-opacity:1;border-color:rgb(125 211 252/var(--tw-border-opacity,1))}.stx .border-slate-100{--tw-border-opacity:1;border-color:rgb(241 245 249/var(--tw-border-opacity,1))}.stx .border-slate-200{--tw-border-opacity:1;border-color:rgb(226 232 240/var(--tw-border-opacity,1))}.stx .border-slate-200\/80{border-color:rgba(226,232,240,.8)}.stx .border-slate-200\/90{border-color:rgba(226,232,240,.9)}.stx .border-slate-300{--tw-border-opacity:1;border-color:rgb(203 213 225/var(--tw-border-opacity,1))}.stx .border-transparent{border-color:transparent}.stx .\!bg-transparent{background-color:transparent!important}.stx .bg-\[\#0084c9\]{--tw-bg-opacity:1;background-color:rgb(0 132 201/var(--tw-bg-opacity,1))}.stx .bg-\[\#0284C7\]{--tw-bg-opacity:1;background-color:rgb(2 132 199/var(--tw-bg-opacity,1))}.stx .bg-\[\#DC2626\]{--tw-bg-opacity:1;background-color:rgb(220 38 38/var(--tw-bg-opacity,1))}.stx .bg-\[\#EA580C\]{--tw-bg-opacity:1;background-color:rgb(234 88 12/var(--tw-bg-opacity,1))}.stx .bg-\[\#dcf8c6\]{--tw-bg-opacity:1;background-color:rgb(220 248 198/var(--tw-bg-opacity,1))}.stx .bg-\[\#e60026\]{--tw-bg-opacity:1;background-color:rgb(230 0 38/var(--tw-bg-opacity,1))}.stx .bg-\[\#ff6700\]{--tw-bg-opacity:1;background-color:rgb(255 103 0/var(--tw-bg-opacity,1))}.stx .bg-amber-100{--tw-bg-opacity:1;background-color:rgb(254 243 199/var(--tw-bg-opacity,1))}.stx .bg-amber-100\/70{background-color:hsla(48,96%,89%,.7)}.stx .bg-amber-200\/70{background-color:hsla(48,97%,77%,.7)}.stx .bg-amber-400{--tw-bg-opacity:1;background-color:rgb(251 191 36/var(--tw-bg-opacity,1))}.stx .bg-amber-50{--tw-bg-opacity:1;background-color:rgb(255 251 235/var(--tw-bg-opacity,1))}.stx .bg-amber-50\/20{background-color:rgba(255,251,235,.2)}.stx .bg-amber-50\/50{background-color:rgba(255,251,235,.5)}.stx .bg-amber-50\/60{background-color:rgba(255,251,235,.6)}.stx .bg-amber-50\/70{background-color:rgba(255,251,235,.7)}.stx .bg-amber-500{--tw-bg-opacity:1;background-color:rgb(245 158 11/var(--tw-bg-opacity,1))}.stx .bg-background{--tw-bg-opacity:1;background-color:rgb(249 249 255/var(--tw-bg-opacity,1))}.stx .bg-blue-600{--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity,1))}.stx .bg-emerald-100{--tw-bg-opacity:1;background-color:rgb(209 250 229/var(--tw-bg-opacity,1))}.stx .bg-emerald-400{--tw-bg-opacity:1;background-color:rgb(52 211 153/var(--tw-bg-opacity,1))}.stx .bg-emerald-50{--tw-bg-opacity:1;background-color:rgb(236 253 245/var(--tw-bg-opacity,1))}.stx .bg-emerald-50\/60{background-color:rgba(236,253,245,.6)}.stx .bg-emerald-500{--tw-bg-opacity:1;background-color:rgb(16 185 129/var(--tw-bg-opacity,1))}.stx .bg-emerald-600{--tw-bg-opacity:1;background-color:rgb(5 150 105/var(--tw-bg-opacity,1))}.stx .bg-error-container{--tw-bg-opacity:1;background-color:rgb(255 218 214/var(--tw-bg-opacity,1))}.stx .bg-indigo-100{--tw-bg-opacity:1;background-color:rgb(224 231 255/var(--tw-bg-opacity,1))}.stx .bg-indigo-100\/70{background-color:rgba(224,231,255,.7)}.stx .bg-indigo-300{--tw-bg-opacity:1;background-color:rgb(165 180 252/var(--tw-bg-opacity,1))}.stx .bg-indigo-400{--tw-bg-opacity:1;background-color:rgb(129 140 248/var(--tw-bg-opacity,1))}.stx .bg-indigo-50{--tw-bg-opacity:1;background-color:rgb(238 242 255/var(--tw-bg-opacity,1))}.stx .bg-indigo-50\/40{background-color:rgba(238,242,255,.4)}.stx .bg-indigo-50\/60{background-color:rgba(238,242,255,.6)}.stx .bg-indigo-50\/70{background-color:rgba(238,242,255,.7)}.stx .bg-indigo-500{--tw-bg-opacity:1;background-color:rgb(99 102 241/var(--tw-bg-opacity,1))}.stx .bg-indigo-600{--tw-bg-opacity:1;background-color:rgb(79 70 229/var(--tw-bg-opacity,1))}.stx .bg-orange-100{--tw-bg-opacity:1;background-color:rgb(255 237 213/var(--tw-bg-opacity,1))}.stx .bg-orange-50{--tw-bg-opacity:1;background-color:rgb(255 247 237/var(--tw-bg-opacity,1))}.stx .bg-orange-50\/70{background-color:rgba(255,247,237,.7)}.stx .bg-orange-500{--tw-bg-opacity:1;background-color:rgb(249 115 22/var(--tw-bg-opacity,1))}.stx .bg-outline-variant{--tw-bg-opacity:1;background-color:rgb(199 196 216/var(--tw-bg-opacity,1))}.stx .bg-primary{--tw-bg-opacity:1;background-color:rgb(53 37 205/var(--tw-bg-opacity,1))}.stx .bg-primary-container{--tw-bg-opacity:1;background-color:rgb(79 70 229/var(--tw-bg-opacity,1))}.stx .bg-primary-fixed{--tw-bg-opacity:1;background-color:rgb(226 223 255/var(--tw-bg-opacity,1))}.stx .bg-primary\/10{background-color:rgba(53,37,205,.1)}.stx .bg-purple-100{--tw-bg-opacity:1;background-color:rgb(243 232 255/var(--tw-bg-opacity,1))}.stx .bg-purple-50{--tw-bg-opacity:1;background-color:rgb(250 245 255/var(--tw-bg-opacity,1))}.stx .bg-purple-500{--tw-bg-opacity:1;background-color:rgb(168 85 247/var(--tw-bg-opacity,1))}.stx .bg-red-100{--tw-bg-opacity:1;background-color:rgb(254 226 226/var(--tw-bg-opacity,1))}.stx .bg-red-50\/70{background-color:hsla(0,86%,97%,.7)}.stx .bg-red-50\/80{background-color:hsla(0,86%,97%,.8)}.stx .bg-red-600{--tw-bg-opacity:1;background-color:rgb(220 38 38/var(--tw-bg-opacity,1))}.stx .bg-rose-100{--tw-bg-opacity:1;background-color:rgb(255 228 230/var(--tw-bg-opacity,1))}.stx .bg-rose-200\/70{background-color:rgba(254,205,211,.7)}.stx .bg-rose-400{--tw-bg-opacity:1;background-color:rgb(251 113 133/var(--tw-bg-opacity,1))}.stx .bg-rose-50{--tw-bg-opacity:1;background-color:rgb(255 241 242/var(--tw-bg-opacity,1))}.stx .bg-rose-50\/60{background-color:rgba(255,241,242,.6)}.stx .bg-rose-500{--tw-bg-opacity:1;background-color:rgb(244 63 94/var(--tw-bg-opacity,1))}.stx .bg-secondary{--tw-bg-opacity:1;background-color:rgb(0 109 47/var(--tw-bg-opacity,1))}.stx .bg-sky-100{--tw-bg-opacity:1;background-color:rgb(224 242 254/var(--tw-bg-opacity,1))}.stx .bg-sky-50{--tw-bg-opacity:1;background-color:rgb(240 249 255/var(--tw-bg-opacity,1))}.stx .bg-sky-50\/70{background-color:rgba(240,249,255,.7)}.stx .bg-sky-500{--tw-bg-opacity:1;background-color:rgb(14 165 233/var(--tw-bg-opacity,1))}.stx .bg-slate-100{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.stx .bg-slate-100\/80{background-color:rgba(241,245,249,.8)}.stx .bg-slate-100\/90{background-color:rgba(241,245,249,.9)}.stx .bg-slate-200{--tw-bg-opacity:1;background-color:rgb(226 232 240/var(--tw-bg-opacity,1))}.stx .bg-slate-200\/80{background-color:rgba(226,232,240,.8)}.stx .bg-slate-300{--tw-bg-opacity:1;background-color:rgb(203 213 225/var(--tw-bg-opacity,1))}.stx .bg-slate-400{--tw-bg-opacity:1;background-color:rgb(148 163 184/var(--tw-bg-opacity,1))}.stx .bg-slate-50{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity,1))}.stx .bg-slate-50\/40{background-color:rgba(248,250,252,.4)}.stx .bg-slate-50\/50{background-color:rgba(248,250,252,.5)}.stx .bg-slate-50\/60{background-color:rgba(248,250,252,.6)}.stx .bg-slate-50\/70{background-color:rgba(248,250,252,.7)}.stx .bg-slate-50\/75{background-color:rgba(248,250,252,.75)}.stx .bg-slate-50\/80{background-color:rgba(248,250,252,.8)}.stx .bg-slate-50\/90{background-color:rgba(248,250,252,.9)}.stx .bg-slate-500{--tw-bg-opacity:1;background-color:rgb(100 116 139/var(--tw-bg-opacity,1))}.stx .bg-slate-800{--tw-bg-opacity:1;background-color:rgb(30 41 59/var(--tw-bg-opacity,1))}.stx .bg-surface,.stx .bg-surface-bright{--tw-bg-opacity:1;background-color:rgb(249 249 255/var(--tw-bg-opacity,1))}.stx .bg-surface-container{--tw-bg-opacity:1;background-color:rgb(231 238 254/var(--tw-bg-opacity,1))}.stx .bg-surface-container-high{--tw-bg-opacity:1;background-color:rgb(226 232 248/var(--tw-bg-opacity,1))}.stx .bg-surface-container-low{--tw-bg-opacity:1;background-color:rgb(240 243 255/var(--tw-bg-opacity,1))}.stx .bg-surface-container-low\/40{background-color:rgba(240,243,255,.4)}.stx .bg-surface-container-low\/60{background-color:rgba(240,243,255,.6)}.stx .bg-surface-container-lowest{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.stx .bg-teal-500{--tw-bg-opacity:1;background-color:rgb(20 184 166/var(--tw-bg-opacity,1))}.stx .bg-tertiary-fixed{--tw-bg-opacity:1;background-color:rgb(204 229 255/var(--tw-bg-opacity,1))}.stx .bg-transparent{background-color:transparent}.stx .bg-violet-400{--tw-bg-opacity:1;background-color:rgb(167 139 250/var(--tw-bg-opacity,1))}.stx .bg-violet-600{--tw-bg-opacity:1;background-color:rgb(124 58 237/var(--tw-bg-opacity,1))}.stx .bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.stx .bg-white\/80{background-color:hsla(0,0%,100%,.8)}.stx .bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}.stx .bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.stx .bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.stx .from-amber-50\/20{--tw-gradient-from:rgba(255,251,235,.2) var(--tw-gradient-from-position);--tw-gradient-to:rgba(255,251,235,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.stx .from-emerald-500{--tw-gradient-from:#10b981 var(--tw-gradient-from-position);--tw-gradient-to:rgba(16,185,129,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.stx .from-indigo-50\/60{--tw-gradient-from:rgba(238,242,255,.6) var(--tw-gradient-from-position);--tw-gradient-to:rgba(238,242,255,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.stx .from-indigo-50\/90{--tw-gradient-from:rgba(238,242,255,.9) var(--tw-gradient-from-position);--tw-gradient-to:rgba(238,242,255,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.stx .via-white{--tw-gradient-to:hsla(0,0%,100%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#fff var(--tw-gradient-via-position),var(--tw-gradient-to)}.stx .to-indigo-600{--tw-gradient-to:#4f46e5 var(--tw-gradient-to-position)}.stx .to-slate-50{--tw-gradient-to:#f8fafc var(--tw-gradient-to-position)}.stx .to-transparent{--tw-gradient-to:transparent var(--tw-gradient-to-position)}.stx .to-white{--tw-gradient-to:#fff var(--tw-gradient-to-position)}.stx .object-contain{-o-object-fit:contain;object-fit:contain}.stx .object-cover{-o-object-fit:cover;object-fit:cover}.stx .\!p-0{padding:0!important}.stx .p-0{padding:0}.stx .p-0\.5{padding:.125rem}.stx .p-1{padding:.25rem}.stx .p-1\.5{padding:.375rem}.stx .p-2{padding:.5rem}.stx .p-2\.5{padding:.625rem}.stx .p-3{padding:.75rem}.stx .p-3\.5{padding:.875rem}.stx .p-4{padding:1rem}.stx .p-5{padding:1.25rem}.stx .p-6{padding:1.5rem}.stx .p-8{padding:2rem}.stx .\!px-0{padding-left:0!important;padding-right:0!important}.stx .\!px-1{padding-left:.25rem!important;padding-right:.25rem!important}.stx .\!px-3{padding-left:.75rem!important;padding-right:.75rem!important}.stx .\!py-0{padding-top:0!important;padding-bottom:0!important}.stx .\!py-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.stx .px-1{padding-left:.25rem;padding-right:.25rem}.stx .px-1\.5{padding-left:.375rem;padding-right:.375rem}.stx .px-2{padding-left:.5rem;padding-right:.5rem}.stx .px-2\.5{padding-left:.625rem;padding-right:.625rem}.stx .px-3{padding-left:.75rem;padding-right:.75rem}.stx .px-3\.5{padding-left:.875rem;padding-right:.875rem}.stx .px-4{padding-left:1rem;padding-right:1rem}.stx .px-5{padding-left:1.25rem;padding-right:1.25rem}.stx .px-6{padding-left:1.5rem;padding-right:1.5rem}.stx .py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.stx .py-1{padding-top:.25rem;padding-bottom:.25rem}.stx .py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.stx .py-10{padding-top:2.5rem;padding-bottom:2.5rem}.stx .py-2{padding-top:.5rem;padding-bottom:.5rem}.stx .py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.stx .py-3{padding-top:.75rem;padding-bottom:.75rem}.stx .py-3\.5{padding-top:.875rem;padding-bottom:.875rem}.stx .py-4{padding-top:1rem;padding-bottom:1rem}.stx .py-5{padding-top:1.25rem;padding-bottom:1.25rem}.stx .py-6{padding-top:1.5rem;padding-bottom:1.5rem}.stx .py-8{padding-top:2rem;padding-bottom:2rem}.stx .py-px{padding-top:1px;padding-bottom:1px}.stx .pb-1\.5{padding-bottom:.375rem}.stx .pb-2{padding-bottom:.5rem}.stx .pb-3{padding-bottom:.75rem}.stx .pb-3\.5{padding-bottom:.875rem}.stx .pb-4{padding-bottom:1rem}.stx .pb-5{padding-bottom:1.25rem}.stx .pb-6{padding-bottom:1.5rem}.stx .pb-8{padding-bottom:2rem}.stx .pl-10{padding-left:2.5rem}.stx .pl-3{padding-left:.75rem}.stx .pl-5{padding-left:1.25rem}.stx .pl-9{padding-left:2.25rem}.stx .pr-1{padding-right:.25rem}.stx .pr-10{padding-right:2.5rem}.stx .pr-20{padding-right:5rem}.stx .pr-3{padding-right:.75rem}.stx .pr-3\.5{padding-right:.875rem}.stx .pr-4{padding-right:1rem}.stx .pr-8{padding-right:2rem}.stx .pt-0\.5{padding-top:.125rem}.stx .pt-1{padding-top:.25rem}.stx .pt-2{padding-top:.5rem}.stx .pt-3{padding-top:.75rem}.stx .pt-4{padding-top:1rem}.stx .pt-5{padding-top:1.25rem}.stx .text-left{text-align:left}.stx .text-center{text-align:center}.stx .text-right{text-align:right}.stx .align-top{vertical-align:top}.stx .align-middle{vertical-align:middle}.stx .font-body-md,.stx .font-body-sm{font-family:Inter}.stx .font-code-sm{font-family:JetBrains Mono}.stx .font-headline-lg,.stx .font-headline-md,.stx .font-headline-sm,.stx .font-label-lg,.stx .font-label-md,.stx .font-label-sm{font-family:Inter}.stx .font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.stx .\!text-base{font-size:1rem!important;line-height:1.5rem!important}.stx .\!text-sm{font-size:.875rem!important;line-height:1.25rem!important}.stx .\!text-xs{font-size:.75rem!important;line-height:1rem!important}.stx .text-2xl{font-size:1.5rem;line-height:2rem}.stx .text-\[10\.5px\]{font-size:10.5px}.stx .text-\[10px\]{font-size:10px}.stx .text-\[11px\]{font-size:11px}.stx .text-\[12px\]{font-size:12px}.stx .text-\[13px\]{font-size:13px}.stx .text-\[14px\]{font-size:14px}.stx .text-\[15px\]{font-size:15px}.stx .text-\[16px\]{font-size:16px}.stx .text-\[18px\]{font-size:18px}.stx .text-\[19px\]{font-size:19px}.stx .text-\[20px\]{font-size:20px}.stx .text-\[7px\]{font-size:7px}.stx .text-\[8px\]{font-size:8px}.stx .text-\[9px\]{font-size:9px}.stx .text-base{font-size:1rem;line-height:1.5rem}.stx .text-body-md{font-size:13px;line-height:18px;font-weight:400}.stx .text-body-sm{font-size:12px;line-height:16px;font-weight:400}.stx .text-code-sm{font-size:11px;line-height:14px;font-weight:500}.stx .text-headline-lg{font-size:24px;line-height:32px;letter-spacing:-.02em;font-weight:600}.stx .text-headline-md{font-size:18px;line-height:24px;letter-spacing:-.015em;font-weight:600}.stx .text-headline-sm{font-size:15px;line-height:20px;letter-spacing:-.01em;font-weight:600}.stx .text-label-lg{font-size:13px;line-height:16px;font-weight:500}.stx .text-label-md{font-size:11px;line-height:14px;letter-spacing:.02em;font-weight:600}.stx .text-label-sm{font-size:10px;line-height:12px;letter-spacing:.04em;font-weight:600}.stx .text-lg{font-size:1.125rem;line-height:1.75rem}.stx .text-sm{font-size:.875rem;line-height:1.25rem}.stx .text-xl{font-size:1.25rem;line-height:1.75rem}.stx .text-xs{font-size:.75rem;line-height:1rem}.stx .font-bold{font-weight:700}.stx .font-extrabold{font-weight:800}.stx .font-medium{font-weight:500}.stx .font-normal{font-weight:400}.stx .font-semibold{font-weight:600}.stx .uppercase{text-transform:uppercase}.stx .italic{font-style:italic}.stx .tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.stx .leading-none{line-height:1}.stx .leading-relaxed{line-height:1.625}.stx .leading-snug{line-height:1.375}.stx .leading-tight{line-height:1.25}.stx .tracking-tight{letter-spacing:-.025em}.stx .tracking-wide{letter-spacing:.025em}.stx .tracking-wider{letter-spacing:.05em}.stx .\!text-primary{--tw-text-opacity:1!important;color:rgb(53 37 205/var(--tw-text-opacity,1))!important}.stx .text-\[\#0369A1\]{--tw-text-opacity:1;color:rgb(3 105 161/var(--tw-text-opacity,1))}.stx .text-\[\#075e54\]{--tw-text-opacity:1;color:rgb(7 94 84/var(--tw-text-opacity,1))}.stx .text-\[\#B91C1C\]{--tw-text-opacity:1;color:rgb(185 28 28/var(--tw-text-opacity,1))}.stx .text-\[\#C2410C\]{--tw-text-opacity:1;color:rgb(194 65 12/var(--tw-text-opacity,1))}.stx .text-amber-500{--tw-text-opacity:1;color:rgb(245 158 11/var(--tw-text-opacity,1))}.stx .text-amber-600{--tw-text-opacity:1;color:rgb(217 119 6/var(--tw-text-opacity,1))}.stx .text-amber-700{--tw-text-opacity:1;color:rgb(180 83 9/var(--tw-text-opacity,1))}.stx .text-amber-700\/80{color:rgba(180,83,9,.8)}.stx .text-amber-700\/90{color:rgba(180,83,9,.9)}.stx .text-amber-800{--tw-text-opacity:1;color:rgb(146 64 14/var(--tw-text-opacity,1))}.stx .text-amber-800\/80{color:rgba(146,64,14,.8)}.stx .text-amber-900{--tw-text-opacity:1;color:rgb(120 53 15/var(--tw-text-opacity,1))}.stx .text-amber-950{--tw-text-opacity:1;color:rgb(69 26 3/var(--tw-text-opacity,1))}.stx .text-blue-400{--tw-text-opacity:1;color:rgb(96 165 250/var(--tw-text-opacity,1))}.stx .text-blue-600{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity,1))}.stx .text-emerald-500{--tw-text-opacity:1;color:rgb(16 185 129/var(--tw-text-opacity,1))}.stx .text-emerald-600{--tw-text-opacity:1;color:rgb(5 150 105/var(--tw-text-opacity,1))}.stx .text-emerald-700{--tw-text-opacity:1;color:rgb(4 120 87/var(--tw-text-opacity,1))}.stx .text-emerald-700\/80{color:rgba(4,120,87,.8)}.stx .text-emerald-800{--tw-text-opacity:1;color:rgb(6 95 70/var(--tw-text-opacity,1))}.stx .text-emerald-900{--tw-text-opacity:1;color:rgb(6 78 59/var(--tw-text-opacity,1))}.stx .text-error{--tw-text-opacity:1;color:rgb(186 26 26/var(--tw-text-opacity,1))}.stx .text-indigo-400{--tw-text-opacity:1;color:rgb(129 140 248/var(--tw-text-opacity,1))}.stx .text-indigo-600{--tw-text-opacity:1;color:rgb(79 70 229/var(--tw-text-opacity,1))}.stx .text-indigo-700{--tw-text-opacity:1;color:rgb(67 56 202/var(--tw-text-opacity,1))}.stx .text-indigo-800{--tw-text-opacity:1;color:rgb(55 48 163/var(--tw-text-opacity,1))}.stx .text-indigo-900{--tw-text-opacity:1;color:rgb(49 46 129/var(--tw-text-opacity,1))}.stx .text-indigo-950{--tw-text-opacity:1;color:rgb(30 27 75/var(--tw-text-opacity,1))}.stx .text-on-error-container{--tw-text-opacity:1;color:rgb(147 0 10/var(--tw-text-opacity,1))}.stx .text-on-primary{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.stx .text-on-primary-fixed-variant{--tw-text-opacity:1;color:rgb(51 35 204/var(--tw-text-opacity,1))}.stx .text-on-surface{--tw-text-opacity:1;color:rgb(21 28 39/var(--tw-text-opacity,1))}.stx .text-on-surface-variant{--tw-text-opacity:1;color:rgb(70 69 85/var(--tw-text-opacity,1))}.stx .text-on-surface-variant\/80{color:rgba(70,69,85,.8)}.stx .text-on-tertiary-fixed{--tw-text-opacity:1;color:rgb(0 29 49/var(--tw-text-opacity,1))}.stx .text-orange-700{--tw-text-opacity:1;color:rgb(194 65 12/var(--tw-text-opacity,1))}.stx .text-outline{--tw-text-opacity:1;color:rgb(119 117 135/var(--tw-text-opacity,1))}.stx .text-outline-variant{--tw-text-opacity:1;color:rgb(199 196 216/var(--tw-text-opacity,1))}.stx .text-primary{--tw-text-opacity:1;color:rgb(53 37 205/var(--tw-text-opacity,1))}.stx .text-primary-container{--tw-text-opacity:1;color:rgb(79 70 229/var(--tw-text-opacity,1))}.stx .text-purple-400{--tw-text-opacity:1;color:rgb(192 132 252/var(--tw-text-opacity,1))}.stx .text-purple-600{--tw-text-opacity:1;color:rgb(147 51 234/var(--tw-text-opacity,1))}.stx .text-purple-700{--tw-text-opacity:1;color:rgb(126 34 206/var(--tw-text-opacity,1))}.stx .text-purple-800{--tw-text-opacity:1;color:rgb(107 33 168/var(--tw-text-opacity,1))}.stx .text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.stx .text-red-700{--tw-text-opacity:1;color:rgb(185 28 28/var(--tw-text-opacity,1))}.stx .text-red-800{--tw-text-opacity:1;color:rgb(153 27 27/var(--tw-text-opacity,1))}.stx .text-red-900{--tw-text-opacity:1;color:rgb(127 29 29/var(--tw-text-opacity,1))}.stx .text-red-950{--tw-text-opacity:1;color:rgb(69 10 10/var(--tw-text-opacity,1))}.stx .text-rose-500{--tw-text-opacity:1;color:rgb(244 63 94/var(--tw-text-opacity,1))}.stx .text-rose-600{--tw-text-opacity:1;color:rgb(225 29 72/var(--tw-text-opacity,1))}.stx .text-rose-700{--tw-text-opacity:1;color:rgb(190 18 60/var(--tw-text-opacity,1))}.stx .text-rose-700\/90{color:rgba(190,18,60,.9)}.stx .text-rose-800{--tw-text-opacity:1;color:rgb(159 18 57/var(--tw-text-opacity,1))}.stx .text-rose-900{--tw-text-opacity:1;color:rgb(136 19 55/var(--tw-text-opacity,1))}.stx .text-secondary{--tw-text-opacity:1;color:rgb(0 109 47/var(--tw-text-opacity,1))}.stx .text-sky-500{--tw-text-opacity:1;color:rgb(14 165 233/var(--tw-text-opacity,1))}.stx .text-sky-600{--tw-text-opacity:1;color:rgb(2 132 199/var(--tw-text-opacity,1))}.stx .text-sky-700{--tw-text-opacity:1;color:rgb(3 105 161/var(--tw-text-opacity,1))}.stx .text-sky-800{--tw-text-opacity:1;color:rgb(7 89 133/var(--tw-text-opacity,1))}.stx .text-slate-300{--tw-text-opacity:1;color:rgb(203 213 225/var(--tw-text-opacity,1))}.stx .text-slate-400{--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity,1))}.stx .text-slate-500{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity,1))}.stx .text-slate-600{--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity,1))}.stx .text-slate-700{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity,1))}.stx .text-slate-800{--tw-text-opacity:1;color:rgb(30 41 59/var(--tw-text-opacity,1))}.stx .text-slate-900{--tw-text-opacity:1;color:rgb(15 23 42/var(--tw-text-opacity,1))}.stx .text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.stx .underline{text-decoration-line:underline}.stx .decoration-dotted{text-decoration-style:dotted}.stx .underline-offset-2{text-underline-offset:2px}.stx .placeholder-outline::-moz-placeholder{--tw-placeholder-opacity:1;color:rgb(119 117 135/var(--tw-placeholder-opacity,1))}.stx .placeholder-outline::placeholder{--tw-placeholder-opacity:1;color:rgb(119 117 135/var(--tw-placeholder-opacity,1))}.stx .placeholder-slate-400::-moz-placeholder{--tw-placeholder-opacity:1;color:rgb(148 163 184/var(--tw-placeholder-opacity,1))}.stx .placeholder-slate-400::placeholder{--tw-placeholder-opacity:1;color:rgb(148 163 184/var(--tw-placeholder-opacity,1))}.stx .accent-indigo-600{accent-color:#4f46e5}.stx .accent-primary{accent-color:#3525cd}.stx .opacity-60{opacity:.6}.stx .opacity-75{opacity:.75}.stx .opacity-80{opacity:.8}.stx .opacity-90{opacity:.9}.stx .\!shadow-none{--tw-shadow:0 0 #0000!important;--tw-shadow-colored:0 0 #0000!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}.stx .shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.stx .shadow,.stx .shadow-\[-8px_0_8px_-8px_rgba\(15\2c 23\2c 42\2c 0\.12\)\]{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.stx .shadow-\[-8px_0_8px_-8px_rgba\(15\2c 23\2c 42\2c 0\.12\)\]{--tw-shadow:-8px 0 8px -8px rgba(15,23,42,.12);--tw-shadow-colored:-8px 0 8px -8px var(--tw-shadow-color)}.stx .shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.stx .shadow-lg,.stx .shadow-md{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.stx .shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.stx .shadow-none{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000}.stx .shadow-none,.stx .shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.stx .shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.stx .outline{outline-style:solid}.stx .ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.stx .ring-indigo-200{--tw-ring-opacity:1;--tw-ring-color:rgb(199 210 254/var(--tw-ring-opacity,1))}.stx .ring-indigo-500{--tw-ring-opacity:1;--tw-ring-color:rgb(99 102 241/var(--tw-ring-opacity,1))}.stx .ring-white{--tw-ring-opacity:1;--tw-ring-color:rgb(255 255 255/var(--tw-ring-opacity,1))}.stx .ring-offset-1{--tw-ring-offset-width:1px}.stx .blur{--tw-blur:blur(8px)}.stx .blur,.stx .filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.stx .transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.stx .transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.stx .transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.stx .transition-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.stx .transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.stx .ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.stx .placeholder\:text-on-surface-variant::-moz-placeholder{--tw-text-opacity:1;color:rgb(70 69 85/var(--tw-text-opacity,1))}.stx .placeholder\:text-on-surface-variant::placeholder{--tw-text-opacity:1;color:rgb(70 69 85/var(--tw-text-opacity,1))}.stx .placeholder\:text-on-surface-variant\/60::-moz-placeholder{color:rgba(70,69,85,.6)}.stx .placeholder\:text-on-surface-variant\/60::placeholder{color:rgba(70,69,85,.6)}.stx .before\:absolute:before{content:var(--tw-content);position:absolute}.stx .before\:-inset-x-1:before{content:var(--tw-content);left:-.25rem;right:-.25rem}.stx .before\:-inset-y-3:before{content:var(--tw-content);top:-.75rem;bottom:-.75rem}.stx .before\:content-\[\\\'\\\'\]:before{--tw-content:\'\';content:var(--tw-content)}.stx .after\:absolute:after{content:var(--tw-content);position:absolute}.stx .after\:left-\[2px\]:after{content:var(--tw-content);left:2px}.stx .after\:top-\[2px\]:after{content:var(--tw-content);top:2px}.stx .after\:h-4:after{content:var(--tw-content);height:1rem}.stx .after\:h-5:after{content:var(--tw-content);height:1.25rem}.stx .after\:w-4:after{content:var(--tw-content);width:1rem}.stx .after\:w-5:after{content:var(--tw-content);width:1.25rem}.stx .after\:rounded-full:after{content:var(--tw-content);border-radius:9999px}.stx .after\:border:after{content:var(--tw-content);border-width:1px}.stx .after\:border-slate-300:after{content:var(--tw-content);--tw-border-opacity:1;border-color:rgb(203 213 225/var(--tw-border-opacity,1))}.stx .after\:bg-white:after{content:var(--tw-content);--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.stx .after\:transition-all:after{content:var(--tw-content);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.stx .after\:content-\[\'\'\]:after{--tw-content:"";content:var(--tw-content)}.stx .empty\:hidden:empty{display:none}.stx .focus-within\:border-indigo-600:focus-within{--tw-border-opacity:1;border-color:rgb(79 70 229/var(--tw-border-opacity,1))}.stx .focus-within\:border-primary-container:focus-within{--tw-border-opacity:1;border-color:rgb(79 70 229/var(--tw-border-opacity,1))}.stx .focus-within\:ring-2:focus-within{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.stx .focus-within\:ring-indigo-100:focus-within{--tw-ring-opacity:1;--tw-ring-color:rgb(224 231 255/var(--tw-ring-opacity,1))}.stx .focus-within\:ring-indigo-600\/15:focus-within{--tw-ring-color:rgba(79,70,229,.15)}.stx .hover\:border-indigo-200:hover{--tw-border-opacity:1;border-color:rgb(199 210 254/var(--tw-border-opacity,1))}.stx .hover\:border-indigo-300:hover{--tw-border-opacity:1;border-color:rgb(165 180 252/var(--tw-border-opacity,1))}.stx .hover\:border-indigo-400:hover{--tw-border-opacity:1;border-color:rgb(129 140 248/var(--tw-border-opacity,1))}.stx .hover\:border-primary:hover{--tw-border-opacity:1;border-color:rgb(53 37 205/var(--tw-border-opacity,1))}.stx .hover\:border-rose-300:hover{--tw-border-opacity:1;border-color:rgb(253 164 175/var(--tw-border-opacity,1))}.stx .hover\:border-slate-300:hover{--tw-border-opacity:1;border-color:rgb(203 213 225/var(--tw-border-opacity,1))}.stx .hover\:bg-amber-100:hover{--tw-bg-opacity:1;background-color:rgb(254 243 199/var(--tw-bg-opacity,1))}.stx .hover\:bg-amber-50\/40:hover{background-color:rgba(255,251,235,.4)}.stx .hover\:bg-emerald-100:hover{--tw-bg-opacity:1;background-color:rgb(209 250 229/var(--tw-bg-opacity,1))}.stx .hover\:bg-error-container:hover{--tw-bg-opacity:1;background-color:rgb(255 218 214/var(--tw-bg-opacity,1))}.stx .hover\:bg-indigo-100:hover{--tw-bg-opacity:1;background-color:rgb(224 231 255/var(--tw-bg-opacity,1))}.stx .hover\:bg-indigo-50:hover{--tw-bg-opacity:1;background-color:rgb(238 242 255/var(--tw-bg-opacity,1))}.stx .hover\:bg-indigo-700:hover{--tw-bg-opacity:1;background-color:rgb(67 56 202/var(--tw-bg-opacity,1))}.stx .hover\:bg-primary:hover{--tw-bg-opacity:1;background-color:rgb(53 37 205/var(--tw-bg-opacity,1))}.stx .hover\:bg-red-100:hover{--tw-bg-opacity:1;background-color:rgb(254 226 226/var(--tw-bg-opacity,1))}.stx .hover\:bg-red-700:hover{--tw-bg-opacity:1;background-color:rgb(185 28 28/var(--tw-bg-opacity,1))}.stx .hover\:bg-rose-100:hover{--tw-bg-opacity:1;background-color:rgb(255 228 230/var(--tw-bg-opacity,1))}.stx .hover\:bg-rose-50:hover{--tw-bg-opacity:1;background-color:rgb(255 241 242/var(--tw-bg-opacity,1))}.stx .hover\:bg-slate-100:hover{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.stx .hover\:bg-slate-200:hover{--tw-bg-opacity:1;background-color:rgb(226 232 240/var(--tw-bg-opacity,1))}.stx .hover\:bg-slate-200\/50:hover{background-color:rgba(226,232,240,.5)}.stx .hover\:bg-slate-50:hover{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity,1))}.stx .hover\:bg-slate-50\/50:hover{background-color:rgba(248,250,252,.5)}.stx .hover\:bg-slate-50\/60:hover{background-color:rgba(248,250,252,.6)}.stx .hover\:bg-slate-50\/70:hover{background-color:rgba(248,250,252,.7)}.stx .hover\:bg-surface-container:hover{--tw-bg-opacity:1;background-color:rgb(231 238 254/var(--tw-bg-opacity,1))}.stx .hover\:bg-surface-container-low\/40:hover{background-color:rgba(240,243,255,.4)}.stx .hover\:bg-surface-container-low\/60:hover{background-color:rgba(240,243,255,.6)}.stx .hover\:bg-surface-container\/50:hover{background-color:rgba(231,238,254,.5)}.stx .hover\:bg-white:hover{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.stx .hover\:text-amber-400:hover{--tw-text-opacity:1;color:rgb(251 191 36/var(--tw-text-opacity,1))}.stx .hover\:text-error:hover{--tw-text-opacity:1;color:rgb(186 26 26/var(--tw-text-opacity,1))}.stx .hover\:text-indigo-600:hover{--tw-text-opacity:1;color:rgb(79 70 229/var(--tw-text-opacity,1))}.stx .hover\:text-indigo-700:hover{--tw-text-opacity:1;color:rgb(67 56 202/var(--tw-text-opacity,1))}.stx .hover\:text-indigo-800:hover{--tw-text-opacity:1;color:rgb(55 48 163/var(--tw-text-opacity,1))}.stx .hover\:text-on-surface:hover{--tw-text-opacity:1;color:rgb(21 28 39/var(--tw-text-opacity,1))}.stx .hover\:text-primary:hover{--tw-text-opacity:1;color:rgb(53 37 205/var(--tw-text-opacity,1))}.stx .hover\:text-rose-600:hover{--tw-text-opacity:1;color:rgb(225 29 72/var(--tw-text-opacity,1))}.stx .hover\:text-slate-600:hover{--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity,1))}.stx .hover\:text-slate-700:hover{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity,1))}.stx .hover\:text-slate-800:hover{--tw-text-opacity:1;color:rgb(30 41 59/var(--tw-text-opacity,1))}.stx .hover\:text-slate-900:hover{--tw-text-opacity:1;color:rgb(15 23 42/var(--tw-text-opacity,1))}.stx .hover\:underline:hover{text-decoration-line:underline}.stx .hover\:opacity-90:hover{opacity:.9}.stx .hover\:opacity-95:hover{opacity:.95}.stx .hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.stx .focus\:border-indigo-600:focus{--tw-border-opacity:1;border-color:rgb(79 70 229/var(--tw-border-opacity,1))}.stx .focus\:border-primary:focus{--tw-border-opacity:1;border-color:rgb(53 37 205/var(--tw-border-opacity,1))}.stx .focus\:border-primary-container:focus{--tw-border-opacity:1;border-color:rgb(79 70 229/var(--tw-border-opacity,1))}.stx .focus\:text-indigo-600:focus{--tw-text-opacity:1;color:rgb(79 70 229/var(--tw-text-opacity,1))}.stx .focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.stx .focus\:ring-0:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color)}.stx .focus\:ring-0:focus,.stx .focus\:ring-1:focus{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.stx .focus\:ring-1:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.stx .focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.stx .focus\:ring-indigo-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(99 102 241/var(--tw-ring-opacity,1))}.stx .focus\:ring-indigo-500\/20:focus{--tw-ring-color:rgba(99,102,241,.2)}.stx .focus\:ring-indigo-600:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(79 70 229/var(--tw-ring-opacity,1))}.stx .focus\:ring-primary-container\/10:focus{--tw-ring-color:rgba(79,70,229,.1)}.stx .focus\:ring-primary-container\/20:focus{--tw-ring-color:rgba(79,70,229,.2)}.stx .focus\:ring-primary\/25:focus{--tw-ring-color:rgba(53,37,205,.25)}.stx .focus\:ring-primary\/30:focus{--tw-ring-color:rgba(53,37,205,.3)}.stx .focus\:ring-offset-0:focus{--tw-ring-offset-width:0px}.stx .active\:scale-95:active{--tw-scale-x:.95;--tw-scale-y:.95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.stx .active\:bg-indigo-800:active{--tw-bg-opacity:1;background-color:rgb(55 48 163/var(--tw-bg-opacity,1))}.stx .disabled\:cursor-default:disabled{cursor:default}.stx .disabled\:opacity-50:disabled{opacity:.5}.stx .disabled\:opacity-60:disabled{opacity:.6}.stx :is(.group:hover .group-hover\:text-primary){--tw-text-opacity:1;color:rgb(53 37 205/var(--tw-text-opacity,1))}.stx :is(.peer:checked~.peer-checked\:bg-indigo-600){--tw-bg-opacity:1;background-color:rgb(79 70 229/var(--tw-bg-opacity,1))}.stx :is(.peer:checked~.peer-checked\:after\:translate-x-full):after{content:var(--tw-content);--tw-translate-x:100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.stx :is(.peer:checked~.peer-checked\:after\:border-white):after{content:var(--tw-content);--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity,1))}.stx :is(.peer:focus~.peer-focus\:outline-none){outline:2px solid transparent;outline-offset:2px}.stx :is(.peer:focus~.peer-focus\:ring-2){--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.stx :is(.peer:focus~.peer-focus\:ring-indigo-500\/20){--tw-ring-color:rgba(99,102,241,.2)}.stx .aria-checked\:bg-primary-container[aria-checked=true]{--tw-bg-opacity:1;background-color:rgb(79 70 229/var(--tw-bg-opacity,1))}.stx .aria-pressed\:border-amber-300[aria-pressed=true]{--tw-border-opacity:1;border-color:rgb(252 211 77/var(--tw-border-opacity,1))}.stx .aria-pressed\:border-emerald-300[aria-pressed=true]{--tw-border-opacity:1;border-color:rgb(110 231 183/var(--tw-border-opacity,1))}.stx .aria-pressed\:border-emerald-500[aria-pressed=true]{--tw-border-opacity:1;border-color:rgb(16 185 129/var(--tw-border-opacity,1))}.stx .aria-pressed\:border-outline-variant[aria-pressed=true]{--tw-border-opacity:1;border-color:rgb(199 196 216/var(--tw-border-opacity,1))}.stx .aria-pressed\:border-rose-300[aria-pressed=true]{--tw-border-opacity:1;border-color:rgb(253 164 175/var(--tw-border-opacity,1))}.stx .aria-pressed\:border-rose-500[aria-pressed=true]{--tw-border-opacity:1;border-color:rgb(244 63 94/var(--tw-border-opacity,1))}.stx .aria-pressed\:bg-amber-50[aria-pressed=true]{--tw-bg-opacity:1;background-color:rgb(255 251 235/var(--tw-bg-opacity,1))}.stx .aria-pressed\:bg-emerald-50[aria-pressed=true]{--tw-bg-opacity:1;background-color:rgb(236 253 245/var(--tw-bg-opacity,1))}.stx .aria-pressed\:bg-rose-50[aria-pressed=true]{--tw-bg-opacity:1;background-color:rgb(255 241 242/var(--tw-bg-opacity,1))}.stx .aria-pressed\:bg-surface-container-lowest[aria-pressed=true]{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.stx .aria-pressed\:text-amber-800[aria-pressed=true]{--tw-text-opacity:1;color:rgb(146 64 14/var(--tw-text-opacity,1))}.stx .aria-pressed\:text-emerald-700[aria-pressed=true]{--tw-text-opacity:1;color:rgb(4 120 87/var(--tw-text-opacity,1))}.stx .aria-pressed\:text-on-surface[aria-pressed=true]{--tw-text-opacity:1;color:rgb(21 28 39/var(--tw-text-opacity,1))}.stx .aria-pressed\:text-rose-700[aria-pressed=true]{--tw-text-opacity:1;color:rgb(190 18 60/var(--tw-text-opacity,1))}.stx .aria-selected\:border-primary-container[aria-selected=true]{--tw-border-opacity:1;border-color:rgb(79 70 229/var(--tw-border-opacity,1))}.stx .aria-selected\:font-semibold[aria-selected=true]{font-weight:600}.stx .aria-selected\:text-primary-container[aria-selected=true]{--tw-text-opacity:1;color:rgb(79 70 229/var(--tw-text-opacity,1))}.stx :is(.group[aria-checked=true] .group-aria-checked\:translate-x-5){--tw-translate-x:1.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@media (min-width:640px){.stx .sm\:col-span-1{grid-column:span 1/span 1}.stx .sm\:col-span-2{grid-column:span 2/span 2}.stx .sm\:col-span-3{grid-column:span 3/span 3}.stx .sm\:mt-0{margin-top:0}.stx .sm\:block{display:block}.stx .sm\:inline{display:inline}.stx .sm\:hidden{display:none}.stx .sm\:h-10{height:2.5rem}.stx .sm\:h-9{height:2.25rem}.stx .sm\:min-h-0{min-height:0}.stx .sm\:w-9{width:2.25rem}.stx .sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.stx .sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.stx .sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.stx .sm\:grid-cols-\[1fr_96px_1fr_1fr\]{grid-template-columns:1fr 96px 1fr 1fr}.stx .sm\:flex-row{flex-direction:row}.stx .sm\:items-center{align-items:center}.stx .sm\:justify-between{justify-content:space-between}.stx :is(.sm\:space-y-6>:not([hidden])~:not([hidden])){--tw-space-y-reverse:0;margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem*var(--tw-space-y-reverse))}.stx .sm\:self-auto{align-self:auto}.stx .sm\:p-5{padding:1.25rem}.stx .sm\:p-6{padding:1.5rem}.stx .sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.stx .sm\:px-8{padding-left:2rem;padding-right:2rem}.stx .sm\:py-1{padding-top:.25rem;padding-bottom:.25rem}.stx .sm\:text-left{text-align:left}}@media (min-width:768px){.stx .md\:col-span-1{grid-column:span 1/span 1}.stx .md\:mx-8{margin-left:2rem;margin-right:2rem}.stx .md\:block{display:block}.stx .md\:flex{display:flex}.stx .md\:table-cell{display:table-cell}.stx .md\:hidden{display:none}.stx .md\:\!h-8{height:2rem!important}.stx .md\:h-16{height:4rem}.stx .md\:h-8{height:2rem}.stx .md\:h-9{height:2.25rem}.stx .md\:min-h-0{min-height:0}.stx .md\:min-h-\[36px\]{min-height:36px}.stx .md\:w-8{width:2rem}.stx .md\:w-9{width:2.25rem}.stx .md\:max-w-none{max-width:none}.stx .md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.stx .md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.stx .md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.stx .md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.stx .md\:flex-row{flex-direction:row}.stx .md\:items-end{align-items:flex-end}.stx .md\:items-center{align-items:center}.stx .md\:gap-2{gap:.5rem}.stx .md\:gap-3{gap:.75rem}.stx .md\:gap-3\.5{gap:.875rem}.stx .md\:gap-4{gap:1rem}.stx .md\:gap-5{gap:1.25rem}.stx .md\:gap-6{gap:1.5rem}.stx .md\:gap-8{gap:2rem}.stx :is(.md\:space-y-6>:not([hidden])~:not([hidden])){--tw-space-y-reverse:0;margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem*var(--tw-space-y-reverse))}.stx .md\:p-4{padding:1rem}.stx .md\:p-5{padding:1.25rem}.stx .md\:p-8{padding:2rem}.stx .md\:px-4{padding-left:1rem;padding-right:1rem}.stx .md\:px-5{padding-left:1.25rem;padding-right:1.25rem}.stx .md\:px-8{padding-left:2rem;padding-right:2rem}.stx .md\:py-0{padding-top:0;padding-bottom:0}.stx .md\:py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.stx .md\:py-4{padding-top:1rem;padding-bottom:1rem}.stx .md\:py-6{padding-top:1.5rem;padding-bottom:1.5rem}.stx .md\:text-2xl{font-size:1.5rem;line-height:2rem}.stx .md\:text-3xl{font-size:1.875rem;line-height:2.25rem}}@media (min-width:1024px){.stx .lg\:col-span-5{grid-column:span 5/span 5}.stx .lg\:col-span-6{grid-column:span 6/span 6}.stx .lg\:col-span-7{grid-column:span 7/span 7}.stx .lg\:flex{display:flex}.stx .lg\:w-auto{width:auto}.stx .lg\:flex-1{flex:1 1 0%}.stx .lg\:flex-shrink-0{flex-shrink:0}.stx .lg\:basis-72{flex-basis:18rem}.stx .lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.stx .lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.stx .lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.stx .lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.stx .lg\:flex-row{flex-direction:row}.stx .lg\:flex-nowrap{flex-wrap:nowrap}.stx .lg\:items-center{align-items:center}.stx .lg\:justify-between{justify-content:space-between}.stx .lg\:gap-4{gap:1rem}.stx .lg\:self-auto{align-self:auto}.stx .lg\:self-center{align-self:center}.stx .lg\:p-6{padding:1.5rem}}@media (min-width:1280px){.stx .xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.stx .xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.stx :is(.\[\&_\.kit-filtros-chips-barra\]\:flex .kit-filtros-chips-barra){display:flex}.stx :is(.\[\&_\.kit-filtros-chips-barra\]\:flex-col-reverse .kit-filtros-chips-barra){flex-direction:column-reverse}.stx :is(.\[\&_\.kit-filtros-chips-barra\]\:items-stretch .kit-filtros-chips-barra){align-items:stretch}.stx :is(.\[\&_\.kit-filtros-chips-barra\]\:justify-between .kit-filtros-chips-barra){justify-content:space-between}.stx :is(.\[\&_\.kit-filtros-chips-barra\]\:gap-4 .kit-filtros-chips-barra){gap:1rem}@media (min-width:640px){.stx :is(.sm\:\[\&_\.kit-filtros-chips-barra\]\:flex-row-reverse .kit-filtros-chips-barra){flex-direction:row-reverse}.stx :is(.sm\:\[\&_\.kit-filtros-chips-barra\]\:items-center .kit-filtros-chips-barra){align-items:center}}.stx :is(.\[\&_\.kit-filtros-chips-botao--ativo\]\:border-primary-fixed-dim .kit-filtros-chips-botao--ativo){--tw-border-opacity:1;border-color:rgb(195 192 255/var(--tw-border-opacity,1))}.stx :is(.\[\&_\.kit-filtros-chips-botao--ativo\]\:bg-primary-fixed .kit-filtros-chips-botao--ativo){--tw-bg-opacity:1;background-color:rgb(226 223 255/var(--tw-bg-opacity,1))}.stx :is(.\[\&_\.kit-filtros-chips-botao--ativo\]\:font-semibold .kit-filtros-chips-botao--ativo){font-weight:600}.stx :is(.\[\&_\.kit-filtros-chips-botao--ativo\]\:text-on-primary-fixed-variant .kit-filtros-chips-botao--ativo){--tw-text-opacity:1;color:rgb(51 35 204/var(--tw-text-opacity,1))}.stx :is(.\[\&_\.kit-filtros-chips-botao\]\:rounded-full .kit-filtros-chips-botao){border-radius:9999px}.stx :is(.\[\&_\.kit-filtros-chips-botao\]\:border .kit-filtros-chips-botao){border-width:1px}.stx :is(.\[\&_\.kit-filtros-chips-botao\]\:border-outline-variant .kit-filtros-chips-botao){--tw-border-opacity:1;border-color:rgb(199 196 216/var(--tw-border-opacity,1))}.stx :is(.\[\&_\.kit-filtros-chips-botao\]\:bg-surface-container-lowest .kit-filtros-chips-botao){--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.stx :is(.\[\&_\.kit-filtros-chips-botao\]\:px-3\.5 .kit-filtros-chips-botao){padding-left:.875rem;padding-right:.875rem}.stx :is(.\[\&_\.kit-filtros-chips-botao\]\:py-1\.5 .kit-filtros-chips-botao){padding-top:.375rem;padding-bottom:.375rem}.stx :is(.\[\&_\.kit-filtros-chips-botao\]\:text-xs .kit-filtros-chips-botao){font-size:.75rem;line-height:1rem}.stx :is(.\[\&_\.kit-filtros-chips-botao\]\:font-medium .kit-filtros-chips-botao){font-weight:500}.stx :is(.\[\&_\.kit-filtros-chips-botao\]\:text-on-surface-variant .kit-filtros-chips-botao){--tw-text-opacity:1;color:rgb(70 69 85/var(--tw-text-opacity,1))}.stx :is(.\[\&_\.kit-filtros-chips-botao\]\:shadow-sm .kit-filtros-chips-botao){--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.stx :is(.\[\&_\.kit-filtros-chips-busca\]\:h-9 .kit-filtros-chips-busca){height:2.25rem}.stx :is(.\[\&_\.kit-filtros-chips-busca\]\:w-full .kit-filtros-chips-busca){width:100%}.stx :is(.\[\&_\.kit-filtros-chips-busca\]\:rounded-lg .kit-filtros-chips-busca){border-radius:.5rem}.stx :is(.\[\&_\.kit-filtros-chips-busca\]\:border .kit-filtros-chips-busca){border-width:1px}.stx :is(.\[\&_\.kit-filtros-chips-busca\]\:border-outline-variant .kit-filtros-chips-busca){--tw-border-opacity:1;border-color:rgb(199 196 216/var(--tw-border-opacity,1))}.stx :is(.\[\&_\.kit-filtros-chips-busca\]\:bg-surface-container-lowest .kit-filtros-chips-busca){--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.stx :is(.\[\&_\.kit-filtros-chips-busca\]\:px-3 .kit-filtros-chips-busca){padding-left:.75rem;padding-right:.75rem}.stx :is(.\[\&_\.kit-filtros-chips-busca\]\:text-on-surface .kit-filtros-chips-busca){--tw-text-opacity:1;color:rgb(21 28 39/var(--tw-text-opacity,1))}.stx :is(.\[\&_\.kit-filtros-chips-busca\]\:shadow-sm .kit-filtros-chips-busca){--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}@media (min-width:640px){.stx :is(.sm\:\[\&_\.kit-filtros-chips-busca\]\:w-80 .kit-filtros-chips-busca){width:20rem}.stx :is(.sm\:\[\&_\.kit-filtros-chips-busca\]\:flex-none .kit-filtros-chips-busca){flex:none}}.stx :is(.\[\&_\.kit-filtros-chips-chip\]\:inline-flex .kit-filtros-chips-chip){display:inline-flex}.stx :is(.\[\&_\.kit-filtros-chips-chip\]\:items-center .kit-filtros-chips-chip){align-items:center}.stx :is(.\[\&_\.kit-filtros-chips-chip\]\:gap-1 .kit-filtros-chips-chip){gap:.25rem}.stx :is(.\[\&_\.kit-filtros-chips-chip\]\:rounded-full .kit-filtros-chips-chip){border-radius:9999px}.stx :is(.\[\&_\.kit-filtros-chips-chip\]\:bg-surface-container .kit-filtros-chips-chip){--tw-bg-opacity:1;background-color:rgb(231 238 254/var(--tw-bg-opacity,1))}.stx :is(.\[\&_\.kit-filtros-chips-chip\]\:px-2\.5 .kit-filtros-chips-chip){padding-left:.625rem;padding-right:.625rem}.stx :is(.\[\&_\.kit-filtros-chips-chip\]\:py-0\.5 .kit-filtros-chips-chip){padding-top:.125rem;padding-bottom:.125rem}.stx :is(.\[\&_\.kit-filtros-chips-chip\]\:text-xs .kit-filtros-chips-chip){font-size:.75rem;line-height:1rem}.stx :is(.\[\&_\.kit-filtros-chips-chip\]\:text-on-surface-variant .kit-filtros-chips-chip){--tw-text-opacity:1;color:rgb(70 69 85/var(--tw-text-opacity,1))}.stx :is(.\[\&_\.kit-filtros-chips-limpar\]\:text-xs .kit-filtros-chips-limpar){font-size:.75rem;line-height:1rem}.stx :is(.\[\&_\.kit-filtros-chips-limpar\]\:font-semibold .kit-filtros-chips-limpar){font-weight:600}.stx :is(.\[\&_\.kit-filtros-chips-limpar\]\:text-primary-container .kit-filtros-chips-limpar){--tw-text-opacity:1;color:rgb(79 70 229/var(--tw-text-opacity,1))}.stx :is(.\[\&_\.kit-filtros-chips-linha\]\:mt-3 .kit-filtros-chips-linha){margin-top:.75rem}.stx :is(.\[\&_\.kit-filtros-chips-linha\]\:flex .kit-filtros-chips-linha){display:flex}.stx :is(.\[\&_\.kit-filtros-chips-linha\]\:hidden .kit-filtros-chips-linha){display:none}.stx :is(.\[\&_\.kit-filtros-chips-linha\]\:flex-wrap .kit-filtros-chips-linha){flex-wrap:wrap}.stx :is(.\[\&_\.kit-filtros-chips-linha\]\:gap-2 .kit-filtros-chips-linha){gap:.5rem}.stx :is(.\[\&_\.kit-filtros-chips-rapidos\]\:flex .kit-filtros-chips-rapidos){display:flex}.stx :is(.\[\&_\.kit-filtros-chips-rapidos\]\:flex-wrap .kit-filtros-chips-rapidos){flex-wrap:wrap}.stx :is(.\[\&_\.kit-filtros-chips-rapidos\]\:items-center .kit-filtros-chips-rapidos){align-items:center}.stx :is(.\[\&_\.kit-filtros-chips-rapidos\]\:gap-2 .kit-filtros-chips-rapidos){gap:.5rem}.stx :is(.\[\&_\.kit-tabela-listagem-rodape\]\:flex .kit-tabela-listagem-rodape){display:flex}.stx :is(.\[\&_\.kit-tabela-listagem-rodape\]\:items-center .kit-tabela-listagem-rodape){align-items:center}.stx :is(.\[\&_\.kit-tabela-listagem-rodape\]\:justify-end .kit-tabela-listagem-rodape){justify-content:flex-end}.stx :is(.\[\&_\.kit-tabela-listagem-rodape\]\:gap-3 .kit-tabela-listagem-rodape){gap:.75rem}.stx :is(.\[\&_\.kit-tabela-listagem-rodape\]\:border-t .kit-tabela-listagem-rodape){border-top-width:1px}.stx :is(.\[\&_\.kit-tabela-listagem-rodape\]\:border-outline-variant .kit-tabela-listagem-rodape){--tw-border-opacity:1;border-color:rgb(199 196 216/var(--tw-border-opacity,1))}.stx :is(.\[\&_\.kit-tabela-listagem-rodape\]\:px-6 .kit-tabela-listagem-rodape){padding-left:1.5rem;padding-right:1.5rem}.stx :is(.\[\&_\.kit-tabela-listagem-rodape\]\:py-3\.5 .kit-tabela-listagem-rodape){padding-top:.875rem;padding-bottom:.875rem}.stx :is(.\[\&_\.kit-tabela-listagem-rodape\]\:text-xs .kit-tabela-listagem-rodape){font-size:.75rem;line-height:1rem}.stx :is(.\[\&_\.kit-tabela-listagem-rodape\]\:text-on-surface-variant .kit-tabela-listagem-rodape){--tw-text-opacity:1;color:rgb(70 69 85/var(--tw-text-opacity,1))}.stx :is(.\[\&_\.kit-tabela-listagem-rodape_button\:disabled\]\:cursor-not-allowed .kit-tabela-listagem-rodape button:disabled){cursor:not-allowed}.stx :is(.\[\&_\.kit-tabela-listagem-rodape_button\:disabled\]\:opacity-40 .kit-tabela-listagem-rodape button:disabled){opacity:.4}.stx :is(.\[\&_\.kit-tabela-listagem-rodape_button\]\:h-8 .kit-tabela-listagem-rodape button){height:2rem}.stx :is(.\[\&_\.kit-tabela-listagem-rodape_button\]\:rounded-lg .kit-tabela-listagem-rodape button){border-radius:.5rem}.stx :is(.\[\&_\.kit-tabela-listagem-rodape_button\]\:border .kit-tabela-listagem-rodape button){border-width:1px}.stx :is(.\[\&_\.kit-tabela-listagem-rodape_button\]\:border-outline-variant .kit-tabela-listagem-rodape button){--tw-border-opacity:1;border-color:rgb(199 196 216/var(--tw-border-opacity,1))}.stx :is(.\[\&_\.kit-tabela-listagem-rodape_button\]\:bg-surface-container-lowest .kit-tabela-listagem-rodape button){--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.stx :is(.\[\&_\.kit-tabela-listagem-rodape_button\]\:px-3 .kit-tabela-listagem-rodape button){padding-left:.75rem;padding-right:.75rem}.stx :is(.\[\&_\.kit-tabela-listagem-rodape_button\]\:text-on-surface .kit-tabela-listagem-rodape button){--tw-text-opacity:1;color:rgb(21 28 39/var(--tw-text-opacity,1))}.stx :is(.\[\&_\.kit-tabela-listagem-th\]\:px-4 .kit-tabela-listagem-th){padding-left:1rem;padding-right:1rem}.stx :is(.\[\&_\.kit-tabela-listagem-th\]\:px-6 .kit-tabela-listagem-th){padding-left:1.5rem;padding-right:1.5rem}.stx :is(.\[\&_\.kit-tabela-listagem-th\]\:py-3\.5 .kit-tabela-listagem-th){padding-top:.875rem;padding-bottom:.875rem}.stx :is(.\[\&_\.kit-tabela-listagem-th\]\:text-xs .kit-tabela-listagem-th){font-size:.75rem;line-height:1rem}.stx :is(.\[\&_\.kit-tabela-listagem-th\]\:text-on-surface-variant .kit-tabela-listagem-th){--tw-text-opacity:1;color:rgb(70 69 85/var(--tw-text-opacity,1))}.stx :is(.\[\&_\.kit-tabela-listagem-tr\:hover\]\:bg-surface-container-low .kit-tabela-listagem-tr:hover){--tw-bg-opacity:1;background-color:rgb(240 243 255/var(--tw-bg-opacity,1))}.stx :is(.\[\&_\.kit-tabela-listagem-tr\]\:cursor-pointer .kit-tabela-listagem-tr){cursor:pointer}.stx :is(.\[\&_\.kit-tabela-listagem\]\:w-full .kit-tabela-listagem){width:100%}.stx :is(.\[\&_\.kit-tabela-listagem\]\:rounded-none .kit-tabela-listagem){border-radius:0}.stx :is(.\[\&_\.kit-tabela-listagem\]\:border-0 .kit-tabela-listagem){border-width:0}.stx :is(.\[\&_\.kit-tabela-listagem\]\:text-body-md .kit-tabela-listagem){font-size:13px;line-height:18px;font-weight:400}.stx :is(.\[\&_td\]\:px-4 td){padding-left:1rem;padding-right:1rem}.stx :is(.\[\&_td\]\:px-6 td){padding-left:1.5rem;padding-right:1.5rem}.stx :is(.\[\&_td\]\:py-4 td){padding-top:1rem;padding-bottom:1rem}.stx :is(.\[\&_td\]\:align-middle td){vertical-align:middle}.stx :is(.\[\&_thead\]\:bg-surface-container-low thead){--tw-bg-opacity:1;background-color:rgb(240 243 255/var(--tw-bg-opacity,1))}
/* tema escuro das classes de cor do Tailwind → tokens do tema-claro-escuro (gerado por tema-tailwind-escuro.mjs; não editar à mão) */
:root[data-theme="escuro"] .stx :is(.divide-amber-100>:not([hidden])~:not([hidden])){border-color:var(--cor-aviso-contorno)}
:root[data-theme="escuro"] .stx :is(.divide-outline-variant>:not([hidden])~:not([hidden])){border-color:var(--cor-contorno-forte)}
:root[data-theme="escuro"] .stx :is(.divide-outline-variant\/30>:not([hidden])~:not([hidden])){border-color:color-mix(in srgb, var(--cor-contorno-forte) 30%, transparent)}
:root[data-theme="escuro"] .stx :is(.divide-outline-variant\/60>:not([hidden])~:not([hidden])){border-color:color-mix(in srgb, var(--cor-contorno-forte) 60%, transparent)}
:root[data-theme="escuro"] .stx :is(.divide-slate-100>:not([hidden])~:not([hidden])){border-color:var(--cor-borda)}
:root[data-theme="escuro"] .stx .\!border-primary{border-color:rgb(53 37 205/var(--tw-border-opacity,1))!important}
:root[data-theme="escuro"] .stx .border-amber-200{border-color:var(--cor-aviso-contorno)}
:root[data-theme="escuro"] .stx .border-amber-200\/60{border-color:color-mix(in srgb, var(--cor-aviso-contorno) 60%, transparent)}
:root[data-theme="escuro"] .stx .border-amber-200\/80{border-color:color-mix(in srgb, var(--cor-aviso-contorno) 80%, transparent)}
:root[data-theme="escuro"] .stx .border-amber-300{border-color:rgb(252 211 77/var(--tw-border-opacity,1))}
:root[data-theme="escuro"] .stx .border-amber-500{border-color:rgb(245 158 11/var(--tw-border-opacity,1))}
:root[data-theme="escuro"] .stx .border-emerald-200{border-color:var(--cor-sucesso-contorno)}
:root[data-theme="escuro"] .stx .border-emerald-200\/80{border-color:color-mix(in srgb, var(--cor-sucesso-contorno) 80%, transparent)}
:root[data-theme="escuro"] .stx .border-emerald-300{border-color:rgb(110 231 183/var(--tw-border-opacity,1))}
:root[data-theme="escuro"] .stx .border-error\/30{border-color:rgba(186,26,26,.3)}
:root[data-theme="escuro"] .stx .border-indigo-100{border-color:var(--cor-primaria-contorno)}
:root[data-theme="escuro"] .stx .border-indigo-200{border-color:var(--cor-primaria-contorno)}
:root[data-theme="escuro"] .stx .border-indigo-200\/80{border-color:color-mix(in srgb, var(--cor-primaria-contorno) 80%, transparent)}
:root[data-theme="escuro"] .stx .border-indigo-300{border-color:var(--cor-primaria-contorno)}
:root[data-theme="escuro"] .stx .border-indigo-600{border-color:rgb(79 70 229/var(--tw-border-opacity,1))}
:root[data-theme="escuro"] .stx .border-orange-200{border-color:var(--cor-aviso-contorno)}
:root[data-theme="escuro"] .stx .border-outline{border-color:rgb(119 117 135/var(--tw-border-opacity,1))}
:root[data-theme="escuro"] .stx .border-outline-variant{border-color:var(--cor-contorno-forte)}
:root[data-theme="escuro"] .stx .border-outline-variant\/40{border-color:color-mix(in srgb, var(--cor-contorno-forte) 40%, transparent)}
:root[data-theme="escuro"] .stx .border-outline-variant\/50{border-color:color-mix(in srgb, var(--cor-contorno-forte) 50%, transparent)}
:root[data-theme="escuro"] .stx .border-outline-variant\/60{border-color:color-mix(in srgb, var(--cor-contorno-forte) 60%, transparent)}
:root[data-theme="escuro"] .stx .border-primary-fixed-dim{border-color:var(--cor-primaria-contorno)}
:root[data-theme="escuro"] .stx .border-primary\/20{border-color:rgba(53,37,205,.2)}
:root[data-theme="escuro"] .stx .border-purple-200{border-color:var(--cor-primaria-contorno)}
:root[data-theme="escuro"] .stx .border-red-200{border-color:var(--cor-erro-contorno)}
:root[data-theme="escuro"] .stx .border-rose-100{border-color:var(--cor-erro-contorno)}
:root[data-theme="escuro"] .stx .border-rose-200{border-color:var(--cor-erro-contorno)}
:root[data-theme="escuro"] .stx .border-rose-200\/80{border-color:color-mix(in srgb, var(--cor-erro-contorno) 80%, transparent)}
:root[data-theme="escuro"] .stx .border-rose-300{border-color:var(--cor-erro-contorno)}
:root[data-theme="escuro"] .stx .border-sky-200{border-color:var(--cor-info-contorno)}
:root[data-theme="escuro"] .stx .border-sky-300{border-color:rgb(125 211 252/var(--tw-border-opacity,1))}
:root[data-theme="escuro"] .stx .border-slate-100{border-color:var(--cor-borda)}
:root[data-theme="escuro"] .stx .border-slate-200{border-color:var(--cor-borda)}
:root[data-theme="escuro"] .stx .border-slate-200\/80{border-color:color-mix(in srgb, var(--cor-borda) 80%, transparent)}
:root[data-theme="escuro"] .stx .border-slate-200\/90{border-color:color-mix(in srgb, var(--cor-borda) 90%, transparent)}
:root[data-theme="escuro"] .stx .border-slate-300{border-color:var(--cor-contorno-forte)}
:root[data-theme="escuro"] .stx .bg-\[\#0084c9\]{background-color:rgb(0 132 201/var(--tw-bg-opacity,1))}
:root[data-theme="escuro"] .stx .bg-\[\#0284C7\]{background-color:rgb(2 132 199/var(--tw-bg-opacity,1))}
:root[data-theme="escuro"] .stx .bg-\[\#DC2626\]{background-color:rgb(220 38 38/var(--tw-bg-opacity,1))}
:root[data-theme="escuro"] .stx .bg-\[\#EA580C\]{background-color:rgb(234 88 12/var(--tw-bg-opacity,1))}
:root[data-theme="escuro"] .stx .bg-\[\#dcf8c6\]{background-color:var(--cor-sucesso-fundo)}
:root[data-theme="escuro"] .stx .bg-\[\#e60026\]{background-color:rgb(230 0 38/var(--tw-bg-opacity,1))}
:root[data-theme="escuro"] .stx .bg-\[\#ff6700\]{background-color:rgb(255 103 0/var(--tw-bg-opacity,1))}
:root[data-theme="escuro"] .stx .bg-amber-100{background-color:var(--cor-aviso-fundo)}
:root[data-theme="escuro"] .stx .bg-amber-100\/70{background-color:color-mix(in srgb, var(--cor-aviso-fundo) 70%, transparent)}
:root[data-theme="escuro"] .stx .bg-amber-200\/70{background-color:hsla(48,97%,77%,.7)}
:root[data-theme="escuro"] .stx .bg-amber-400{background-color:rgb(251 191 36/var(--tw-bg-opacity,1))}
:root[data-theme="escuro"] .stx .bg-amber-50{background-color:var(--cor-aviso-fundo)}
:root[data-theme="escuro"] .stx .bg-amber-50\/20{background-color:color-mix(in srgb, var(--cor-aviso-fundo) 20%, transparent)}
:root[data-theme="escuro"] .stx .bg-amber-50\/50{background-color:color-mix(in srgb, var(--cor-aviso-fundo) 50%, transparent)}
:root[data-theme="escuro"] .stx .bg-amber-50\/60{background-color:color-mix(in srgb, var(--cor-aviso-fundo) 60%, transparent)}
:root[data-theme="escuro"] .stx .bg-amber-50\/70{background-color:color-mix(in srgb, var(--cor-aviso-fundo) 70%, transparent)}
:root[data-theme="escuro"] .stx .bg-amber-500{background-color:rgb(245 158 11/var(--tw-bg-opacity,1))}
:root[data-theme="escuro"] .stx .bg-background{background-color:var(--cor-cartao)}
:root[data-theme="escuro"] .stx .bg-blue-600{background-color:rgb(37 99 235/var(--tw-bg-opacity,1))}
:root[data-theme="escuro"] .stx .bg-emerald-100{background-color:var(--cor-sucesso-fundo)}
:root[data-theme="escuro"] .stx .bg-emerald-400{background-color:rgb(52 211 153/var(--tw-bg-opacity,1))}
:root[data-theme="escuro"] .stx .bg-emerald-50{background-color:var(--cor-sucesso-fundo)}
:root[data-theme="escuro"] .stx .bg-emerald-50\/60{background-color:color-mix(in srgb, var(--cor-sucesso-fundo) 60%, transparent)}
:root[data-theme="escuro"] .stx .bg-emerald-500{background-color:rgb(16 185 129/var(--tw-bg-opacity,1))}
:root[data-theme="escuro"] .stx .bg-emerald-600{background-color:rgb(5 150 105/var(--tw-bg-opacity,1))}
:root[data-theme="escuro"] .stx .bg-error-container{background-color:var(--cor-erro-fundo)}
:root[data-theme="escuro"] .stx .bg-indigo-100{background-color:var(--cor-primaria-suave)}
:root[data-theme="escuro"] .stx .bg-indigo-100\/70{background-color:color-mix(in srgb, var(--cor-primaria-suave) 70%, transparent)}
:root[data-theme="escuro"] .stx .bg-indigo-300{background-color:rgb(165 180 252/var(--tw-bg-opacity,1))}
:root[data-theme="escuro"] .stx .bg-indigo-400{background-color:rgb(129 140 248/var(--tw-bg-opacity,1))}
:root[data-theme="escuro"] .stx .bg-indigo-50{background-color:var(--cor-primaria-suave)}
:root[data-theme="escuro"] .stx .bg-indigo-50\/40{background-color:color-mix(in srgb, var(--cor-primaria-suave) 40%, transparent)}
:root[data-theme="escuro"] .stx .bg-indigo-50\/60{background-color:color-mix(in srgb, var(--cor-primaria-suave) 60%, transparent)}
:root[data-theme="escuro"] .stx .bg-indigo-50\/70{background-color:color-mix(in srgb, var(--cor-primaria-suave) 70%, transparent)}
:root[data-theme="escuro"] .stx .bg-indigo-500{background-color:rgb(99 102 241/var(--tw-bg-opacity,1))}
:root[data-theme="escuro"] .stx .bg-indigo-600{background-color:rgb(79 70 229/var(--tw-bg-opacity,1))}
:root[data-theme="escuro"] .stx .bg-orange-100{background-color:var(--cor-aviso-fundo)}
:root[data-theme="escuro"] .stx .bg-orange-50{background-color:var(--cor-aviso-fundo)}
:root[data-theme="escuro"] .stx .bg-orange-50\/70{background-color:color-mix(in srgb, var(--cor-aviso-fundo) 70%, transparent)}
:root[data-theme="escuro"] .stx .bg-orange-500{background-color:rgb(249 115 22/var(--tw-bg-opacity,1))}
:root[data-theme="escuro"] .stx .bg-outline-variant{background-color:var(--cor-contorno-forte)}
:root[data-theme="escuro"] .stx .bg-primary{background-color:rgb(53 37 205/var(--tw-bg-opacity,1))}
:root[data-theme="escuro"] .stx .bg-primary-container{background-color:rgb(79 70 229/var(--tw-bg-opacity,1))}
:root[data-theme="escuro"] .stx .bg-primary-fixed{background-color:var(--cor-primaria-suave)}
:root[data-theme="escuro"] .stx .bg-primary\/10{background-color:rgba(53,37,205,.1)}
:root[data-theme="escuro"] .stx .bg-purple-100{background-color:var(--cor-primaria-suave)}
:root[data-theme="escuro"] .stx .bg-purple-50{background-color:var(--cor-primaria-suave)}
:root[data-theme="escuro"] .stx .bg-purple-500{background-color:rgb(168 85 247/var(--tw-bg-opacity,1))}
:root[data-theme="escuro"] .stx .bg-red-100{background-color:var(--cor-erro-fundo)}
:root[data-theme="escuro"] .stx .bg-red-50\/70{background-color:color-mix(in srgb, var(--cor-erro-fundo) 70%, transparent)}
:root[data-theme="escuro"] .stx .bg-red-50\/80{background-color:color-mix(in srgb, var(--cor-erro-fundo) 80%, transparent)}
:root[data-theme="escuro"] .stx .bg-red-600{background-color:rgb(220 38 38/var(--tw-bg-opacity,1))}
:root[data-theme="escuro"] .stx .bg-rose-100{background-color:var(--cor-erro-fundo)}
:root[data-theme="escuro"] .stx .bg-rose-200\/70{background-color:color-mix(in srgb, var(--cor-erro-fundo) 70%, transparent)}
:root[data-theme="escuro"] .stx .bg-rose-400{background-color:rgb(251 113 133/var(--tw-bg-opacity,1))}
:root[data-theme="escuro"] .stx .bg-rose-50{background-color:var(--cor-erro-fundo)}
:root[data-theme="escuro"] .stx .bg-rose-50\/60{background-color:color-mix(in srgb, var(--cor-erro-fundo) 60%, transparent)}
:root[data-theme="escuro"] .stx .bg-rose-500{background-color:rgb(244 63 94/var(--tw-bg-opacity,1))}
:root[data-theme="escuro"] .stx .bg-secondary{background-color:rgb(0 109 47/var(--tw-bg-opacity,1))}
:root[data-theme="escuro"] .stx .bg-sky-100{background-color:var(--cor-info-fundo)}
:root[data-theme="escuro"] .stx .bg-sky-50{background-color:var(--cor-info-fundo)}
:root[data-theme="escuro"] .stx .bg-sky-50\/70{background-color:color-mix(in srgb, var(--cor-info-fundo) 70%, transparent)}
:root[data-theme="escuro"] .stx .bg-sky-500{background-color:rgb(14 165 233/var(--tw-bg-opacity,1))}
:root[data-theme="escuro"] .stx .bg-slate-100{background-color:var(--cor-cartao-claro)}
:root[data-theme="escuro"] .stx .bg-slate-100\/80{background-color:color-mix(in srgb, var(--cor-cartao-claro) 80%, transparent)}
:root[data-theme="escuro"] .stx .bg-slate-100\/90{background-color:color-mix(in srgb, var(--cor-cartao-claro) 90%, transparent)}
:root[data-theme="escuro"] .stx .bg-slate-200{background-color:var(--cor-cartao-claro)}
:root[data-theme="escuro"] .stx .bg-slate-200\/80{background-color:color-mix(in srgb, var(--cor-cartao-claro) 80%, transparent)}
:root[data-theme="escuro"] .stx .bg-slate-300{background-color:var(--cor-contorno-forte)}
:root[data-theme="escuro"] .stx .bg-slate-400{background-color:rgb(148 163 184/var(--tw-bg-opacity,1))}
:root[data-theme="escuro"] .stx .bg-slate-50{background-color:var(--cor-cartao)}
:root[data-theme="escuro"] .stx .bg-slate-50\/40{background-color:color-mix(in srgb, var(--cor-cartao) 40%, transparent)}
:root[data-theme="escuro"] .stx .bg-slate-50\/50{background-color:color-mix(in srgb, var(--cor-cartao) 50%, transparent)}
:root[data-theme="escuro"] .stx .bg-slate-50\/60{background-color:color-mix(in srgb, var(--cor-cartao) 60%, transparent)}
:root[data-theme="escuro"] .stx .bg-slate-50\/70{background-color:color-mix(in srgb, var(--cor-cartao) 70%, transparent)}
:root[data-theme="escuro"] .stx .bg-slate-50\/75{background-color:color-mix(in srgb, var(--cor-cartao) 75%, transparent)}
:root[data-theme="escuro"] .stx .bg-slate-50\/80{background-color:color-mix(in srgb, var(--cor-cartao) 80%, transparent)}
:root[data-theme="escuro"] .stx .bg-slate-50\/90{background-color:color-mix(in srgb, var(--cor-cartao) 90%, transparent)}
:root[data-theme="escuro"] .stx .bg-slate-500{background-color:rgb(100 116 139/var(--tw-bg-opacity,1))}
:root[data-theme="escuro"] .stx .bg-slate-800{background-color:var(--cor-cartao-claro)}
:root[data-theme="escuro"] .stx .bg-surface,:root[data-theme="escuro"] .stx .bg-surface-bright{background-color:var(--cor-cartao)}
:root[data-theme="escuro"] .stx .bg-surface-container{background-color:var(--cor-cartao-claro)}
:root[data-theme="escuro"] .stx .bg-surface-container-high{background-color:var(--cor-cartao-claro)}
:root[data-theme="escuro"] .stx .bg-surface-container-low{background-color:var(--cor-cartao)}
:root[data-theme="escuro"] .stx .bg-surface-container-low\/40{background-color:color-mix(in srgb, var(--cor-cartao) 40%, transparent)}
:root[data-theme="escuro"] .stx .bg-surface-container-low\/60{background-color:color-mix(in srgb, var(--cor-cartao) 60%, transparent)}
:root[data-theme="escuro"] .stx .bg-surface-container-lowest{background-color:var(--cor-cartao)}
:root[data-theme="escuro"] .stx .bg-teal-500{background-color:rgb(20 184 166/var(--tw-bg-opacity,1))}
:root[data-theme="escuro"] .stx .bg-tertiary-fixed{background-color:var(--cor-info-fundo)}
:root[data-theme="escuro"] .stx .bg-violet-400{background-color:rgb(167 139 250/var(--tw-bg-opacity,1))}
:root[data-theme="escuro"] .stx .bg-violet-600{background-color:rgb(124 58 237/var(--tw-bg-opacity,1))}
:root[data-theme="escuro"] .stx .bg-white{background-color:var(--cor-cartao)}
:root[data-theme="escuro"] .stx .bg-white\/80{background-color:color-mix(in srgb, var(--cor-cartao) 80%, transparent)}
:root[data-theme="escuro"] .stx .from-amber-50\/20{--tw-gradient-from:color-mix(in srgb, var(--cor-aviso-fundo) 20%, transparent) var(--tw-gradient-from-position);--tw-gradient-to:color-mix(in srgb, var(--cor-aviso-fundo) 0%, transparent) var(--tw-gradient-to-position)}
:root[data-theme="escuro"] .stx .from-emerald-500{--tw-gradient-from:#10b981 var(--tw-gradient-from-position);--tw-gradient-to:rgba(16,185,129,0) var(--tw-gradient-to-position)}
:root[data-theme="escuro"] .stx .from-indigo-50\/60{--tw-gradient-from:color-mix(in srgb, var(--cor-primaria-suave) 60%, transparent) var(--tw-gradient-from-position);--tw-gradient-to:color-mix(in srgb, var(--cor-primaria-suave) 0%, transparent) var(--tw-gradient-to-position)}
:root[data-theme="escuro"] .stx .from-indigo-50\/90{--tw-gradient-from:color-mix(in srgb, var(--cor-primaria-suave) 90%, transparent) var(--tw-gradient-from-position);--tw-gradient-to:color-mix(in srgb, var(--cor-primaria-suave) 0%, transparent) var(--tw-gradient-to-position)}
:root[data-theme="escuro"] .stx .via-white{--tw-gradient-to:color-mix(in srgb, var(--cor-cartao) 0%, transparent) var(--tw-gradient-to-position)}
:root[data-theme="escuro"] .stx .to-indigo-600{--tw-gradient-to:#4f46e5 var(--tw-gradient-to-position)}
:root[data-theme="escuro"] .stx .to-slate-50{--tw-gradient-to:var(--cor-cartao) var(--tw-gradient-to-position)}
:root[data-theme="escuro"] .stx .to-white{--tw-gradient-to:var(--cor-cartao) var(--tw-gradient-to-position)}
:root[data-theme="escuro"] .stx .\!text-primary{color:var(--cor-primaria-texto)!important}
:root[data-theme="escuro"] .stx .text-\[\#0369A1\]{color:var(--cor-info-texto)}
:root[data-theme="escuro"] .stx .text-\[\#075e54\]{color:var(--cor-sucesso-texto)}
:root[data-theme="escuro"] .stx .text-\[\#B91C1C\]{color:var(--cor-erro-texto)}
:root[data-theme="escuro"] .stx .text-\[\#C2410C\]{color:var(--cor-aviso-texto)}
:root[data-theme="escuro"] .stx .text-amber-500{color:var(--cor-aviso-texto)}
:root[data-theme="escuro"] .stx .text-amber-600{color:var(--cor-aviso-texto)}
:root[data-theme="escuro"] .stx .text-amber-700{color:var(--cor-aviso-texto)}
:root[data-theme="escuro"] .stx .text-amber-700\/80{color:color-mix(in srgb, var(--cor-aviso-texto) 80%, transparent)}
:root[data-theme="escuro"] .stx .text-amber-700\/90{color:color-mix(in srgb, var(--cor-aviso-texto) 90%, transparent)}
:root[data-theme="escuro"] .stx .text-amber-800{color:var(--cor-aviso-texto)}
:root[data-theme="escuro"] .stx .text-amber-800\/80{color:color-mix(in srgb, var(--cor-aviso-texto) 80%, transparent)}
:root[data-theme="escuro"] .stx .text-amber-900{color:var(--cor-aviso-texto)}
:root[data-theme="escuro"] .stx .text-amber-950{color:var(--cor-aviso-texto)}
:root[data-theme="escuro"] .stx .text-blue-400{color:var(--cor-info-texto)}
:root[data-theme="escuro"] .stx .text-blue-600{color:var(--cor-info-texto)}
:root[data-theme="escuro"] .stx .text-emerald-500{color:var(--cor-sucesso-texto)}
:root[data-theme="escuro"] .stx .text-emerald-600{color:var(--cor-sucesso-texto)}
:root[data-theme="escuro"] .stx .text-emerald-700{color:var(--cor-sucesso-texto)}
:root[data-theme="escuro"] .stx .text-emerald-700\/80{color:color-mix(in srgb, var(--cor-sucesso-texto) 80%, transparent)}
:root[data-theme="escuro"] .stx .text-emerald-800{color:var(--cor-sucesso-texto)}
:root[data-theme="escuro"] .stx .text-emerald-900{color:var(--cor-sucesso-texto)}
:root[data-theme="escuro"] .stx .text-error{color:var(--cor-erro-texto)}
:root[data-theme="escuro"] .stx .text-indigo-400{color:rgb(129 140 248/var(--tw-text-opacity,1))}
:root[data-theme="escuro"] .stx .text-indigo-600{color:var(--cor-primaria-texto)}
:root[data-theme="escuro"] .stx .text-indigo-700{color:var(--cor-primaria-texto)}
:root[data-theme="escuro"] .stx .text-indigo-800{color:var(--cor-primaria-texto)}
:root[data-theme="escuro"] .stx .text-indigo-900{color:var(--cor-primaria-texto)}
:root[data-theme="escuro"] .stx .text-indigo-950{color:var(--cor-primaria-texto)}
:root[data-theme="escuro"] .stx .text-on-error-container{color:var(--cor-erro-texto)}
:root[data-theme="escuro"] .stx .text-on-primary{color:rgb(255 255 255/var(--tw-text-opacity,1))}
:root[data-theme="escuro"] .stx .text-on-primary-fixed-variant{color:var(--cor-primaria-texto)}
:root[data-theme="escuro"] .stx .text-on-surface{color:var(--cor-texto)}
:root[data-theme="escuro"] .stx .text-on-surface-variant{color:var(--cor-texto-secundario)}
:root[data-theme="escuro"] .stx .text-on-surface-variant\/80{color:color-mix(in srgb, var(--cor-texto-secundario) 80%, transparent)}
:root[data-theme="escuro"] .stx .text-on-tertiary-fixed{color:var(--cor-info-texto)}
:root[data-theme="escuro"] .stx .text-orange-700{color:var(--cor-aviso-texto)}
:root[data-theme="escuro"] .stx .text-outline{color:var(--cor-texto-secundario)}
:root[data-theme="escuro"] .stx .text-outline-variant{color:rgb(199 196 216/var(--tw-text-opacity,1))}
:root[data-theme="escuro"] .stx .text-primary{color:var(--cor-primaria-texto)}
:root[data-theme="escuro"] .stx .text-primary-container{color:var(--cor-primaria-texto)}
:root[data-theme="escuro"] .stx .text-purple-400{color:rgb(192 132 252/var(--tw-text-opacity,1))}
:root[data-theme="escuro"] .stx .text-purple-600{color:var(--cor-primaria-texto)}
:root[data-theme="escuro"] .stx .text-purple-700{color:var(--cor-primaria-texto)}
:root[data-theme="escuro"] .stx .text-purple-800{color:var(--cor-primaria-texto)}
:root[data-theme="escuro"] .stx .text-red-500{color:var(--cor-erro-texto)}
:root[data-theme="escuro"] .stx .text-red-700{color:var(--cor-erro-texto)}
:root[data-theme="escuro"] .stx .text-red-800{color:var(--cor-erro-texto)}
:root[data-theme="escuro"] .stx .text-red-900{color:var(--cor-erro-texto)}
:root[data-theme="escuro"] .stx .text-red-950{color:var(--cor-erro-texto)}
:root[data-theme="escuro"] .stx .text-rose-500{color:var(--cor-erro-texto)}
:root[data-theme="escuro"] .stx .text-rose-600{color:var(--cor-erro-texto)}
:root[data-theme="escuro"] .stx .text-rose-700{color:var(--cor-erro-texto)}
:root[data-theme="escuro"] .stx .text-rose-700\/90{color:color-mix(in srgb, var(--cor-erro-texto) 90%, transparent)}
:root[data-theme="escuro"] .stx .text-rose-800{color:var(--cor-erro-texto)}
:root[data-theme="escuro"] .stx .text-rose-900{color:var(--cor-erro-texto)}
:root[data-theme="escuro"] .stx .text-secondary{color:var(--cor-sucesso-texto)}
:root[data-theme="escuro"] .stx .text-sky-500{color:var(--cor-info-texto)}
:root[data-theme="escuro"] .stx .text-sky-600{color:var(--cor-info-texto)}
:root[data-theme="escuro"] .stx .text-sky-700{color:var(--cor-info-texto)}
:root[data-theme="escuro"] .stx .text-sky-800{color:var(--cor-info-texto)}
:root[data-theme="escuro"] .stx .text-slate-300{color:rgb(203 213 225/var(--tw-text-opacity,1))}
:root[data-theme="escuro"] .stx .text-slate-400{color:var(--cor-texto-terciario)}
:root[data-theme="escuro"] .stx .text-slate-500{color:var(--cor-texto-secundario)}
:root[data-theme="escuro"] .stx .text-slate-600{color:var(--cor-texto-secundario)}
:root[data-theme="escuro"] .stx .text-slate-700{color:var(--cor-texto)}
:root[data-theme="escuro"] .stx .text-slate-800{color:var(--cor-texto)}
:root[data-theme="escuro"] .stx .text-slate-900{color:var(--cor-texto)}
:root[data-theme="escuro"] .stx .text-white{color:rgb(255 255 255/var(--tw-text-opacity,1))}
:root[data-theme="escuro"] .stx .placeholder-outline::-moz-placeholder{color:var(--cor-texto-secundario)}
:root[data-theme="escuro"] .stx .placeholder-outline::placeholder{color:var(--cor-texto-secundario)}
:root[data-theme="escuro"] .stx .placeholder-slate-400::-moz-placeholder{color:var(--cor-texto-terciario)}
:root[data-theme="escuro"] .stx .placeholder-slate-400::placeholder{color:var(--cor-texto-terciario)}
:root[data-theme="escuro"] .stx .accent-indigo-600{accent-color:#4f46e5}
:root[data-theme="escuro"] .stx .accent-primary{accent-color:#3525cd}
:root[data-theme="escuro"] .stx .ring-indigo-200{--tw-ring-color:var(--cor-primaria-contorno)}
:root[data-theme="escuro"] .stx .ring-indigo-500{--tw-ring-color:rgb(99 102 241/var(--tw-ring-opacity,1))}
:root[data-theme="escuro"] .stx .ring-white{--tw-ring-color:var(--cor-borda)}
:root[data-theme="escuro"] .stx .placeholder\:text-on-surface-variant::-moz-placeholder{color:var(--cor-texto-secundario)}
:root[data-theme="escuro"] .stx .placeholder\:text-on-surface-variant::placeholder{color:var(--cor-texto-secundario)}
:root[data-theme="escuro"] .stx .placeholder\:text-on-surface-variant\/60::-moz-placeholder{color:color-mix(in srgb, var(--cor-texto-secundario) 60%, transparent)}
:root[data-theme="escuro"] .stx .placeholder\:text-on-surface-variant\/60::placeholder{color:color-mix(in srgb, var(--cor-texto-secundario) 60%, transparent)}
:root[data-theme="escuro"] .stx .after\:border-slate-300:after{border-color:var(--cor-contorno-forte)}
:root[data-theme="escuro"] .stx .after\:bg-white:after{background-color:var(--cor-cartao)}
:root[data-theme="escuro"] .stx .focus-within\:border-indigo-600:focus-within{border-color:rgb(79 70 229/var(--tw-border-opacity,1))}
:root[data-theme="escuro"] .stx .focus-within\:border-primary-container:focus-within{border-color:rgb(79 70 229/var(--tw-border-opacity,1))}
:root[data-theme="escuro"] .stx .focus-within\:ring-indigo-100:focus-within{--tw-ring-color:var(--cor-primaria-contorno)}
:root[data-theme="escuro"] .stx .focus-within\:ring-indigo-600\/15:focus-within{--tw-ring-color:rgba(79,70,229,.15)}
:root[data-theme="escuro"] .stx .hover\:border-indigo-200:hover{border-color:var(--cor-primaria-contorno)}
:root[data-theme="escuro"] .stx .hover\:border-indigo-300:hover{border-color:var(--cor-primaria-contorno)}
:root[data-theme="escuro"] .stx .hover\:border-indigo-400:hover{border-color:rgb(129 140 248/var(--tw-border-opacity,1))}
:root[data-theme="escuro"] .stx .hover\:border-primary:hover{border-color:rgb(53 37 205/var(--tw-border-opacity,1))}
:root[data-theme="escuro"] .stx .hover\:border-rose-300:hover{border-color:var(--cor-erro-contorno)}
:root[data-theme="escuro"] .stx .hover\:border-slate-300:hover{border-color:var(--cor-contorno-forte)}
:root[data-theme="escuro"] .stx .hover\:bg-amber-100:hover{background-color:var(--cor-aviso-fundo)}
:root[data-theme="escuro"] .stx .hover\:bg-amber-50\/40:hover{background-color:color-mix(in srgb, var(--cor-aviso-fundo) 40%, transparent)}
:root[data-theme="escuro"] .stx .hover\:bg-emerald-100:hover{background-color:var(--cor-sucesso-fundo)}
:root[data-theme="escuro"] .stx .hover\:bg-error-container:hover{background-color:var(--cor-erro-fundo)}
:root[data-theme="escuro"] .stx .hover\:bg-indigo-100:hover{background-color:var(--cor-primaria-suave)}
:root[data-theme="escuro"] .stx .hover\:bg-indigo-50:hover{background-color:var(--cor-primaria-suave)}
:root[data-theme="escuro"] .stx .hover\:bg-indigo-700:hover{background-color:rgb(67 56 202/var(--tw-bg-opacity,1))}
:root[data-theme="escuro"] .stx .hover\:bg-primary:hover{background-color:rgb(53 37 205/var(--tw-bg-opacity,1))}
:root[data-theme="escuro"] .stx .hover\:bg-red-100:hover{background-color:var(--cor-erro-fundo)}
:root[data-theme="escuro"] .stx .hover\:bg-red-700:hover{background-color:rgb(185 28 28/var(--tw-bg-opacity,1))}
:root[data-theme="escuro"] .stx .hover\:bg-rose-100:hover{background-color:var(--cor-erro-fundo)}
:root[data-theme="escuro"] .stx .hover\:bg-rose-50:hover{background-color:var(--cor-erro-fundo)}
:root[data-theme="escuro"] .stx .hover\:bg-slate-100:hover{background-color:var(--cor-cartao-claro)}
:root[data-theme="escuro"] .stx .hover\:bg-slate-200:hover{background-color:var(--cor-cartao-claro)}
:root[data-theme="escuro"] .stx .hover\:bg-slate-200\/50:hover{background-color:color-mix(in srgb, var(--cor-cartao-claro) 50%, transparent)}
:root[data-theme="escuro"] .stx .hover\:bg-slate-50:hover{background-color:var(--cor-cartao)}
:root[data-theme="escuro"] .stx .hover\:bg-slate-50\/50:hover{background-color:color-mix(in srgb, var(--cor-cartao) 50%, transparent)}
:root[data-theme="escuro"] .stx .hover\:bg-slate-50\/60:hover{background-color:color-mix(in srgb, var(--cor-cartao) 60%, transparent)}
:root[data-theme="escuro"] .stx .hover\:bg-slate-50\/70:hover{background-color:color-mix(in srgb, var(--cor-cartao) 70%, transparent)}
:root[data-theme="escuro"] .stx .hover\:bg-surface-container:hover{background-color:var(--cor-cartao-claro)}
:root[data-theme="escuro"] .stx .hover\:bg-surface-container-low\/40:hover{background-color:color-mix(in srgb, var(--cor-cartao) 40%, transparent)}
:root[data-theme="escuro"] .stx .hover\:bg-surface-container-low\/60:hover{background-color:color-mix(in srgb, var(--cor-cartao) 60%, transparent)}
:root[data-theme="escuro"] .stx .hover\:bg-surface-container\/50:hover{background-color:color-mix(in srgb, var(--cor-cartao-claro) 50%, transparent)}
:root[data-theme="escuro"] .stx .hover\:bg-white:hover{background-color:var(--cor-cartao)}
:root[data-theme="escuro"] .stx .hover\:text-amber-400:hover{color:var(--cor-aviso-texto)}
:root[data-theme="escuro"] .stx .hover\:text-error:hover{color:var(--cor-erro-texto)}
:root[data-theme="escuro"] .stx .hover\:text-indigo-600:hover{color:var(--cor-primaria-texto)}
:root[data-theme="escuro"] .stx .hover\:text-indigo-700:hover{color:var(--cor-primaria-texto)}
:root[data-theme="escuro"] .stx .hover\:text-indigo-800:hover{color:var(--cor-primaria-texto)}
:root[data-theme="escuro"] .stx .hover\:text-on-surface:hover{color:var(--cor-texto)}
:root[data-theme="escuro"] .stx .hover\:text-primary:hover{color:var(--cor-primaria-texto)}
:root[data-theme="escuro"] .stx .hover\:text-rose-600:hover{color:var(--cor-erro-texto)}
:root[data-theme="escuro"] .stx .hover\:text-slate-600:hover{color:var(--cor-texto-secundario)}
:root[data-theme="escuro"] .stx .hover\:text-slate-700:hover{color:var(--cor-texto)}
:root[data-theme="escuro"] .stx .hover\:text-slate-800:hover{color:var(--cor-texto)}
:root[data-theme="escuro"] .stx .hover\:text-slate-900:hover{color:var(--cor-texto)}
:root[data-theme="escuro"] .stx .focus\:border-indigo-600:focus{border-color:rgb(79 70 229/var(--tw-border-opacity,1))}
:root[data-theme="escuro"] .stx .focus\:border-primary:focus{border-color:rgb(53 37 205/var(--tw-border-opacity,1))}
:root[data-theme="escuro"] .stx .focus\:border-primary-container:focus{border-color:rgb(79 70 229/var(--tw-border-opacity,1))}
:root[data-theme="escuro"] .stx .focus\:text-indigo-600:focus{color:var(--cor-primaria-texto)}
:root[data-theme="escuro"] .stx .focus\:ring-indigo-500:focus{--tw-ring-color:rgb(99 102 241/var(--tw-ring-opacity,1))}
:root[data-theme="escuro"] .stx .focus\:ring-indigo-500\/20:focus{--tw-ring-color:rgba(99,102,241,.2)}
:root[data-theme="escuro"] .stx .focus\:ring-indigo-600:focus{--tw-ring-color:rgb(79 70 229/var(--tw-ring-opacity,1))}
:root[data-theme="escuro"] .stx .focus\:ring-primary-container\/10:focus{--tw-ring-color:rgba(79,70,229,.1)}
:root[data-theme="escuro"] .stx .focus\:ring-primary-container\/20:focus{--tw-ring-color:rgba(79,70,229,.2)}
:root[data-theme="escuro"] .stx .focus\:ring-primary\/25:focus{--tw-ring-color:rgba(53,37,205,.25)}
:root[data-theme="escuro"] .stx .focus\:ring-primary\/30:focus{--tw-ring-color:rgba(53,37,205,.3)}
:root[data-theme="escuro"] .stx .active\:bg-indigo-800:active{background-color:rgb(55 48 163/var(--tw-bg-opacity,1))}
:root[data-theme="escuro"] .stx :is(.group:hover .group-hover\:text-primary){color:var(--cor-primaria-texto)}
:root[data-theme="escuro"] .stx :is(.peer:checked~.peer-checked\:bg-indigo-600){background-color:rgb(79 70 229/var(--tw-bg-opacity,1))}
:root[data-theme="escuro"] .stx :is(.peer:checked~.peer-checked\:after\:border-white):after{border-color:var(--cor-borda)}
:root[data-theme="escuro"] .stx :is(.peer:focus~.peer-focus\:ring-indigo-500\/20){--tw-ring-color:rgba(99,102,241,.2)}
:root[data-theme="escuro"] .stx .aria-checked\:bg-primary-container[aria-checked=true]{background-color:rgb(79 70 229/var(--tw-bg-opacity,1))}
:root[data-theme="escuro"] .stx .aria-pressed\:border-amber-300[aria-pressed=true]{border-color:rgb(252 211 77/var(--tw-border-opacity,1))}
:root[data-theme="escuro"] .stx .aria-pressed\:border-emerald-300[aria-pressed=true]{border-color:rgb(110 231 183/var(--tw-border-opacity,1))}
:root[data-theme="escuro"] .stx .aria-pressed\:border-emerald-500[aria-pressed=true]{border-color:rgb(16 185 129/var(--tw-border-opacity,1))}
:root[data-theme="escuro"] .stx .aria-pressed\:border-outline-variant[aria-pressed=true]{border-color:var(--cor-contorno-forte)}
:root[data-theme="escuro"] .stx .aria-pressed\:border-rose-300[aria-pressed=true]{border-color:var(--cor-erro-contorno)}
:root[data-theme="escuro"] .stx .aria-pressed\:border-rose-500[aria-pressed=true]{border-color:rgb(244 63 94/var(--tw-border-opacity,1))}
:root[data-theme="escuro"] .stx .aria-pressed\:bg-amber-50[aria-pressed=true]{background-color:var(--cor-aviso-fundo)}
:root[data-theme="escuro"] .stx .aria-pressed\:bg-emerald-50[aria-pressed=true]{background-color:var(--cor-sucesso-fundo)}
:root[data-theme="escuro"] .stx .aria-pressed\:bg-rose-50[aria-pressed=true]{background-color:var(--cor-erro-fundo)}
:root[data-theme="escuro"] .stx .aria-pressed\:bg-surface-container-lowest[aria-pressed=true]{background-color:var(--cor-cartao)}
:root[data-theme="escuro"] .stx .aria-pressed\:text-amber-800[aria-pressed=true]{color:var(--cor-aviso-texto)}
:root[data-theme="escuro"] .stx .aria-pressed\:text-emerald-700[aria-pressed=true]{color:var(--cor-sucesso-texto)}
:root[data-theme="escuro"] .stx .aria-pressed\:text-on-surface[aria-pressed=true]{color:var(--cor-texto)}
:root[data-theme="escuro"] .stx .aria-pressed\:text-rose-700[aria-pressed=true]{color:var(--cor-erro-texto)}
:root[data-theme="escuro"] .stx .aria-selected\:border-primary-container[aria-selected=true]{border-color:rgb(79 70 229/var(--tw-border-opacity,1))}
:root[data-theme="escuro"] .stx .aria-selected\:text-primary-container[aria-selected=true]{color:var(--cor-primaria-texto)}
:root[data-theme="escuro"] .stx :is(.\[\&_\.kit-filtros-chips-botao--ativo\]\:border-primary-fixed-dim .kit-filtros-chips-botao--ativo){border-color:var(--cor-primaria-contorno)}
:root[data-theme="escuro"] .stx :is(.\[\&_\.kit-filtros-chips-botao--ativo\]\:bg-primary-fixed .kit-filtros-chips-botao--ativo){background-color:var(--cor-primaria-suave)}
:root[data-theme="escuro"] .stx :is(.\[\&_\.kit-filtros-chips-botao--ativo\]\:text-on-primary-fixed-variant .kit-filtros-chips-botao--ativo){color:var(--cor-primaria-texto)}
:root[data-theme="escuro"] .stx :is(.\[\&_\.kit-filtros-chips-botao\]\:border-outline-variant .kit-filtros-chips-botao){border-color:var(--cor-contorno-forte)}
:root[data-theme="escuro"] .stx :is(.\[\&_\.kit-filtros-chips-botao\]\:bg-surface-container-lowest .kit-filtros-chips-botao){background-color:var(--cor-cartao)}
:root[data-theme="escuro"] .stx :is(.\[\&_\.kit-filtros-chips-botao\]\:text-on-surface-variant .kit-filtros-chips-botao){color:var(--cor-texto-secundario)}
:root[data-theme="escuro"] .stx :is(.\[\&_\.kit-filtros-chips-busca\]\:border-outline-variant .kit-filtros-chips-busca){border-color:var(--cor-contorno-forte)}
:root[data-theme="escuro"] .stx :is(.\[\&_\.kit-filtros-chips-busca\]\:bg-surface-container-lowest .kit-filtros-chips-busca){background-color:var(--cor-cartao)}
:root[data-theme="escuro"] .stx :is(.\[\&_\.kit-filtros-chips-busca\]\:text-on-surface .kit-filtros-chips-busca){color:var(--cor-texto)}
:root[data-theme="escuro"] .stx :is(.\[\&_\.kit-filtros-chips-chip\]\:bg-surface-container .kit-filtros-chips-chip){background-color:var(--cor-info-fundo)}
:root[data-theme="escuro"] .stx :is(.\[\&_\.kit-filtros-chips-chip\]\:text-on-surface-variant .kit-filtros-chips-chip){color:var(--cor-texto-secundario)}
:root[data-theme="escuro"] .stx :is(.\[\&_\.kit-filtros-chips-limpar\]\:text-primary-container .kit-filtros-chips-limpar){color:var(--cor-primaria-texto)}
:root[data-theme="escuro"] .stx :is(.\[\&_\.kit-tabela-listagem-rodape\]\:border-outline-variant .kit-tabela-listagem-rodape){border-color:var(--cor-contorno-forte)}
:root[data-theme="escuro"] .stx :is(.\[\&_\.kit-tabela-listagem-rodape\]\:text-on-surface-variant .kit-tabela-listagem-rodape){color:var(--cor-texto-secundario)}
:root[data-theme="escuro"] .stx :is(.\[\&_\.kit-tabela-listagem-rodape_button\]\:border-outline-variant .kit-tabela-listagem-rodape button){border-color:var(--cor-contorno-forte)}
:root[data-theme="escuro"] .stx :is(.\[\&_\.kit-tabela-listagem-rodape_button\]\:bg-surface-container-lowest .kit-tabela-listagem-rodape button){background-color:var(--cor-cartao)}
:root[data-theme="escuro"] .stx :is(.\[\&_\.kit-tabela-listagem-rodape_button\]\:text-on-surface .kit-tabela-listagem-rodape button){color:var(--cor-texto)}
:root[data-theme="escuro"] .stx :is(.\[\&_\.kit-tabela-listagem-th\]\:text-on-surface-variant .kit-tabela-listagem-th){color:var(--cor-texto-secundario)}
:root[data-theme="escuro"] .stx :is(.\[\&_\.kit-tabela-listagem-tr\:hover\]\:bg-surface-container-low .kit-tabela-listagem-tr:hover){background-color:var(--cor-info-fundo)}
:root[data-theme="escuro"] .stx :is(.\[\&_thead\]\:bg-surface-container-low thead){background-color:var(--cor-info-fundo)}