/* Identidade PASINATO "Laudo Vivo" (Carvão & Cobre) — skill .claude/skills/design-pasinato.
   Tokens canônicos: design-tokens.css (bloco replicado abaixo; diff deve ser vazio). Sem frameworks, sem webfonts. */
/* tokens:inicio */
:root {
  /* ---- COR (light) — Carvão & Cobre em execução de pôster (27/07/2026 — o dono viu as imagens de post
     e escolheu unificar TODA a marca de volta ao papel quente + cobre); contrastes AA+ (skill §1). ---- */
  --tinta: #221E1A;          /* texto principal e títulos */
  --fundo: #FBFAF8;          /* fundo da página — branco-osso quente */
  --superficie: #FFFFFF;     /* cards, main, inputs */
  --caixa: #F4F1EC;          /* blocos inset: ferramenta, thead, rodapé */
  --suave: #6B6259;          /* texto secundário/rótulos/legal */
  --borda: #E8E3DC;          /* hairlines 1px — separação primária, antes de sombra */
  --realce: #9A3412;         /* COBRE: SÓ interação e dado-chave — CTA primário, link, micro-marcas */
  --realce-escuro: #7C2D12;  /* hover/active do realce */
  --realce-tinta: #FFFFFF;   /* texto sobre cobre */
  --ok: #15803D;             /* SÓ status positivo, sempre ícone+palavra */
  --alerta: #B45309;         /* SÓ prazo/atenção regulatória (âmbar profundo) */
  --erro: #B91C1C;           /* SÓ crítico/erro de formulário */

  /* ---- TIPOGRAFIA — 0 arquivos de fonte, 0 requests, CLS de fonte = 0.
     Serifa editorial no display (execução de pôster) + sans no corpo + mono de dados. ---- */
  --fonte-titulo: 'Charter','Bitstream Charter','Sitka Text',Cambria,Georgia,serif; /* h1/h2/h3 + wordmark, serif 700 (pôster) */
  --fonte-corpo: system-ui,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;    /* corpo, h4, UI (400; 600 ênfase/CTA) */
  --fonte-dados: ui-monospace,'Cascadia Code','Source Code Pro',Menlo,Consolas,'DejaVu Sans Mono',monospace; /* Notes/NT/PLP, transações, datas, contadores, ABAP */

  /* escala modular 1.25, base 16px — os ÚNICOS 8 tamanhos do site */
  --fs-legenda: 0.8rem;
  --fs-meta: 0.875rem;
  --fs-corpo: 1rem;
  --fs-h4: 1.25rem;
  --fs-h3: 1.5625rem;
  --fs-h2: 1.953rem;
  --fs-h1: 2.441rem;
  --fs-display: 3.815rem;
  --lh-legenda: 1.5; --lh-meta: 1.5; --lh-corpo: 1.65; --lh-h4: 1.4;
  --lh-h3: 1.3; --lh-h2: 1.25; --lh-h1: 1.15; --lh-display: 1.1;
  --ls-titulo: -0.01em;      /* serif 700 */
  --ls-caps: 0.06em;         /* uppercase mono (eyebrow/th) */

  /* ---- ESPAÇO — escala única; fora dela só 0, auto e 1–3px de borda ---- */
  --sp-4: 4px; --sp-8: 8px; --sp-12: 12px; --sp-16: 16px; --sp-24: 24px;
  --sp-32: 32px; --sp-48: 48px; --sp-64: 64px; --sp-96: 96px;

  /* ---- RAIO — curvatura da casa (8/12/999 — skill §1) ---- */
  --raio-controle: 8px;      /* botões, inputs, selects, ficha */
  --raio-bloco: 12px;        /* cards, ferramenta, artefato, banners, main */
  --raio-selo: 999px;        /* chips de status */

  /* ---- SOMBRA — separação primária é hairline; sombra sutil da casa ---- */
  --sombra-carta: 0 1px 2px rgba(34,30,26,.05), 0 4px 16px rgba(34,30,26,.06);
  --sombra-pop: 0 8px 32px rgba(34,30,26,.14); /* SÓ menu mobile/modal */

  /* ---- CONTAINER (breakpoints em comentário: sm 640 / md 768 / lg 1024, mobile-first) ---- */
  --container-leitura: 52rem;
  --container-largo: 70rem;

  /* ---- MOTION — só 3 animações permitidas; nada em loop ---- */
  --dur-rapida: 150ms;
  --dur-base: 250ms;
  --curva: cubic-bezier(0.2, 0, 0, 1);
}

/* ---- GUARDA GLOBAL de acessibilidade (invariável do sistema, viaja com os tokens) ---- */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; }
}
/* Tema escuro DESCONTINUADO (dono, 27/07/2026): o site é sempre claro — identidade de pôster é papel. */
/* tokens:fim */
*{box-sizing:border-box}
body{margin:0;font:16px/1.65 var(--fonte-corpo);color:var(--tinta);background:var(--fundo)}
/* grão-de-papel (§1.1, decisão 27/07/2026): textura de 2 tramas de pontos a 3-5% de tinta —
   vintage de impresso sem imagem externa; pointer-events:none, nunca acima de menu/modal */
body::before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.35;
  background-image:radial-gradient(rgba(34,30,26,.05) 1px,transparent 1px),radial-gradient(rgba(34,30,26,.03) 1px,transparent 1px);
  background-size:7px 7px,11px 11px;background-position:0 0,4px 6px}
.topo{display:flex;flex-wrap:wrap;gap:.5rem 1.25rem;align-items:center;padding:.85rem 5vw;background:var(--superficie);border-bottom:1px solid var(--borda);box-shadow:0 1px 2px rgba(29,45,62,.06)}
.marca{font-weight:700;text-decoration:none;color:var(--tinta);font-size:1.05rem;letter-spacing:-.02em}
.marca{font-family:var(--fonte-titulo)}
/* quadrado da marca — padrão dos sites tpasinato */
.marca::after{content:"";display:inline-block;width:.5em;height:.9em;margin-left:.3em;background:var(--realce);vertical-align:text-bottom}/* cursor de bloco ESTÁTICO — o pisca era da identidade Parecer (24/07), superseded em 27/07 */
nav{display:flex;flex-wrap:wrap;gap:1rem}
nav a{color:var(--suave);text-decoration:none;font-size:.9rem;padding:.15rem 0;border-bottom:2px solid transparent}
nav a:hover{color:var(--realce);border-bottom-color:var(--realce)}
main{max-width:52rem;margin:1.5rem auto 0;padding:1.75rem 5vw 3rem;background:var(--superficie);border:1px solid var(--borda);border-radius:12px;box-shadow:0 2px 8px rgba(29,45,62,.05)}
@media (max-width:640px){main{margin:0;border-radius:0;border-left:0;border-right:0}}
h1{font-family:var(--fonte-titulo);font-size:var(--fs-h1);line-height:1.15;margin:.25rem 0 1rem;font-weight:700;letter-spacing:-.01em}
h1::before{content:"";display:block;width:40px;height:3px;background:var(--realce);margin-bottom:.75rem;border-radius:1px}/* traço de laudo — 1 por página */
h2{font-family:var(--fonte-titulo);font-size:var(--fs-h3);margin-top:2.1rem;padding-bottom:.35rem;border-bottom:1px solid var(--borda)}
h3{font-family:var(--fonte-titulo);font-size:var(--fs-h4);margin-top:1.6rem}
a{color:var(--realce)}
a:hover{color:var(--realce-escuro)}
table{border-collapse:collapse;width:100%;margin:1rem 0;font-size:.92rem;font-variant-numeric:tabular-nums;display:block;overflow-x:auto;border:1px solid var(--borda);border-radius:8px}
th,td{border-bottom:1px solid var(--borda);padding:.55rem .75rem;text-align:left;white-space:normal}
th{background:var(--caixa);font-weight:600;color:var(--suave);text-transform:none;font-size:.85rem}
tr:last-child td{border-bottom:0}
tr:hover td{background:color-mix(in srgb, var(--realce) 5%, transparent)}
.ferramenta{background:var(--caixa);border:1px solid var(--borda);border-radius:10px;padding:1.25rem;margin:1.25rem 0}
.ferramenta label{display:block;font-weight:600;margin:.8rem 0 .25rem;font-size:.92rem}
.ferramenta input,.ferramenta select{width:100%;padding:.55rem .7rem;border:1px solid var(--borda);border-radius:8px;font-size:1rem;background:var(--superficie);color:var(--tinta)}
.ferramenta input:focus,.ferramenta select:focus{outline:2px solid var(--realce);outline-offset:0;border-color:var(--realce)}
.ferramenta button{margin-top:1rem;padding:.6rem 1.5rem;border:0;border-radius:8px;background:var(--realce);color:var(--realce-tinta);font-size:.95rem;font-weight:600;cursor:pointer}
.ferramenta button:hover{background:var(--realce-escuro)}
.resultado{margin-top:1.25rem;padding:1rem 1.1rem;border-left:4px solid var(--realce);background:var(--superficie);border-radius:0 8px 8px 0;box-shadow:0 1px 3px rgba(29,45,62,.08)}
.resultado strong{font-size:1.25rem}
footer{padding:1.5rem 5vw 2.5rem;max-width:52rem;margin:0 auto}
.disclosure{font-size:.83rem;color:var(--suave);background:var(--caixa);padding:.7rem .9rem;border-radius:8px}
.fino{font-size:.78rem;color:var(--suave)}
a[data-afiliado]::after{content:" ↗"}
.captura-msg{font-weight:600;color:var(--ok)}

/* números-chave (stat tiles) */
.numeros-chave{display:grid;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:.9rem;margin:1.4rem 0}
.numeros-chave>div{background:var(--caixa);border:1px solid var(--borda);border-left:4px solid var(--realce);border-radius:10px;padding:.9rem 1rem}
.numeros-chave>div:nth-child(-n+2){border-left-color:var(--alerta)}
.numeros-chave strong{display:block;font-family:var(--fonte-dados);font-variant-numeric:tabular-nums;font-size:1.45rem;letter-spacing:-.01em;color:var(--realce);margin-bottom:.15rem}
.numeros-chave>div:nth-child(-n+2) strong{color:var(--alerta)}
.numeros-chave p{margin:.1rem 0;font-size:.83rem;color:var(--suave);line-height:1.45}
.numeros-chave span{display:inline-block;margin-top:.3rem;font-weight:700;color:var(--tinta)}

/* barra de filtro (toolbar Fiori-like) */
form[role="search"]{display:flex;flex-wrap:wrap;gap:.8rem;align-items:end;background:var(--caixa);border:1px solid var(--borda);border-radius:10px;padding:.9rem 1rem;margin:1.1rem 0 .6rem}
form[role="search"]>div{flex:1 1 12rem}
form[role="search"] label{display:block;font-size:.8rem;font-weight:600;color:var(--suave);margin-bottom:.25rem}
form[role="search"] input,form[role="search"] select{width:100%;padding:.5rem .65rem;border:1px solid var(--borda);border-radius:8px;font-size:.95rem;background:var(--superficie);color:var(--tinta)}
form[role="search"] input:focus,form[role="search"] select:focus{outline:2px solid var(--realce);outline-offset:0}
#contador-notes{font-size:.85rem;font-weight:700;color:var(--suave);white-space:nowrap;padding-bottom:.5rem}

/* tabela do tracker: cabeçalho fixo + 1ª coluna destacada */
table thead th{position:sticky;top:0;z-index:1}
table td:first-child a{font-weight:700;font-variant-numeric:tabular-nums}

/* blocos de conversão (newsletter/diagnóstico) */
#newsletter,#diagnostico{background:linear-gradient(135deg,color-mix(in srgb,var(--realce) 7%,var(--superficie)),var(--superficie));border:1px solid var(--borda);border-left:4px solid var(--realce);border-radius:10px;padding:1.2rem 1.3rem;margin:2rem 0}
#newsletter h2,#diagnostico h2{margin-top:0;border-bottom:0;font-size:1.15rem}
#newsletter form{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.6rem}
#newsletter input[type="email"]{flex:1 1 16rem;padding:.6rem .75rem;border:1px solid var(--borda);border-radius:8px;font-size:1rem;background:var(--superficie);color:var(--tinta)}
#newsletter button,.botao{padding:.6rem 1.4rem;border:0;border-radius:8px;background:var(--realce);color:var(--realce-tinta);font-size:.95rem;font-weight:600;cursor:pointer;text-decoration:none;display:inline-block}
#newsletter button:hover,.botao:hover{background:var(--realce-escuro);color:#fff}
.aviso{font-size:.83rem;color:var(--suave);background:var(--caixa);border-left:3px solid var(--alerta);padding:.6rem .8rem;border-radius:0 8px 8px 0}

/* autoridade (E-E-A-T) + selo de atualização + captura compacta */
.badge-atualizado{display:inline-block;font-family:var(--fonte-dados);font-size:.78rem;font-weight:400;color:var(--suave);background:transparent;border:2px dashed var(--suave);border-radius:6px;padding:.35rem .8rem;letter-spacing:.05em;margin:-.2rem 0 .9rem}/* carimbo-selo tracejado (27/07/2026) — era pílula verde */
.autor{display:flex;gap:.85rem;align-items:flex-start;background:var(--superficie);border:1px solid var(--borda);border-radius:10px;padding:.85rem 1rem;margin:1.1rem 0;box-shadow:0 1px 3px rgba(29,45,62,.06)}
.autor-avatar{flex:0 0 auto;width:2.6rem;height:2.6rem;border-radius:50%;background:var(--realce);color:var(--realce-tinta);font-weight:700;display:flex;align-items:center;justify-content:center;font-size:1rem}
.autor p{margin:0;font-size:.88rem;line-height:1.5;color:var(--suave)}
.autor strong{color:var(--tinta)}
.captura-inline{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;background:color-mix(in srgb,var(--realce) 8%,var(--superficie));border:1px solid color-mix(in srgb,var(--realce) 25%,var(--borda));border-radius:10px;padding:.75rem 1rem;margin:1rem 0}
.captura-inline label{font-size:.9rem;flex:1 1 100%;margin:0}
.captura-inline input[type="email"]{flex:1 1 14rem;padding:.55rem .7rem;border:1px solid var(--borda);border-radius:8px;font-size:.95rem;background:var(--superficie);color:var(--tinta)}
.captura-inline button{padding:.55rem 1.2rem;border:0;border-radius:8px;background:var(--realce);color:var(--realce-tinta);font-weight:600;font-size:.9rem;cursor:pointer}
.captura-inline button:hover{background:var(--realce-escuro)}
@media (min-width:640px){.captura-inline label{flex:1 1 auto}}

/* dropdown por item de tabela (ex.: detalhe de Note no tracker) */
.note-detalhe summary{cursor:pointer;font-weight:600;color:var(--realce);list-style-position:outside}
.note-detalhe summary:hover{text-decoration:underline}
.note-detalhe[open] summary{color:var(--tinta);margin-bottom:.4rem}
.note-detalhe p{margin:.35rem 0;font-size:.88rem;line-height:1.5}
.note-detalhe{background:color-mix(in srgb,var(--realce) 4%,transparent);border-radius:6px;padding:.15rem .35rem}

/* ============================================================
   COMPONENTES DA IDENTIDADE (skill design-pasinato §4)
   Markup canônico: .claude/skills/design-pasinato/componentes-referencia.html
   ============================================================ */
/* acessibilidade base */
.skip-link{position:absolute;left:-9999px;top:0;background:var(--superficie);color:var(--tinta);padding:var(--sp-8) var(--sp-16);border:1px solid var(--borda);border-radius:var(--raio-controle);z-index:99}
.skip-link:focus{left:var(--sp-16)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--realce);outline-offset:2px}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

/* topo sticky */
.topo{position:sticky;top:0;z-index:50}

/* herói-dossiê */
.eyebrow{font-family:var(--fonte-dados);font-size:var(--fs-meta);text-transform:uppercase;letter-spacing:.04em;color:var(--suave);margin:0 0 var(--sp-12)}
.cursor{display:inline-block;width:.5em;height:.9em;margin-left:.18em;background:var(--realce);vertical-align:text-bottom}/* estático (27/07) */
.traco-laudo{width:40px;height:3px;background:var(--realce);border-radius:1px;margin:0 0 var(--sp-12)}
h1::before{content:none}/* o traço agora é elemento explícito .traco-laudo (1 por página) */
.lide{font-size:1.0625rem;max-width:55ch;color:var(--tinta)}
.hero-acoes{display:flex;flex-wrap:wrap;gap:var(--sp-12);align-items:center;margin:var(--sp-16) 0 var(--sp-8)}
.cta-nota{font-size:var(--fs-meta);color:var(--suave);margin-top:var(--sp-8)}

/* botões (4 estados) */
.botao{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 var(--sp-24);background:var(--realce);color:var(--realce-tinta);font:600 1rem/1 var(--fonte-corpo);border:0;border-radius:var(--raio-controle);text-decoration:none;cursor:pointer;transition:background var(--dur-rapida) var(--curva),transform var(--dur-rapida) var(--curva)}
.botao:hover{background:var(--realce-escuro);color:var(--realce-tinta)}
.botao:active{transform:translateY(1px)}
.botao[disabled]{opacity:.5;pointer-events:none}
.botao-secundario{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 var(--sp-24);background:transparent;color:var(--tinta);font:600 1rem/1 var(--fonte-corpo);border:1px solid color-mix(in srgb,var(--tinta) 24%,transparent);border-radius:var(--raio-controle);text-decoration:none}
.botao-secundario:hover{border-color:color-mix(in srgb,var(--tinta) 48%,transparent);color:var(--tinta)}
@media (max-width:639px){.botao,.botao-secundario{width:100%}}

/* ficha de identificador (assinatura) */
.ficha{display:inline-block;font-family:var(--fonte-dados);font-variant-numeric:tabular-nums;font-size:var(--fs-meta);border:1px solid var(--borda);border-radius:var(--raio-controle);padding:2px var(--sp-12);background:var(--superficie);color:var(--tinta);white-space:nowrap}

/* carimbo de dados */
.carimbo{display:block;font-family:var(--fonte-dados);font-size:var(--fs-legenda);color:var(--suave);margin-top:var(--sp-4)}

/* chips de status (ícone+palavra+cor — mapeamento fechado) */
.status{display:inline-flex;align-items:center;gap:var(--sp-8);padding:4px var(--sp-12);border-radius:var(--raio-selo);font:600 var(--fs-meta)/1.2 var(--fonte-corpo)}
.status-ok{color:var(--ok);background:color-mix(in srgb,var(--ok) 10%,transparent)}
.status-alerta{color:var(--alerta);background:color-mix(in srgb,var(--alerta) 10%,transparent)}
.status-erro{color:var(--erro);background:color-mix(in srgb,var(--erro) 10%,transparent)}
.status-aguardando{color:var(--suave);background:color-mix(in srgb,var(--suave) 10%,transparent)}

/* aviso de prazo (Forma A) — âmbar, NUNCA cobre */
.aviso{background:color-mix(in srgb,var(--alerta) 6%,var(--superficie));border-left:3px solid var(--alerta);border-radius:0 var(--raio-bloco) var(--raio-bloco) 0;padding:var(--sp-12) var(--sp-16);margin:var(--sp-24) 0}
.aviso strong{color:var(--alerta)}
.aviso .contagem{font-family:var(--fonte-dados);font-variant-numeric:tabular-nums}

/* régua regulatória 2026–2033 (Forma B — assinatura) */
.regua{margin:var(--sp-32) 0;padding:0;list-style:none;position:relative;display:grid;grid-template-columns:repeat(auto-fit,minmax(7rem,1fr));gap:var(--sp-8)}
.regua::before{content:"";position:absolute;top:4px;left:0;right:0;height:2px;background:var(--borda)}
.regua li{position:relative;padding-top:var(--sp-16);font-family:var(--fonte-dados);font-size:var(--fs-legenda);color:var(--suave)}
.regua li::before{content:"";position:absolute;top:0;left:0;width:8px;height:8px;background:var(--borda)}
.regua li.regua-aqui::before{background:var(--realce)}
.regua li.regua-aqui{color:var(--tinta);font-weight:600}
.regua strong{display:block;font-size:var(--fs-meta);color:inherit}

/* seção-solução: passos numerados */
.passos{display:grid;grid-template-columns:1fr;gap:var(--sp-24);margin:var(--sp-24) 0;padding:0;list-style:none}
/* display de pôster no hero (27/07/2026): --fs-display existia e nunca era aplicado */
@media (min-width:768px){.hero h1{font-size:var(--fs-display);line-height:1.08}}
@media (min-width:768px){.passos{grid-template-columns:repeat(auto-fit,minmax(14rem,1fr))}}
.passos li{background:var(--superficie);border:1px solid var(--borda);border-radius:var(--raio-bloco);padding:var(--sp-24)}
.passos .passo-num{font-family:var(--fonte-dados);font-weight:600;font-size:var(--fs-h3);color:var(--realce);display:block;margin-bottom:var(--sp-8)}
.passos h3{margin:0 0 var(--sp-12);font:600 var(--fs-h4)/1.4 var(--fonte-corpo)}
.passos p{margin:0;font-size:var(--fs-meta);color:var(--suave)}

/* moldura-artefato */
.artefato{border:1px solid var(--borda);border-radius:var(--raio-bloco);overflow:hidden;box-shadow:var(--sombra-carta);background:var(--superficie);margin:var(--sp-24) 0}
.artefato-bar{display:flex;align-items:center;min-height:32px;padding:0 var(--sp-12);background:var(--caixa);font-family:var(--fonte-dados);font-size:var(--fs-legenda);color:var(--suave);border-bottom:1px solid var(--borda)}
.artefato table{border:0;margin:0;border-radius:0}
.artefato figcaption.legenda{font-size:var(--fs-meta);color:var(--suave);padding:var(--sp-8) var(--sp-12)}

/* FAQ nativo */
.faq details{border-bottom:1px solid var(--borda)}
.faq summary{cursor:pointer;font:600 1rem/1.5 var(--fonte-corpo);padding:var(--sp-16) 0;list-style:none;display:flex;justify-content:space-between;align-items:center}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";color:var(--suave);font-family:var(--fonte-dados)}
.faq details[open] summary::after{content:"−"}
.faq details p{max-width:65ch;margin:0 0 var(--sp-16)}

/* rodapé-assinatura (folha de laudo) */
footer{background:var(--caixa);border-top:1px solid var(--borda);padding-top:var(--sp-48);padding-bottom:var(--sp-48);max-width:none}
.rodape-inner{max-width:var(--container-leitura);margin:0 auto;padding:0 var(--sp-16)}
.assinatura-laudo{margin-top:var(--sp-24);padding-top:var(--sp-24);border-top:1px solid var(--borda)}
.assinatura-laudo .traco-laudo{margin-bottom:var(--sp-12)}
.assinatura-laudo .resp{font:600 1rem/1.5 var(--fonte-corpo);color:var(--tinta);margin:0 0 var(--sp-4)}
.assinatura-laudo .empresa{font-size:var(--fs-meta);color:var(--suave);margin:0 0 var(--sp-8)}
.carimbo-build{font-family:var(--fonte-dados);font-size:var(--fs-legenda);color:var(--suave)}
:root[data-theme="dark"] footer{background:var(--superficie)}

/* ---- tabela de Notes: layout funcional (pedido do dono 2026-07-24) ---- */
/* validade empilhada, um componente por linha, sem quebra no meio da faixa */
td .validade{display:flex;flex-direction:column;gap:3px;align-items:flex-start}
td .validade .cod{white-space:nowrap;font-size:.72rem}
/* fonte como sublinha do número — menos ruído que coluna repetida */
.fonte-sub{display:block;font-size:.7rem;margin-top:.25rem}
.fonte-sub a{color:var(--suave);text-decoration:none;border-bottom:1px dotted var(--borda-forte)}
.fonte-sub a:hover{color:var(--realce)}
/* badge de passos manuais no tema */
.badge-manual{display:inline-block;font-family:var(--fonte-dados);font-size:.66rem;font-weight:600;letter-spacing:.04em;color:var(--alerta);border:1px solid color-mix(in srgb,var(--alerta) 40%,transparent);border-radius:2px;padding:.04rem .3rem;vertical-align:1px;white-space:nowrap}
/* filtros sempre à mão: barra fixa sob o topo durante o scroll da tabela */
form[role="search"]{position:sticky;top:3.4rem;z-index:40;box-shadow:0 6px 16px rgba(10,21,32,.06)}
/* nota: thead sticky já existia; fica sob a barra de filtro */
#tabela-notes thead th{top:0}

/* ---- página /customizacoes/ (mapa por módulo) ---- */
.custom-modulo{margin:2rem 0;padding-bottom:1rem}
.custom-item{border:1px solid var(--borda);border-left:3px solid var(--realce);border-radius:var(--raio-bloco);padding:.9rem 1.1rem;margin:.8rem 0;background:var(--superficie)}
.custom-item h4{margin:0 0 .3rem;font-size:1rem;font-family:var(--fonte-corpo);font-weight:650}
.custom-item h4 a{font-family:var(--fonte-dados);font-variant-numeric:tabular-nums}
.tag-frente{font-family:var(--fonte-dados);font-size:.64rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--suave);border:1px solid var(--borda-forte,var(--borda));border-radius:2px;padding:.05rem .35rem;margin-left:.45rem;vertical-align:2px;white-space:nowrap}
.custom-validade{margin:.15rem 0 .3rem;display:flex;flex-wrap:wrap;gap:4px}
.custom-validade .cod{font-size:.7rem;white-space:nowrap}
.custom-acoes{margin:.4rem 0 .2rem;padding-left:1.2rem}
.custom-acoes li{font-size:.9rem;margin:.25rem 0}
#filtro-custom{position:sticky;top:3.4rem;z-index:40;display:flex;flex-wrap:wrap;gap:.8rem;align-items:end;background:var(--caixa);border:1px solid var(--borda);border-radius:var(--raio-bloco);padding:.9rem 1rem;margin:1.1rem 0 .6rem;box-shadow:0 6px 16px rgba(10,21,32,.06)}
#filtro-custom>div{flex:1 1 10rem}
#filtro-custom label{display:block;font-size:.8rem;font-weight:600;color:var(--suave);margin-bottom:.25rem}
#filtro-custom input,#filtro-custom select{width:100%;padding:.5rem .65rem;border:1px solid var(--borda);border-radius:var(--raio-controle);font-size:.95rem;background:var(--superficie);color:var(--tinta)}
#fc-contador{font-size:.85rem;font-weight:700;color:var(--suave);white-space:nowrap;padding-bottom:.5rem;margin:0}

/* --- código inline: .cod e <code> com o mesmo tratamento (antes .cod só existia
   dentro de tabela/validade, então transação em texto corrido saía sem estilo) --- */
.cod,code{font-family:var(--fonte-dados);font-size:.82em;background:color-mix(in srgb,var(--realce) 7%,transparent);border:1px solid color-mix(in srgb,var(--realce) 18%,transparent);border-radius:2px;padding:.02rem .28rem;white-space:nowrap;color:var(--tinta)}
.validade .cod,.custom-validade .cod{background:none;border:none;padding:0}

/* --- página /cadeia/ : pré-requisitos por Note --- */
.cadeia-item{border:1px solid var(--borda);border-left:3px solid var(--realce);border-radius:var(--raio-bloco);padding:.9rem 1.1rem;margin:.8rem 0;background:var(--superficie)}
.cadeia-item h3{margin:0 0 .45rem;font-size:1rem;font-family:var(--fonte-corpo);font-weight:650;line-height:1.45}
.cadeia-item h3 a{font-family:var(--fonte-dados);font-variant-numeric:tabular-nums}
.cadeia-item p{margin:.35rem 0;font-size:.9rem;line-height:1.55}
.cadeia-item .fino{font-size:.82rem}
.cadeia-item.realce{border-left-color:var(--alerta);box-shadow:0 0 0 2px color-mix(in srgb,var(--alerta) 22%,transparent)}
.tag-trab{font-weight:650;letter-spacing:.02em}
.tag-configurar{background:color-mix(in srgb,var(--realce) 12%,transparent);border-color:color-mix(in srgb,var(--realce) 45%,transparent)}
.tag-validar{background:color-mix(in srgb,var(--alerta) 10%,transparent);border-color:color-mix(in srgb,var(--alerta) 40%,transparent);color:var(--alerta)}
.tag-nenhum{background:color-mix(in srgb,var(--suave) 10%,transparent);border-color:color-mix(in srgb,var(--suave) 35%,transparent);color:var(--suave)}
#filtro-cadeia{position:sticky;top:3.4rem;z-index:40;display:flex;flex-wrap:wrap;gap:.8rem;align-items:end;background:var(--caixa);border:1px solid var(--borda);border-radius:var(--raio-bloco);padding:.9rem 1rem;margin:1.1rem 0 .6rem;box-shadow:0 6px 16px rgba(10,21,32,.06)}
#filtro-cadeia>div{flex:1 1 10rem}
#filtro-cadeia label{display:block;font-size:.8rem;font-weight:600;color:var(--suave);margin-bottom:.25rem}
#filtro-cadeia input[type=search],#filtro-cadeia select{width:100%;padding:.5rem .65rem;border:1px solid var(--borda);border-radius:var(--raio-controle);font-size:.95rem;background:var(--superficie);color:var(--tinta)}
#filtro-cadeia .filtro-check{flex:0 1 auto}
#filtro-cadeia .filtro-check label{font-weight:600;color:var(--tinta);white-space:nowrap;padding-bottom:.5rem}
#filtro-cadeia .filtro-check input{width:auto;margin-right:.35rem}
#fd-contador{font-size:.85rem;font-weight:700;color:var(--suave);white-space:nowrap;padding-bottom:.5rem;margin:0}

/* --- bloco de fecho: caminho de conversão no fim de toda página de conteúdo --- */
.cta-fecho{margin:2.4rem 0 0;padding:1.4rem 1.5rem;border:1px solid var(--borda);border-top:3px solid var(--realce);border-radius:var(--raio-bloco);background:var(--caixa)}
.cta-fecho h2{margin:0 0 .4rem;font-size:1.15rem}
.cta-fecho p{margin:.35rem 0}
.cta-fecho .captura-inline{margin-top:1rem;padding-top:1rem;border-top:1px dashed var(--borda)}
.captura-msg{font-size:.9rem;font-weight:600;color:var(--realce);margin:.4rem 0 0}