/* GERADO por `mix casca.escala` — não edite à mão. A escala do layout (A− / A+ da abinha de aparência): as
   declarações de medida dos CSS desta página, na ordem dela, com os px vezes var(--escala, 1). Ver
   lib/mix/tasks/casca.escala.ex. */
/* os ícones: o tamanho vem no atributo (width/height), que o CSS pode sobrepor */
svg.ic[width="10"] { width: calc(10px * var(--escala, 1)); height: calc(10px * var(--escala, 1)); }
svg.ic[width="11"] { width: calc(11px * var(--escala, 1)); height: calc(11px * var(--escala, 1)); }
svg.ic[width="12"] { width: calc(12px * var(--escala, 1)); height: calc(12px * var(--escala, 1)); }
svg.ic[width="13"] { width: calc(13px * var(--escala, 1)); height: calc(13px * var(--escala, 1)); }
svg.ic[width="14"] { width: calc(14px * var(--escala, 1)); height: calc(14px * var(--escala, 1)); }
svg.ic[width="15"] { width: calc(15px * var(--escala, 1)); height: calc(15px * var(--escala, 1)); }
svg.ic[width="16"] { width: calc(16px * var(--escala, 1)); height: calc(16px * var(--escala, 1)); }
svg.ic[width="17"] { width: calc(17px * var(--escala, 1)); height: calc(17px * var(--escala, 1)); }
svg.ic[width="18"] { width: calc(18px * var(--escala, 1)); height: calc(18px * var(--escala, 1)); }
svg.ic[width="19"] { width: calc(19px * var(--escala, 1)); height: calc(19px * var(--escala, 1)); }
svg.ic[width="20"] { width: calc(20px * var(--escala, 1)); height: calc(20px * var(--escala, 1)); }
svg.ic[width="22"] { width: calc(22px * var(--escala, 1)); height: calc(22px * var(--escala, 1)); }
svg.ic[width="24"] { width: calc(24px * var(--escala, 1)); height: calc(24px * var(--escala, 1)); }
svg.ic[width="26"] { width: calc(26px * var(--escala, 1)); height: calc(26px * var(--escala, 1)); }
svg.ic[width="28"] { width: calc(28px * var(--escala, 1)); height: calc(28px * var(--escala, 1)); }
svg.ic[width="32"] { width: calc(32px * var(--escala, 1)); height: calc(32px * var(--escala, 1)); }
svg.ic[width="36"] { width: calc(36px * var(--escala, 1)); height: calc(36px * var(--escala, 1)); }
svg.ic[width="38"] { width: calc(38px * var(--escala, 1)); height: calc(38px * var(--escala, 1)); }
svg.ic[width="40"] { width: calc(40px * var(--escala, 1)); height: calc(40px * var(--escala, 1)); }
svg.ic[width="44"] { width: calc(44px * var(--escala, 1)); height: calc(44px * var(--escala, 1)); }
svg.ic[width="48"] { width: calc(48px * var(--escala, 1)); height: calc(48px * var(--escala, 1)); }
/* — style.css */
:root { --verde: #00a859; --verde-esc: #04522d; --verde-claro: #e8f5ee; --verde-fundo: #f4faf6; --linha: #d8e3dc; --tinta: #1d2b24; --suave: #5b6b62; --branco: #fff; --amarelo: #b7791f; --amarelo-f: #fdf4e3; --vermelho: #c0392b; --vermelho-f: #fbeae8; --azul: #1f5f99; --azul-f: #e7f0f9; --raio: calc(10px * var(--escala, 1)); }
body { margin: 0; font: calc(15px * var(--escala, 1))/1.5 "Segoe UI", Roboto, system-ui, -apple-system, sans-serif; }
h1, h2, h3 { line-height: 1.25; margin: 0 0 .5rem; }
h1 { font-size: 1.55rem; }
h2 { font-size: 1.2rem; }
h3 { font-size: 1rem; }
.topo .in { max-width: calc(1180px * var(--escala, 1)); margin: 0 auto; padding: calc(12px * var(--escala, 1)) calc(20px * var(--escala, 1)); gap: calc(18px * var(--escala, 1)); }
.topo img { height: calc(44px * var(--escala, 1)); }
.topo nav { margin-left: auto; gap: calc(14px * var(--escala, 1)); }
.pagina { max-width: calc(1180px * var(--escala, 1)); margin: 0 auto; padding: calc(22px * var(--escala, 1)) calc(20px * var(--escala, 1)) calc(60px * var(--escala, 1)); }
.pagina.estreita { max-width: calc(980px * var(--escala, 1)); }
.card { border-radius: var(--raio); padding: calc(20px * var(--escala, 1)) calc(22px * var(--escala, 1)); margin-bottom: calc(18px * var(--escala, 1)); }
.card > h2 { gap: calc(10px * var(--escala, 1)); }
.num { width: calc(28px * var(--escala, 1)); height: calc(28px * var(--escala, 1)); border-radius: 50%; font-size: .85rem; flex: none; }
.ajuda { font-size: .88rem; margin: 0 0 calc(12px * var(--escala, 1)); }
.grade { gap: calc(12px * var(--escala, 1)) calc(16px * var(--escala, 1)); grid-template-columns: repeat(12, 1fr); }
label { font-size: .8rem; margin-bottom: calc(3px * var(--escala, 1)); }
input[type=text], input[type=email], input[type=password], input:not([type]), input[type=date], input[type=number], input[type=search], select, textarea { width: 100%; padding: calc(8px * var(--escala, 1)) calc(10px * var(--escala, 1)); border-radius: calc(7px * var(--escala, 1)); font: inherit; }
textarea { min-height: calc(70px * var(--escala, 1)); }
.chips { gap: calc(6px * var(--escala, 1)); }
.chip { gap: calc(5px * var(--escala, 1)); border-radius: calc(20px * var(--escala, 1)); padding: calc(4px * var(--escala, 1)) calc(11px * var(--escala, 1)); font-size: .88rem; margin: 0; }
.chip input { margin: 0; }
.btn { gap: calc(6px * var(--escala, 1)); padding: calc(9px * var(--escala, 1)) calc(16px * var(--escala, 1)); border-radius: calc(8px * var(--escala, 1)); font: inherit; }
.btn.peq { padding: calc(5px * var(--escala, 1)) calc(10px * var(--escala, 1)); font-size: .85rem; }
.acoes { gap: calc(10px * var(--escala, 1)); }
.barra-fixa { bottom: 0; padding: calc(12px * var(--escala, 1)) calc(20px * var(--escala, 1)); margin: 0 -20px; gap: calc(10px * var(--escala, 1)); }
.msg { padding: calc(12px * var(--escala, 1)) calc(16px * var(--escala, 1)); border-radius: calc(8px * var(--escala, 1)); margin-bottom: calc(16px * var(--escala, 1)); }
.msg ul { margin: calc(4px * var(--escala, 1)) 0 0 calc(18px * var(--escala, 1)); padding: 0; }
table.t { width: 100%; font-size: .88rem; }
table.t th { font-size: .75rem; letter-spacing: .02em; padding: calc(7px * var(--escala, 1)) calc(8px * var(--escala, 1)); top: 0; }
table.t td { padding: calc(6px * var(--escala, 1)) calc(8px * var(--escala, 1)); }
table.t tr.grupo td { font-size: .8rem; }
table.t input[type=text] { padding: calc(5px * var(--escala, 1)) calc(7px * var(--escala, 1)); }
table.t input.valor { width: calc(100px * var(--escala, 1)); }
table.t input.prazo { width: calc(150px * var(--escala, 1)); }
.selo { padding: calc(2px * var(--escala, 1)) calc(9px * var(--escala, 1)); border-radius: calc(20px * var(--escala, 1)); font-size: .78rem; }
.ref { font-size: .82rem; }
.kpis { grid-template-columns: repeat(auto-fit, minmax(calc(170px * var(--escala, 1)), 1fr)); gap: calc(12px * var(--escala, 1)); margin-bottom: calc(18px * var(--escala, 1)); }
.kpi { border-radius: var(--raio); padding: calc(14px * var(--escala, 1)) calc(16px * var(--escala, 1)); }
.kpi .r { font-size: .75rem; letter-spacing: .03em; }
.kpi .v { font-size: 1.5rem; margin-top: calc(2px * var(--escala, 1)); }
.kpi .s { font-size: .8rem; }
.so-leitor { width: calc(1px * var(--escala, 1)); height: calc(1px * var(--escala, 1)); padding: 0; margin: -1px; }
.abas { gap: calc(4px * var(--escala, 1)); margin-bottom: calc(18px * var(--escala, 1)); }
.abas a { padding: calc(9px * var(--escala, 1)) calc(14px * var(--escala, 1)); margin-bottom: -2px; }
.link-box { gap: calc(8px * var(--escala, 1)); padding: calc(10px * var(--escala, 1)) calc(12px * var(--escala, 1)); border-radius: calc(8px * var(--escala, 1)); }
.link-box code { font-size: .9rem; flex: 1; min-width: calc(200px * var(--escala, 1)); }
.unidade { border-radius: calc(8px * var(--escala, 1)); padding: calc(14px * var(--escala, 1)); margin-bottom: calc(12px * var(--escala, 1)); }
.campo-copia { gap: calc(6px * var(--escala, 1)); }
.historico { padding: 0; margin: 0; font-size: .88rem; }
.historico li { padding: calc(6px * var(--escala, 1)) 0; }
.historico .q { font-size: .8rem; margin-right: calc(8px * var(--escala, 1)); }
.hero { border-radius: var(--raio); padding: calc(22px * var(--escala, 1)) calc(24px * var(--escala, 1)); margin-bottom: calc(18px * var(--escala, 1)); }
.hero p { margin: .3rem 0 0; }
.passos { gap: calc(8px * var(--escala, 1)); margin-top: calc(12px * var(--escala, 1)); font-size: .85rem; }
.passos span { padding: calc(4px * var(--escala, 1)) calc(10px * var(--escala, 1)); border-radius: calc(20px * var(--escala, 1)); }
.pequeno { font-size: .84rem; }
.regras { font-size: .88rem; }
details.sec { border-radius: calc(8px * var(--escala, 1)); padding: calc(10px * var(--escala, 1)) calc(14px * var(--escala, 1)); margin-bottom: calc(10px * var(--escala, 1)); }
.alerta-prazo { padding: calc(10px * var(--escala, 1)) calc(14px * var(--escala, 1)); border-radius: calc(6px * var(--escala, 1)); margin-bottom: calc(14px * var(--escala, 1)); }
.barra-prog { height: calc(7px * var(--escala, 1)); border-radius: calc(10px * var(--escala, 1)); margin: calc(3px * var(--escala, 1)) 0; }
.barra-prog span { height: 100%; border-radius: calc(10px * var(--escala, 1)); }
.barra-prog.grande { height: calc(12px * var(--escala, 1)); }
.salvo-auto { font-size: .8rem; margin-right: auto; }
.lista-unidades { gap: calc(8px * var(--escala, 1)); }
.unidade-card { margin: 0; }
.unidade-btn { width: 100%; gap: calc(2px * var(--escala, 1)); padding: calc(12px * var(--escala, 1)) calc(16px * var(--escala, 1)); border-radius: calc(9px * var(--escala, 1)); font: inherit; }
.un-info { font-size: .84rem; }
.un-acao { font-size: .85rem; margin-top: calc(4px * var(--escala, 1)); }
.parceiro { margin-top: calc(3px * var(--escala, 1)); }
.parceiro-toggle { gap: calc(5px * var(--escala, 1)); font-size: .78rem; margin: 0; }
.parceiro-toggle input { margin: 0; }
.par-info { margin-top: calc(4px * var(--escala, 1)); font-size: .84rem; padding: calc(5px * var(--escala, 1)) calc(8px * var(--escala, 1)) !important; max-width: calc(360px * var(--escala, 1)); }
.selo-parceiro { font-size: .72rem; border-radius: calc(10px * var(--escala, 1)); padding: calc(1px * var(--escala, 1)) calc(7px * var(--escala, 1)); margin-left: calc(4px * var(--escala, 1)); }
.rotulo-grupo { font-size: .8rem; margin-bottom: calc(3px * var(--escala, 1)); }
.rodape { font-size: calc(12px * var(--escala, 1)); padding: calc(18px * var(--escala, 1)) calc(16px * var(--escala, 1)) calc(26px * var(--escala, 1)); margin-top: calc(24px * var(--escala, 1)); }
.andamento h2 { margin-top: 0; }
.etapas { margin: calc(8px * var(--escala, 1)) 0 0; padding: 0; grid-template-columns: repeat(auto-fit, minmax(calc(120px * var(--escala, 1)), 1fr)); gap: calc(8px * var(--escala, 1)); }
.etapas li { gap: calc(4px * var(--escala, 1)); font-size: .82rem; }
.etapas .bola { width: calc(28px * var(--escala, 1)); height: calc(28px * var(--escala, 1)); border-radius: 50%; }
.etapas .quando { font-size: .72rem; }
.proximo { gap: calc(8px * var(--escala, 1)); }
.preench-compacto { padding: calc(10px * var(--escala, 1)) calc(16px * var(--escala, 1)); }
.preench-compacto summary { gap: calc(12px * var(--escala, 1)); }
.preench-compacto summary .barra-prog { flex: 1; min-width: calc(120px * var(--escala, 1)); max-width: calc(320px * var(--escala, 1)); margin: 0; }
.preench-compacto .pendencias { margin: calc(10px * var(--escala, 1)) 0 calc(6px * var(--escala, 1)); padding-left: calc(18px * var(--escala, 1)); }
tr.l-verde td:first-child, tr.l-amarelo td:first-child, tr.l-vermelho td:first-child { padding-left: calc(12px * var(--escala, 1)); }
.sem-acordo { gap: calc(10px * var(--escala, 1)); margin-top: calc(14px * var(--escala, 1)); padding-top: calc(12px * var(--escala, 1)); }
.desfechos { gap: calc(8px * var(--escala, 1)); width: 100%; }
.topo .quem { font-size: .85rem; }
.topo .quem-badge { gap: calc(6px * var(--escala, 1)); max-width: calc(200px * var(--escala, 1)); padding: calc(4px * var(--escala, 1)) calc(11px * var(--escala, 1)) calc(4px * var(--escala, 1)) calc(9px * var(--escala, 1)); border-radius: calc(999px * var(--escala, 1)); font-size: .8rem; }
.topo .quem-badge svg { flex: none; }
.topo nav a.sair-icone { width: calc(34px * var(--escala, 1)); height: calc(34px * var(--escala, 1)); padding: 0; border-radius: 50%; }
.modulos { grid-template-columns: repeat(auto-fit, minmax(calc(260px * var(--escala, 1)), 1fr)); gap: calc(14px * var(--escala, 1)); }
.modulo { border-radius: var(--raio); padding: calc(18px * var(--escala, 1)) calc(20px * var(--escala, 1)); }
.modulo b { font-size: 1.1rem; margin-bottom: calc(4px * var(--escala, 1)); }
.filtros { gap: calc(10px * var(--escala, 1)); margin-bottom: calc(14px * var(--escala, 1)); }
.filtros > div { min-width: calc(160px * var(--escala, 1)); }
.contatos3 { grid-template-columns: repeat(3, 1fr); gap: calc(12px * var(--escala, 1)); }
@media (max-width: 900px) { .contatos3 { grid-template-columns: 1fr; } }
.contato { border-radius: var(--raio); padding: calc(14px * var(--escala, 1)) calc(16px * var(--escala, 1)); }
.contato h3 { margin-bottom: calc(6px * var(--escala, 1)); }
.contato .linha { font-size: .9rem; margin: calc(2px * var(--escala, 1)) 0; }
.contato .acoes { margin-top: calc(10px * var(--escala, 1)); }
.texto-pronto { border-radius: calc(8px * var(--escala, 1)); padding: calc(10px * var(--escala, 1)) calc(12px * var(--escala, 1)); font-size: .88rem; }
.linha-tempo { margin: 0; padding: 0; }
.linha-tempo li { padding: calc(4px * var(--escala, 1)) 0 calc(10px * var(--escala, 1)) calc(12px * var(--escala, 1)); font-size: .9rem; }
.linha-tempo li .q { font-size: .8rem; }
.grupo-clinica { margin-bottom: calc(14px * var(--escala, 1)); }
.grupo-clinica summary { gap: calc(12px * var(--escala, 1)); padding: calc(12px * var(--escala, 1)) calc(16px * var(--escala, 1)); border-radius: var(--raio); }
.grupo-clinica[open] summary { border-radius: var(--raio) var(--raio) 0 0; }
.grupo-clinica .corpo { border-radius: 0 0 var(--raio) var(--raio); padding: calc(6px * var(--escala, 1)) calc(10px * var(--escala, 1)) calc(10px * var(--escala, 1)); }
.grupo-clinica summary .dir { margin-left: auto; gap: calc(8px * var(--escala, 1)); }
.vazio { padding: calc(30px * var(--escala, 1)); }
.estado { gap: calc(6px * var(--escala, 1)); padding: calc(26px * var(--escala, 1)) calc(18px * var(--escala, 1)); }
.estado > b, .estado > strong { font-size: 1rem; }
.estado > p { margin: 0; max-width: 60ch; }
.estado > .acoes { margin-top: calc(4px * var(--escala, 1)); }
.estado.carregando::before { width: calc(18px * var(--escala, 1)); height: calc(18px * var(--escala, 1)); border-radius: 50%; }
.nb-carregando-pagina { top: calc(72px * var(--escala, 1)); left: 0; right: 0; padding: 0 calc(16px * var(--escala, 1)); }
.nb-carregando-pagina > .estado { width: min(calc(420px * var(--escala, 1)), 100%); border-radius: var(--raio); }
.btn.ui-carregando:not(.ui-gira-icone) { padding-left: calc(6px * var(--escala, 1)); padding-right: calc(6px * var(--escala, 1)); }
.btn.peq.ui-carregando:not(.ui-gira-icone) { padding-left: calc(3px * var(--escala, 1)); padding-right: calc(3px * var(--escala, 1)); }
.ui-gira { flex: none; width: .9em; height: .9em; margin-right: calc(6px * var(--escala, 1)); border-radius: 50%; }
.btn > .ui-gira { margin-right: 0; }
.btn.peq > .ui-gira { width: .8em; height: .8em; }
.robo { left: 0; right: 0; bottom: 0; font-size: .85rem; }
.robo-topo { gap: calc(12px * var(--escala, 1)); padding: calc(9px * var(--escala, 1)) calc(20px * var(--escala, 1)); max-width: calc(1180px * var(--escala, 1)); margin: 0 auto; }
.robo-luz { width: calc(9px * var(--escala, 1)); height: calc(9px * var(--escala, 1)); border-radius: 50%; flex: none; }
.robo-ultimo { flex: 1; }
@media (max-width: 700px) { .robo-topo { padding: calc(9px * var(--escala, 1)) calc(12px * var(--escala, 1)); gap: calc(8px * var(--escala, 1)); } }
@media (max-width: 700px) { .robo-topo > * { min-width: 0; } }
@media (max-width: 700px) { .robo-seta, .robo-luz, .robo-topo > b { flex: none; } }
.robo-lista { max-width: calc(1180px * var(--escala, 1)); margin: 0 auto; padding: calc(4px * var(--escala, 1)) calc(20px * var(--escala, 1)) calc(14px * var(--escala, 1)); max-height: 40vh; }
.robo-linha { gap: calc(10px * var(--escala, 1)); padding: calc(5px * var(--escala, 1)) 0; }
.robo-linha .ref { margin-left: auto; }
body:has(.robo) .pagina { padding-bottom: calc(96px * var(--escala, 1)); }
.pagina.larga { max-width: calc(1560px * var(--escala, 1)); }
.ba-topo { gap: calc(10px * var(--escala, 1)); margin-bottom: calc(12px * var(--escala, 1)); }
.ba-busca { flex: 1; min-width: calc(240px * var(--escala, 1)); max-width: calc(360px * var(--escala, 1)); }
.ba-contadores { gap: calc(8px * var(--escala, 1)); margin-left: auto; }
.ba-c { border-radius: calc(10px * var(--escala, 1)); padding: calc(6px * var(--escala, 1)) calc(12px * var(--escala, 1)); min-width: calc(92px * var(--escala, 1)); }
.ba-c b { font-size: 1.25rem; line-height: 1.1; }
.ba-c span { font-size: .68rem; letter-spacing: .03em; }
.ba-corpo { gap: calc(16px * var(--escala, 1)); }
@media (max-width: 760px) { .ba-painel { margin-top: calc(16px * var(--escala, 1)); max-width: none; } }
.ba-lista { flex: 1; min-width: 0; }
.ba-abas { gap: calc(4px * var(--escala, 1)); margin-bottom: calc(12px * var(--escala, 1)); }
.ba-abas a { padding: calc(8px * var(--escala, 1)) calc(14px * var(--escala, 1)); margin-bottom: -2px; }
.ba-tabela { border-radius: var(--raio); }
.bola { width: calc(10px * var(--escala, 1)); height: calc(10px * var(--escala, 1)); border-radius: 50%; }
.ba-grupo { border-radius: var(--raio); margin-bottom: calc(10px * var(--escala, 1)); }
.ba-grupo-topo { gap: calc(12px * var(--escala, 1)); padding: calc(12px * var(--escala, 1)) calc(16px * var(--escala, 1)); }
.ba-grupo-acao { margin-left: auto; }
.ba-grupo-guias { gap: calc(6px * var(--escala, 1)); padding: 0 calc(16px * var(--escala, 1)) calc(12px * var(--escala, 1)); }
.ba-mini { font-size: .82rem; border-radius: calc(20px * var(--escala, 1)); padding: calc(3px * var(--escala, 1)) calc(10px * var(--escala, 1)); }
.ba-painel { width: calc(400px * var(--escala, 1)); flex: none; border-radius: var(--raio); padding: calc(16px * var(--escala, 1)) calc(18px * var(--escala, 1)); top: calc(12px * var(--escala, 1)); max-height: calc(100vh - calc(120px * var(--escala, 1))); }
.ba-painel-topo { gap: calc(8px * var(--escala, 1)); }
.ba-painel-topo h2 { margin: 0; font-size: 1.1rem; }
.ba-painel-topo .ref { width: 100%; }
.ba-frase { border-radius: 0 calc(8px * var(--escala, 1)) calc(8px * var(--escala, 1)) 0; padding: calc(10px * var(--escala, 1)) calc(12px * var(--escala, 1)); margin: calc(12px * var(--escala, 1)) 0; font-size: .9rem; }
.ba-contatos { grid-template-columns: 1fr 1fr; gap: calc(8px * var(--escala, 1)); }
.ba-contato { border-radius: calc(8px * var(--escala, 1)); padding: calc(9px * var(--escala, 1)) calc(11px * var(--escala, 1)); font-size: .86rem; }
.ba-contato h4 { margin: 0 0 calc(4px * var(--escala, 1)); font-size: .7rem; letter-spacing: .03em; }
.ba-contato .acoes { margin-top: calc(7px * var(--escala, 1)); gap: calc(5px * var(--escala, 1)); }
.ba-bloco { border-radius: calc(8px * var(--escala, 1)); padding: calc(11px * var(--escala, 1)) calc(13px * var(--escala, 1)); margin-top: calc(10px * var(--escala, 1)); }
.ba-bloco h4 { margin: 0 0 calc(7px * var(--escala, 1)); font-size: .7rem; letter-spacing: .03em; }
.ba-vazio { padding: calc(40px * var(--escala, 1)) calc(10px * var(--escala, 1)); }
@media (max-width: 1200px) { .ba-painel { width: 100%; max-height: none; } }
.ba-tabela td, .ba-tabela th { padding: calc(7px * var(--escala, 1)) calc(8px * var(--escala, 1)); }
.ba-tabela td:nth-child(3) { max-width: calc(210px * var(--escala, 1)); }
.ba-tabela td:nth-child(5) { max-width: calc(120px * var(--escala, 1)); font-size: .78rem; }
.ba-tabela .ref { font-size: .76rem; }
.topo nav { gap: calc(6px * var(--escala, 1)); }
.topo nav a { padding: calc(6px * var(--escala, 1)) calc(11px * var(--escala, 1)); border-radius: calc(8px * var(--escala, 1)); gap: calc(6px * var(--escala, 1)); }
.topo nav a i { font-size: .75rem; border-radius: calc(20px * var(--escala, 1)); padding: calc(1px * var(--escala, 1)) calc(7px * var(--escala, 1)); }
.nav-sep { width: calc(1px * var(--escala, 1)); height: calc(22px * var(--escala, 1)); margin: 0 calc(6px * var(--escala, 1)); }
.topo nav { row-gap: calc(4px * var(--escala, 1)); }
@media (max-width: 1400px) { .topo nav a { padding: calc(5px * var(--escala, 1)) calc(8px * var(--escala, 1)); font-size: .92rem; } }
.ba-ligacoes td:last-child { width: calc(210px * var(--escala, 1)); }
.tabela-respostas { width: 100%; }
.tabela-respostas td.emails { font-size: .8rem; line-height: 1.35; }
.tabela-respostas th:nth-child(1), .tabela-respostas td:nth-child(1) { width: 27%; }
.tabela-respostas th:nth-child(2), .tabela-respostas td:nth-child(2) { width: 40%; }
.tabela-respostas th:nth-child(3), .tabela-respostas td:nth-child(3) { width: 11%; }
.tabela-respostas th:nth-child(4), .tabela-respostas td:nth-child(4) { width: 13%; }
.tabela-respostas th:nth-child(5), .tabela-respostas td:nth-child(5) { width: 9%; }
.paginas { gap: calc(12px * var(--escala, 1)); padding: calc(12px * var(--escala, 1)) 0 calc(2px * var(--escala, 1)); }
.lista-filtros .lista-busca { flex: 1 1 calc(260px * var(--escala, 1)); max-width: calc(460px * var(--escala, 1)); }
.lista-filtros .lista-busca input { width: 100%; }
.lista-paginas { gap: calc(8px * var(--escala, 1)) calc(16px * var(--escala, 1)); padding: calc(12px * var(--escala, 1)) 0 calc(2px * var(--escala, 1)); }
.lista-conta { margin: 0; }
.lista-paginas .lista-nums { padding: 0; gap: calc(4px * var(--escala, 1)); }
.lista-nums a:not(.btn) { min-width: calc(30px * var(--escala, 1)); padding: calc(4px * var(--escala, 1)) calc(8px * var(--escala, 1)); border-radius: calc(6px * var(--escala, 1)); }
.lista-por { gap: calc(8px * var(--escala, 1)); margin: 0; }
.lista-por label { margin: 0; }
.lista-por select { width: auto; min-height: var(--ctl-h-peq, calc(30px * var(--escala, 1))); }
@media (max-width: 640px) { .lista-filtros .lista-busca { max-width: none; flex-basis: 100%; } }
@media (max-width: 640px) { .lista-filtros .lista-busca input { font-size: calc(16px * var(--escala, 1)); } }
.tabela-ligacoes, .tabela-enviados { width: 100%; }
.tabela-ligacoes th:nth-child(1), .tabela-ligacoes td:nth-child(1) { width: 13%; }
.tabela-ligacoes th:nth-child(2), .tabela-ligacoes td:nth-child(2) { width: 24%; }
.tabela-ligacoes th:nth-child(3), .tabela-ligacoes td:nth-child(3) { width: 17%; }
.tabela-ligacoes th:nth-child(4), .tabela-ligacoes td:nth-child(4) { width: 9%; }
.tabela-ligacoes th:nth-child(5), .tabela-ligacoes td:nth-child(5) { width: 12%; }
.tabela-ligacoes th:nth-child(6), .tabela-ligacoes td:nth-child(6) { width: 25%; }
.tabela-enviados th:nth-child(1), .tabela-enviados td:nth-child(1) { width: 9%; }
.tabela-enviados th:nth-child(2), .tabela-enviados td:nth-child(2) { width: 12%; }
.tabela-enviados th:nth-child(3), .tabela-enviados td:nth-child(3) { width: 17%; }
.tabela-enviados th:nth-child(4), .tabela-enviados td:nth-child(4) { width: 12%; }
.tabela-enviados th:nth-child(5), .tabela-enviados td:nth-child(5) { width: 8%; }
.tabela-enviados th:nth-child(6), .tabela-enviados td:nth-child(6) { width: 15%; }
.tabela-enviados th:nth-child(7), .tabela-enviados td:nth-child(7) { width: 9%; }
.tabela-enviados th:nth-child(8), .tabela-enviados td:nth-child(8) { width: 18%; }
audio { width: 100%; max-width: 100%; height: calc(32px * var(--escala, 1)); }
.baixar { margin-top: calc(4px * var(--escala, 1)); font-size: .78rem; }
.quem-ligou summary { gap: calc(12px * var(--escala, 1)); }
.quem-ligou summary .abrir { margin-left: auto; }
.kpis-mini { gap: calc(16px * var(--escala, 1)); margin: 0 0 calc(14px * var(--escala, 1)); padding: calc(8px * var(--escala, 1)) calc(12px * var(--escala, 1)); border-radius: var(--raio); font-size: .84rem; }
.kpis-mini b { font-size: 1.05rem; }
@media (max-width: 900px) { .kpis-mini { margin-top: calc(4px * var(--escala, 1)); } }
.menu-topo { gap: calc(6px * var(--escala, 1)); padding: calc(6px * var(--escala, 1)) calc(11px * var(--escala, 1)); border-radius: calc(8px * var(--escala, 1)); }
.menu-itens { top: 100%; left: 0; min-width: calc(180px * var(--escala, 1)); border-radius: calc(10px * var(--escala, 1)); padding: calc(6px * var(--escala, 1)); }
.menu-itens a { padding: calc(7px * var(--escala, 1)) calc(10px * var(--escala, 1)); border-radius: calc(7px * var(--escala, 1)); }
@media screen { :root[data-tema="escuro"] { --verde-fundo: #0f1613; --branco: #17211c; --verde-claro: #183a29; --linha: #2c3a33; --tinta: #e3ebe6; --suave: #a3b4aa; --verde-esc: #7fe0aa; --amarelo: #e3a948; --amarelo-f: #3b2f15; --vermelho: #ff8577; --vermelho-f: #42201c; --azul: #8cbfff; --azul-f: #172a40; --e-cartao: #17211c; --e-cartao-2: #1a2520; --e-campo: #111a15; --e-sutil: #233029; --e-sutil-2: #34443b; --e-veu: rgba(23, 33, 28, .94); --e-tinta: #e3ebe6; --e-suave: #a3b4aa; --e-apagado: #869890; --e-linha: #2c3a33; --e-linha-forte: #435549; --e-verde-f: #183a29; --e-verde-b: #2e6248; --e-verde-t: #7fe0aa; --e-amarelo-f: #3b2f15; --e-amarelo-b: #6b5524; --e-amarelo-t: #f2c66d; --e-vermelho-f: #42201c; --e-vermelho-b: #7a3830; --e-vermelho-t: #ff9a8e; --e-azul-f: #172a40; --e-azul-b: #2f5680; --e-azul-t: #93c5ff; --e-roxo-f: #2b2242; --e-roxo-b: #57478a; --e-roxo-t: #cdb6f5; --e-verde-esc-forte: #04522d; --e-vermelho-forte: #b0362a; --e-amarelo-forte: #94600f; --e-azul-forte: #1f5f99; --e-tinta-forte: #2c3c34; } }
@media screen { :root[data-tema="escuro"] body.tema-cedusp { --verde: #4a8dd6; --verde-esc: #a9c9f2; --verde-claro: #1a2c44; --verde-fundo: #0f141b; --e-verde-esc-forte: #16355c; } }
@media screen { :root[data-tema="escuro"] body.tema-prezecor { --verde: #6a80e2; --verde-esc: #b5c1f5; --verde-claro: #1f2550; --verde-fundo: #10121c; --e-verde-esc-forte: #1d2b68; } }
@media screen { :root[data-tema="escuro"] body.tema-laborpro { --verde: #3a92bd; --verde-esc: #9fd3ec; --verde-claro: #16303e; --verde-fundo: #0e1519; --e-verde-esc-forte: #0d3346; } }
@media screen { :root[data-tema="escuro"] body.entrada { --fundo: color-mix(in srgb, var(--fundo-marca, var(--marca, #0b5c3f)) 52%, #000); } }

/* — marcas.css */
.marca { gap: calc(8px * var(--escala, 1)); }
.marca-nome { font-size: calc(18px * var(--escala, 1)); letter-spacing: calc(.2px * var(--escala, 1)); }
.troca-empresa { margin-right: calc(12px * var(--escala, 1)); }
.troca-empresa select { font: inherit; padding: calc(4px * var(--escala, 1)) calc(8px * var(--escala, 1)); border-radius: calc(6px * var(--escala, 1)); }
.area { margin-top: calc(26px * var(--escala, 1)); }
.area-tit { font-size: calc(15px * var(--escala, 1)); letter-spacing: calc(.6px * var(--escala, 1)); margin: 0 0 calc(10px * var(--escala, 1)); }
body.tema-pro { --marca: #0b5c3f; }
body.tema-cedusp { --marca: #1F497D; --fundo-marca: #1d63bb; --verde: #2a6bb0; --verde-esc: #16355c; --verde-claro: #e7eff8; --verde-fundo: #f4f7fb; }
body.tema-prezecor { --marca: #2B3F95; --fundo-marca: #3450d6; --verde: #3b55c4; --verde-esc: #1d2b68; --verde-claro: #eaedfa; --verde-fundo: #f5f6fc; }
body.tema-laborpro { --marca: #12435c; --verde: #1d6e94; --verde-esc: #0d3346; --verde-claro: #e7f1f6; --verde-fundo: #f4f9fb; }
.esteira { margin: calc(18px * var(--escala, 1)) 0 0; padding: 0; gap: calc(14px * var(--escala, 1)); }
.posto { border-radius: calc(10px * var(--escala, 1)); padding: calc(14px * var(--escala, 1)) calc(16px * var(--escala, 1)); }
.posto-topo { gap: calc(10px * var(--escala, 1)); }
.posto-topo h2 { margin: 0; font-size: calc(17px * var(--escala, 1)); }
.passo { width: calc(26px * var(--escala, 1)); height: calc(26px * var(--escala, 1)); border-radius: 50%; font-size: calc(13px * var(--escala, 1)); }
.posto-resumo { margin: calc(6px * var(--escala, 1)) 0 calc(8px * var(--escala, 1)); }
.fluxo { grid-template-columns: max-content 1fr; gap: calc(2px * var(--escala, 1)) calc(10px * var(--escala, 1)); margin: 0 0 calc(10px * var(--escala, 1)); font-size: calc(14px * var(--escala, 1)); }
.fluxo dd { margin: 0; }
.posto-outros { font-size: calc(13px * var(--escala, 1)); margin: calc(8px * var(--escala, 1)) 0 0; }
.esteira .posto + .posto::before { top: -13px; left: calc(18px * var(--escala, 1)); }
@media (min-width: 900px) { .esteira { grid-template-columns: repeat(3, 1fr); } }
.modulo .luz { font-size: calc(11px * var(--escala, 1)); letter-spacing: .04em; border-radius: calc(20px * var(--escala, 1)); padding: calc(1px * var(--escala, 1)) calc(8px * var(--escala, 1)); margin-left: calc(8px * var(--escala, 1)); }
body.entrada { --fundo: var(--fundo-marca, var(--marca, #0b5c3f)); }
body.entrada .pagina { max-width: none; margin: 0; padding: calc(30px * var(--escala, 1)) max(calc(20px * var(--escala, 1)), calc((100vw - calc(1180px * var(--escala, 1))) / 2)) calc(70px * var(--escala, 1)); min-height: calc(100vh - calc(70px * var(--escala, 1))); }
body.entrada .pagina::before { right: calc(34px * var(--escala, 1)); top: calc(26px * var(--escala, 1)); width: calc(330px * var(--escala, 1)); height: calc(140px * var(--escala, 1)); }
body.entrada .pagina::after { right: calc(26px * var(--escala, 1)); top: calc(8px * var(--escala, 1)); font-size: calc(92px * var(--escala, 1)); letter-spacing: -.03em; line-height: 1; }
body.entrada h1 { margin-bottom: calc(6px * var(--escala, 1)); }
body.entrada .ajuda { font-size: .95rem; max-width: 70ch; }
.partes { margin: 0 0 calc(10px * var(--escala, 1)); padding: 0; gap: calc(4px * var(--escala, 1)); font-size: calc(13.5px * var(--escala, 1)); }
.partes li { padding-left: calc(14px * var(--escala, 1)); }
.partes li::before { left: calc(4px * var(--escala, 1)); }

/* — modulo.css */
body.com-barra .topo::after { right: calc(260px * var(--escala, 1)); top: 50%; width: calc(230px * var(--escala, 1)); height: calc(96px * var(--escala, 1)); }
body.com-barra .topo .in > a.marca { flex: 0 0 auto; gap: calc(4px * var(--escala, 1)); line-height: 1; }
body.com-barra .topo img { height: calc(30px * var(--escala, 1)); width: calc(72px * var(--escala, 1)); }
body.com-barra .marca-mod { font-size: .7rem; letter-spacing: .08em; }

/* — assistente.css */
:root { --pm-fundo: var(--verde-fundo, #f4faf6); --pm-cartao: var(--branco, #fff); --pm-tinta: var(--tinta, #1d2b24); --pm-suave: var(--suave, #5b6b62); --pm-linha: var(--linha, #d8e3dc); --pm-forte: var(--verde, #00a859); --pm-forte-esc: var(--verde-esc, #04522d); --pm-claro: var(--verde-claro, #e8f5ee); --pm-codigo: #f6f8fa; --pm-sombra: 0 calc(1px * var(--escala, 1)) calc(2px * var(--escala, 1)) rgba(16, 32, 24, .06), 0 calc(4px * var(--escala, 1)) calc(14px * var(--escala, 1)) rgba(16, 32, 24, .06); --pm-largura: calc(440px * var(--escala, 1)); }
:root[data-tema="escuro"] { --pm-fundo: #111915; --pm-cartao: #18231e; --pm-tinta: #e4ece7; --pm-suave: #9db0a5; --pm-linha: #2c3b33; --pm-claro: #1f3329; --pm-forte-esc: #8fe0b5; --pm-codigo: #0d1117; --pm-sombra: 0 calc(1px * var(--escala, 1)) calc(2px * var(--escala, 1)) rgba(0, 0, 0, .3), 0 calc(4px * var(--escala, 1)) calc(14px * var(--escala, 1)) rgba(0, 0, 0, .25); }
.pm-casca-raiz { font-size: calc(14px * var(--escala, 1)); }
.pm-aba { right: 0; top: 50%; gap: calc(6px * var(--escala, 1)); padding: calc(8px * var(--escala, 1)) calc(5px * var(--escala, 1)) calc(11px * var(--escala, 1)) calc(6px * var(--escala, 1)); border-radius: calc(14px * var(--escala, 1)) 0 0 calc(14px * var(--escala, 1)); font: 600 .86rem/1 "Segoe UI", Roboto, system-ui, -apple-system, sans-serif; letter-spacing: .04em; }
.pm-aba img { width: calc(28px * var(--escala, 1)); height: calc(28px * var(--escala, 1)); border-radius: 50%; }
.pm-aba:hover { padding-right: calc(12px * var(--escala, 1)); }
@media (max-width: 700px) { .pm-aba { top: auto; bottom: calc(88px * var(--escala, 1)); padding: calc(8px * var(--escala, 1)) calc(5px * var(--escala, 1)) calc(10px * var(--escala, 1)) calc(6px * var(--escala, 1)); } }
@media (max-width: 700px) { .pm-aba img { width: calc(34px * var(--escala, 1)); height: calc(34px * var(--escala, 1)); } }
body.pm-casca { margin: 0; height: 100vh; height: 100dvh; }
.pm-layout { height: 100vh; height: 100dvh; }
.pm-site { flex: 1 1 auto; min-width: 0; }
.pm-quadro { width: 100%; height: 100%; }
.pm-veu { inset: 0; }
.pm-divisor { flex: none; width: calc(7px * var(--escala, 1)); }
.pm-divisor::after { left: calc(2px * var(--escala, 1)); top: 50%; width: calc(3px * var(--escala, 1)); height: calc(36px * var(--escala, 1)); margin-top: -18px; border-radius: calc(3px * var(--escala, 1)); }
.pm-painel { flex: none; width: var(--pm-largura); min-width: calc(300px * var(--escala, 1)); max-width: 72vw; min-height: 0; }
.pm-oculto { width: calc(1px * var(--escala, 1)); height: calc(1px * var(--escala, 1)); }
.pm-cab { flex: none; gap: calc(8px * var(--escala, 1)); padding: calc(10px * var(--escala, 1)) calc(10px * var(--escala, 1)) calc(10px * var(--escala, 1)) calc(14px * var(--escala, 1)); }
.pm-avatar { width: calc(38px * var(--escala, 1)); height: calc(38px * var(--escala, 1)); border-radius: 50%; flex: none; }
.pm-quem { line-height: 1.2; flex: 1 1 auto; min-width: 0; margin-left: calc(4px * var(--escala, 1)); }
.pm-quem strong { font-size: 1rem; }
.pm-quem span { font-size: .78rem; }
.pm-quem span.ocupada::before { width: calc(7px * var(--escala, 1)); height: calc(7px * var(--escala, 1)); border-radius: 50%; margin-right: calc(6px * var(--escala, 1)); }
.pm-ico { flex: none; width: calc(34px * var(--escala, 1)); height: calc(34px * var(--escala, 1)); border-radius: calc(9px * var(--escala, 1)); padding: 0; }
.pm-ico svg { width: calc(19px * var(--escala, 1)); height: calc(19px * var(--escala, 1)); }
.pm-conversas { flex: none; max-height: 40vh; padding: calc(8px * var(--escala, 1)) calc(8px * var(--escala, 1)) calc(10px * var(--escala, 1)); }
.pm-conversas-tit { font-size: .72rem; letter-spacing: .06em; padding: calc(4px * var(--escala, 1)) calc(8px * var(--escala, 1)) calc(6px * var(--escala, 1)); }
.pm-conversas ul { margin: 0; padding: 0; gap: calc(2px * var(--escala, 1)); }
.pm-conversas button { width: 100%; font: inherit; padding: calc(7px * var(--escala, 1)) calc(10px * var(--escala, 1)); border-radius: calc(8px * var(--escala, 1)); gap: calc(10px * var(--escala, 1)); }
.pm-conversas .t { flex: 1 1 auto; min-width: 0; font-size: .9rem; }
.pm-conversas .q { flex: none; font-size: .75rem; }
.pm-vazio { font-size: .86rem; padding: calc(6px * var(--escala, 1)) calc(10px * var(--escala, 1)); }
.pm-mensagens { flex: 1 1 auto; min-height: 0; padding: calc(18px * var(--escala, 1)) calc(14px * var(--escala, 1)) calc(10px * var(--escala, 1)); gap: calc(14px * var(--escala, 1)); }
.pm-msg { gap: calc(9px * var(--escala, 1)); max-width: 100%; }
.pm-msg .pm-foto { width: calc(32px * var(--escala, 1)); height: calc(32px * var(--escala, 1)); border-radius: 50%; flex: none; margin-top: calc(2px * var(--escala, 1)); }
.pm-balao { min-width: 0; max-width: 100%; font-size: .93rem; line-height: 1.55; }
.pm-msg.pessoa .pm-balao { padding: calc(9px * var(--escala, 1)) calc(14px * var(--escala, 1)); border-radius: calc(16px * var(--escala, 1)) calc(16px * var(--escala, 1)) calc(4px * var(--escala, 1)) calc(16px * var(--escala, 1)); max-width: 86%; }
.pm-msg.pamella .pm-balao { padding: calc(10px * var(--escala, 1)) calc(14px * var(--escala, 1)); border-radius: calc(4px * var(--escala, 1)) calc(16px * var(--escala, 1)) calc(16px * var(--escala, 1)) calc(16px * var(--escala, 1)); flex: 1 1 auto; }
.pm-coluna { gap: calc(6px * var(--escala, 1)); flex: 1 1 auto; min-width: 0; }
.pm-digitando { gap: calc(4px * var(--escala, 1)); padding: calc(12px * var(--escala, 1)) calc(14px * var(--escala, 1)); border-radius: calc(4px * var(--escala, 1)) calc(16px * var(--escala, 1)) calc(16px * var(--escala, 1)) calc(16px * var(--escala, 1)); width: max-content; }
.pm-digitando i { width: calc(7px * var(--escala, 1)); height: calc(7px * var(--escala, 1)); border-radius: 50%; }
.pm-linha { gap: calc(7px * var(--escala, 1)); font-size: .8rem; padding: 0 calc(4px * var(--escala, 1)); }
.pm-linha .pm-sinal { width: calc(14px * var(--escala, 1)); height: calc(14px * var(--escala, 1)); flex: none; }
.pm-linha.inicio .pm-sinal::before { width: calc(10px * var(--escala, 1)); height: calc(10px * var(--escala, 1)); border-radius: 50%; }
.pm-mensagens > .pm-linha { padding-left: calc(45px * var(--escala, 1)); }
.pm-md > :first-child { margin-top: 0; }
.pm-md > :last-child { margin-bottom: 0; }
.pm-md p, .pm-md ul, .pm-md ol, .pm-md blockquote, .pm-md pre, .pm-md .pm-tabela, .pm-md .pm-mermaid { margin: 0 0 .7em; }
.pm-md h1, .pm-md h2, .pm-md h3, .pm-md h4 { margin: 1em 0 .45em; line-height: 1.3; }
.pm-md h1 { font-size: 1.15rem; }
.pm-md h2 { font-size: 1.06rem; }
.pm-md h3, .pm-md h4 { font-size: .96rem; }
.pm-md ul, .pm-md ol { padding-left: 1.3em; }
.pm-md li + li { margin-top: .2em; }
.pm-md li > p { margin: 0; }
.pm-md hr { margin: 1em 0; }
.pm-md blockquote { padding: calc(2px * var(--escala, 1)) 0 calc(2px * var(--escala, 1)) calc(12px * var(--escala, 1)); }
.pm-md code { font: .86em/1.45 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; }
.pm-md :not(pre) > code { padding: .1em .38em; border-radius: calc(5px * var(--escala, 1)); }
.pm-md pre { border-radius: calc(10px * var(--escala, 1)); }
.pm-md pre code.hljs, .pm-md pre code { padding: calc(12px * var(--escala, 1)) calc(14px * var(--escala, 1)); }
.pm-md pre[data-lingua]::before { top: calc(6px * var(--escala, 1)); right: calc(10px * var(--escala, 1)); font-size: .68rem; letter-spacing: .06em; }
.pm-tabela { border-radius: calc(10px * var(--escala, 1)); }
.pm-md table { width: 100%; font-size: .86rem; }
.pm-md th { font-size: .78rem; letter-spacing: .02em; }
.pm-md th, .pm-md td { padding: calc(6px * var(--escala, 1)) calc(10px * var(--escala, 1)); }
.pm-mermaid { border-radius: calc(10px * var(--escala, 1)); padding: calc(12px * var(--escala, 1)); }
.pm-mermaid svg { max-width: 100%; height: auto; }
.pm-zoom { padding: 0; border-radius: calc(14px * var(--escala, 1)); width: min(calc(1200px * var(--escala, 1)), 94vw); max-height: 92vh; }
.pm-zoom-cab { padding: calc(8px * var(--escala, 1)) calc(8px * var(--escala, 1)) calc(8px * var(--escala, 1)) calc(16px * var(--escala, 1)); }
.pm-zoom-corpo { padding: calc(18px * var(--escala, 1)); max-height: calc(92vh - calc(56px * var(--escala, 1))); }
.pm-zoom-corpo svg { max-width: none !important; width: 100%; min-width: calc(600px * var(--escala, 1)); height: auto; }
.pm-mermaid.esperando { font-size: .82rem; }
.pm-mermaid.falhou { padding: 0; }
.pm-mermaid .pm-aviso { font-size: .78rem; margin: 0 0 calc(4px * var(--escala, 1)); }
.pm-confirma { border-radius: calc(10px * var(--escala, 1)); padding: calc(12px * var(--escala, 1)) calc(14px * var(--escala, 1)); font-size: .9rem; }
.pm-confirma h3 { font-size: .92rem; margin: 0 0 calc(4px * var(--escala, 1)); gap: calc(6px * var(--escala, 1)); }
.pm-confirma p { margin: 0 0 calc(8px * var(--escala, 1)); }
.pm-confirma dl { grid-template-columns: max-content 1fr; gap: calc(3px * var(--escala, 1)) calc(12px * var(--escala, 1)); margin: 0 0 calc(10px * var(--escala, 1)); font-size: .84rem; }
.pm-confirma dd { margin: 0; }
.pm-confirma .pm-destino { border-radius: calc(8px * var(--escala, 1)); padding: calc(6px * var(--escala, 1)) calc(10px * var(--escala, 1)); }
.pm-confirma .pm-bloco { border-radius: calc(8px * var(--escala, 1)); padding: calc(6px * var(--escala, 1)) calc(10px * var(--escala, 1)); margin: 0 0 calc(8px * var(--escala, 1)); max-height: 16rem; font-size: .84rem; }
.pm-confirma dd .pm-bloco { margin: 0; }
.pm-confirma .pm-itens { margin: 0 0 calc(8px * var(--escala, 1)); padding-left: 1.2em; font-size: .84rem; }
.pm-confirma dd .pm-itens { margin: 0; }
.pm-confirma .pm-acoes { gap: calc(8px * var(--escala, 1)); }
.pm-confirma .pm-exclui { margin: 0 0 calc(8px * var(--escala, 1)); font-size: .86rem; }
.pm-confirma .pm-acoes .btn { max-width: 100%; }
.pm-confirma .pm-resolucao { font-size: .82rem; margin: 0; }
.pm-credencial { flex: none; margin: 0 calc(12px * var(--escala, 1)) calc(8px * var(--escala, 1)); border-radius: calc(12px * var(--escala, 1)); padding: calc(12px * var(--escala, 1)) calc(14px * var(--escala, 1)); gap: calc(4px * var(--escala, 1)); }
.pm-credencial-cab { gap: calc(8px * var(--escala, 1)); }
.pm-credencial-cab svg { width: calc(18px * var(--escala, 1)); height: calc(18px * var(--escala, 1)); }
.pm-credencial-motivo { margin: 0 0 calc(4px * var(--escala, 1)); font-size: .84rem; }
.pm-credencial label { margin: calc(4px * var(--escala, 1)) 0 0; }
.pm-credencial-erro { margin: calc(4px * var(--escala, 1)) 0 0; font-size: .82rem; }
.pm-credencial-nota { margin: calc(4px * var(--escala, 1)) 0 calc(2px * var(--escala, 1)); font-size: .74rem; }
.pm-credencial-acoes { gap: calc(8px * var(--escala, 1)); margin-top: calc(4px * var(--escala, 1)); }
.pm-envio { flex: none; margin: 0 calc(12px * var(--escala, 1)) calc(12px * var(--escala, 1)); border-radius: calc(14px * var(--escala, 1)); padding: calc(6px * var(--escala, 1)) calc(6px * var(--escala, 1)) calc(4px * var(--escala, 1)) calc(12px * var(--escala, 1)); grid-template-columns: 1fr auto auto auto; gap: calc(6px * var(--escala, 1)); }
.pm-envio textarea { padding: calc(7px * var(--escala, 1)) 0; min-height: calc(22px * var(--escala, 1)); max-height: calc(180px * var(--escala, 1)); font: inherit; font-size: .94rem; line-height: 1.45; }
.pm-enviar { width: calc(38px * var(--escala, 1)); height: calc(38px * var(--escala, 1)); border-radius: calc(11px * var(--escala, 1)); padding: 0; }
.pm-enviar svg { width: calc(19px * var(--escala, 1)); height: calc(19px * var(--escala, 1)); }
.pm-clipe { width: calc(38px * var(--escala, 1)); height: calc(38px * var(--escala, 1)); border-radius: calc(11px * var(--escala, 1)); padding: 0; }
.pm-clipe svg { width: calc(19px * var(--escala, 1)); height: calc(19px * var(--escala, 1)); }
.pm-mic { width: calc(38px * var(--escala, 1)); height: calc(38px * var(--escala, 1)); border-radius: calc(11px * var(--escala, 1)); padding: 0; }
.pm-mic svg { width: calc(19px * var(--escala, 1)); height: calc(19px * var(--escala, 1)); }
.pm-mic[aria-pressed="true"]::before { inset: -4px; border-radius: calc(14px * var(--escala, 1)); }
.pm-dica { margin: 0; font-size: .7rem; padding-bottom: calc(2px * var(--escala, 1)); }
.pm-boas .pm-md h3 { font-size: 1.04rem; margin-top: 0; }
.pm-boas .pm-md > ul > li { margin-top: .4em; }
.pm-md details { border-radius: calc(10px * var(--escala, 1)); margin: 0 0 .5em; }
.pm-md summary { padding: calc(7px * var(--escala, 1)) calc(12px * var(--escala, 1)); font-size: .9rem; border-radius: calc(10px * var(--escala, 1)); }
.pm-md details[open] > summary { border-radius: calc(10px * var(--escala, 1)) calc(10px * var(--escala, 1)) 0 0; }
.pm-md details > :not(summary) { margin: .6em calc(12px * var(--escala, 1)); font-size: .88rem; }
.pm-md details > ul ul { margin: .15em 0 .3em; }
.pm-sugestoes { gap: calc(6px * var(--escala, 1)); }
.pm-sug-tit { font-size: .78rem; margin-right: calc(2px * var(--escala, 1)); }
.pm-sugestoes button { border-radius: calc(99px * var(--escala, 1)); padding: calc(6px * var(--escala, 1)) calc(12px * var(--escala, 1)); font: inherit; font-size: .82rem; }
@media (max-width: 760px) { .pm-painel { inset: 0; width: auto !important; max-width: none; min-width: 0; } }
@media (max-width: 760px) { .pm-cab { padding-left: calc(6px * var(--escala, 1)); } }
.pm-tipo { flex: none; width: calc(34px * var(--escala, 1)); height: calc(38px * var(--escala, 1)); border-radius: calc(6px * var(--escala, 1)) calc(11px * var(--escala, 1)) calc(6px * var(--escala, 1)) calc(6px * var(--escala, 1)); padding-bottom: calc(6px * var(--escala, 1)); font: 700 .58rem/1 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; letter-spacing: .02em; }
.pm-tipo::before { top: 0; right: 0; width: calc(10px * var(--escala, 1)); height: calc(10px * var(--escala, 1)); border-radius: 0 0 0 calc(4px * var(--escala, 1)); }
.pm-tipo-pdf { --pm-tipo: #c0392b; }
.pm-tipo-planilha { --pm-tipo: #1e7b45; }
.pm-tipo-doc { --pm-tipo: #2b5797; }
.pm-tipo-ppt { --pm-tipo: #c2561a; }
.pm-tipo-img { --pm-tipo: #7a55a8; }
.pm-tipo-zip { --pm-tipo: #6b6455; }
.pm-tipo-texto { --pm-tipo: #3f6372; }
.pm-tipo-arq { --pm-tipo: #5b6b62; }
.pm-anexos { gap: calc(6px * var(--escala, 1)); padding: calc(4px * var(--escala, 1)) 0 calc(2px * var(--escala, 1)); max-height: calc(148px * var(--escala, 1)); }
.pm-chip { gap: calc(8px * var(--escala, 1)); max-width: calc(232px * var(--escala, 1)); min-width: 0; padding: calc(4px * var(--escala, 1)) calc(4px * var(--escala, 1)) calc(4px * var(--escala, 1)) calc(4px * var(--escala, 1)); border-radius: calc(10px * var(--escala, 1)); font-size: .8rem; }
.pm-chip .pm-tipo { width: calc(30px * var(--escala, 1)); height: calc(34px * var(--escala, 1)); }
.pm-chip-mini { width: calc(34px * var(--escala, 1)); height: calc(34px * var(--escala, 1)); border-radius: calc(7px * var(--escala, 1)); flex: none; }
.pm-chip-txt { min-width: 0; line-height: 1.25; }
.pm-chip-info { font-size: .72rem; }
.pm-chip-x { flex: none; width: calc(24px * var(--escala, 1)); height: calc(24px * var(--escala, 1)); border-radius: calc(7px * var(--escala, 1)); padding: 0; margin-left: auto; }
.pm-chip-x svg { width: calc(14px * var(--escala, 1)); height: calc(14px * var(--escala, 1)); }
.pm-chip-barra { left: 0; right: 0; bottom: 0; height: calc(3px * var(--escala, 1)); }
.pm-chip-barra::after { left: 0; top: 0; bottom: 0; width: var(--p, 0%); }
.pm-soltar { inset: 0; padding: calc(18px * var(--escala, 1)); }
.pm-soltar-caixa { width: 100%; height: 100%; max-height: calc(360px * var(--escala, 1)); border-radius: calc(18px * var(--escala, 1)); gap: calc(8px * var(--escala, 1)); padding: calc(16px * var(--escala, 1)); }
.pm-soltar-caixa svg { width: calc(44px * var(--escala, 1)); height: calc(44px * var(--escala, 1)); }
.pm-soltar-caixa strong { font-size: 1.05rem; }
.pm-soltar-caixa span { font-size: .82rem; max-width: 30ch; }
.pm-enviar .pm-i-parar.ic { width: calc(16px * var(--escala, 1)); height: calc(16px * var(--escala, 1)); }
.pm-confirma h3 svg.ic { width: calc(15px * var(--escala, 1)); height: calc(15px * var(--escala, 1)); flex: none; }
.pm-resolucao svg.ic { width: calc(15px * var(--escala, 1)); height: calc(15px * var(--escala, 1)); margin-right: calc(4px * var(--escala, 1)); }
.pm-pessoa-col { gap: calc(5px * var(--escala, 1)); max-width: 86%; min-width: 0; }
.pm-msg.pessoa .pm-pessoa-col .pm-balao { max-width: 100%; }
.pm-anexos-msg { gap: calc(6px * var(--escala, 1)); }
.pm-anexo-img { border-radius: calc(12px * var(--escala, 1)); line-height: 0; }
.pm-anexo-img img { width: calc(96px * var(--escala, 1)); height: calc(96px * var(--escala, 1)); }
.pm-anexo-arq { gap: calc(8px * var(--escala, 1)); max-width: calc(240px * var(--escala, 1)); padding: calc(6px * var(--escala, 1)) calc(10px * var(--escala, 1)) calc(6px * var(--escala, 1)) calc(6px * var(--escala, 1)); border-radius: calc(12px * var(--escala, 1)); }
.pm-anexo-arq .pm-tipo { width: calc(28px * var(--escala, 1)); height: calc(32px * var(--escala, 1)); padding-bottom: calc(5px * var(--escala, 1)); }
.pm-anexo-txt { min-width: 0; line-height: 1.25; }
.pm-anexo-nome { font-size: .82rem; }
.pm-anexo-tam { font-size: .72rem; }
.pm-arquivo { border-radius: calc(12px * var(--escala, 1)); max-width: calc(420px * var(--escala, 1)); }
.pm-arquivo-previa { line-height: 0; }
.pm-arquivo-previa img { max-width: 100%; max-height: calc(260px * var(--escala, 1)); }
.pm-arquivo-linha { gap: calc(10px * var(--escala, 1)); padding: calc(10px * var(--escala, 1)) calc(10px * var(--escala, 1)) calc(10px * var(--escala, 1)) calc(12px * var(--escala, 1)); }
.pm-arquivo-info { min-width: 0; flex: 1 1 auto; line-height: 1.3; }
.pm-arquivo-nome { font-size: .88rem; }
.pm-arquivo-tam { font-size: .75rem; }
.pm-arquivo-acoes { gap: calc(6px * var(--escala, 1)); flex: none; }
.pm-arquivo-bt { gap: calc(6px * var(--escala, 1)); padding: calc(7px * var(--escala, 1)) calc(12px * var(--escala, 1)); border-radius: calc(9px * var(--escala, 1)); font-size: .82rem; }
@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) { @media screen { :root[data-acrilico="on"] { --pm-blur: calc(18px * var(--escala, 1)); --pm-sat: 160%; --pm-base: #f4faf6; --pm-fundo: rgba(248, 251, 249, .52); --pm-cartao: rgba(255, 255, 255, .64); --pm-claro: rgba(0, 135, 72, .11); --pm-codigo: rgba(246, 248, 250, .66); --pm-linha: rgba(30, 50, 40, .16); --pm-suave: #3b4a42; --pm-brilho: rgba(255, 255, 255, .45); --pm-sombra: 0 calc(1px * var(--escala, 1)) calc(2px * var(--escala, 1)) rgba(16, 24, 40, .05), 0 calc(6px * var(--escala, 1)) calc(18px * var(--escala, 1)) rgba(16, 24, 40, .08); --pm-sombra-painel: -10px 0 calc(36px * var(--escala, 1)) rgba(16, 24, 40, .12); --pm-acao: color-mix(in srgb, var(--pm-forte) 62%, #000); --pm-pessoa: color-mix(in srgb, var(--pm-acao) 84%, transparent); } } }
@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) { @media screen { :root[data-acrilico="on"][data-tema="escuro"] { --pm-base: #0f1613; --pm-fundo: rgba(14, 21, 18, .52); --pm-cartao: rgba(26, 37, 32, .62); --pm-claro: rgba(143, 224, 181, .12); --pm-codigo: rgba(8, 12, 16, .58); --pm-linha: rgba(255, 255, 255, .12); --pm-suave: #b4c5bb; --pm-brilho: rgba(255, 255, 255, .06); --pm-sombra: 0 calc(1px * var(--escala, 1)) calc(2px * var(--escala, 1)) rgba(0, 0, 0, .25), 0 calc(6px * var(--escala, 1)) calc(18px * var(--escala, 1)) rgba(0, 0, 0, .22); --pm-sombra-painel: -10px 0 calc(36px * var(--escala, 1)) rgba(0, 0, 0, .40); } } }
@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) { @media screen { :root[data-acrilico="on"] .pm-painel::before { inset: 0; } } }
body { --pm-fundo: var(--verde-fundo, #f4faf6); --pm-forte: var(--verde, #00a859); --pm-forte-esc: var(--verde-esc, #04522d); --pm-claro: var(--verde-claro, #e8f5ee); }
:root[data-tema="escuro"] body { --pm-fundo: var(--verde-fundo, #111915); --pm-claro: var(--verde-claro, #1f3329); --pm-forte-esc: var(--verde-esc, #8fe0b5); }

/* — visual.css */
:root[data-visual="novo"] body { --v-esp-1: calc(4px * var(--escala, 1)); --v-esp-2: calc(8px * var(--escala, 1)); --v-esp-3: calc(12px * var(--escala, 1)); --v-esp-4: calc(16px * var(--escala, 1)); --v-esp-5: calc(24px * var(--escala, 1)); --v-esp-6: calc(32px * var(--escala, 1)); --v-raio-ctrl: calc(8px * var(--escala, 1)); --v-raio: calc(10px * var(--escala, 1)); --v-raio-grande: calc(14px * var(--escala, 1)); --v-raio-pilula: calc(999px * var(--escala, 1)); --v-sombra-1: 0 calc(1px * var(--escala, 1)) calc(2px * var(--escala, 1)) rgba(16, 32, 24, .06), 0 calc(4px * var(--escala, 1)) calc(12px * var(--escala, 1)) rgba(16, 32, 24, .08); --v-sombra-2: 0 calc(12px * var(--escala, 1)) calc(32px * var(--escala, 1)) rgba(16, 32, 24, .20); --ctl-h: calc(36px * var(--escala, 1)); --ctl-h-peq: calc(30px * var(--escala, 1)); --v-acao: color-mix(in srgb, var(--verde) 72%, #000); --v-foco: var(--verde-esc); --v-zebra: color-mix(in srgb, var(--tinta) 8%, transparent); --v-linha-hover: color-mix(in srgb, var(--verde) 16%, transparent); --v-cab: color-mix(in srgb, var(--verde) 9%, var(--branco, #fff)); }
:root[data-visual="novo"][data-tema="escuro"] body { --v-cab: color-mix(in srgb, #fff 9%, var(--branco, #17211c)); }
:root[data-visual="novo"]:not([data-tema="escuro"]) body { --amarelo: #8a5a0f; }
:where(:root[data-visual="novo"]) h1 { letter-spacing: -.01em; margin-bottom: var(--v-esp-3); }
:where(:root[data-visual="novo"]) .card > h2:first-child { margin-bottom: var(--v-esp-3); }
:where(:root[data-visual="novo"]) .ajuda { max-width: 90ch; }
:where(:root[data-visual="novo"]) .btn { min-height: var(--ctl-h); padding-block: 0; line-height: 1.2; border-radius: var(--v-raio-ctrl); }
:where(:root[data-visual="novo"]) .btn.peq, :where(:root[data-visual="novo"]) table .btn { min-height: var(--ctl-h-peq); }
:where(:root[data-visual="novo"]) .btn svg { flex: none; width: 1em; height: 1em; }
:where(:root[data-visual="novo"]) :is(.acoes, .filtros, .ba-topo) { --linha-h: var(--ctl-h); }
:where(:root[data-visual="novo"]) :is(.acoes, .filtros):has(> .btn.peq, > * > .btn.peq) { --linha-h: var(--ctl-h-peq); }
:where(:root[data-visual="novo"]) :is(.acoes, .filtros, .ba-topo) > :is(.btn, .chip, .selo, button),
:where(:root[data-visual="novo"]) :is(.acoes, .filtros) > :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=hidden]), select),
:where(:root[data-visual="novo"]) :is(.acoes, .filtros) > div > :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=hidden]), select, .btn) { height: var(--linha-h); min-height: var(--linha-h); }
:where(:root[data-visual="novo"]) form:has(> .btn.peq) > :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=hidden]), select) { height: var(--ctl-h-peq); }
:where(:root[data-visual="novo"]) :is(.acoes, .filtros, form):has(> .btn.peq) > .btn:not(.peq) { height: var(--ctl-h-peq); min-height: var(--ctl-h-peq); padding-inline: calc(10px * var(--escala, 1)); font-size: .85rem; }
:where(:root[data-visual="novo"]) :is(.acoes, .filtros, .ba-topo) > :is(.chip, .selo) { padding-block: 0; }
:where(:root[data-visual="novo"]) .topo nav { --topo-h: calc(34px * var(--escala, 1)); }
:where(:root[data-visual="novo"]) .topo .in { padding-block: calc(8px * var(--escala, 1)); }
:where(:root[data-visual="novo"]) .topo nav:has(.em-passo-nav) { --topo-h: calc(38px * var(--escala, 1)); }
:where(:root[data-visual="novo"]) .topo nav > :is(a, .quem-badge, .ba-sino, .ba-perm, .ba-eu),
:where(:root[data-visual="novo"]) .topo nav > .menu-drop > .menu-topo,
:where(:root[data-visual="novo"]) .topo nav :is(.troca-empresa select, select, input:not([type=hidden])) { min-height: var(--topo-h); }
:where(:root[data-visual="novo"]) .topo nav :is(.troca-empresa select, select) { height: var(--topo-h); }
:where(:root[data-visual="novo"]) .topo nav > a.sair-icone { width: var(--topo-h); height: var(--topo-h); }
:where(:root[data-visual="novo"]) .grade > :is(.c2, .c3, .c4, .c5, .c6, .c8) > .card:only-child { flex: 1; }
:where(:root[data-visual="novo"]) :is(input:not([type]), input[type=text], input[type=email], input[type=password],
  input[type=date], input[type=number], input[type=search], input[type=tel], input[type=time], input[type=url],
  input[type=datetime-local], input[type=month], select:not([multiple]):not([size])) { height: var(--ctl-h); padding-block: 0; line-height: normal; border-radius: var(--v-raio-ctrl); }
:where(:root[data-visual="novo"]) table :is(input:not([type=checkbox]):not([type=radio]):not([type=range]), select) { height: var(--ctl-h-peq); }
:where(:root[data-visual="novo"]) :is(input[type=tel], input[type=time], input[type=url], input[type=month],
  input[type=week], input[type=datetime-local]) { padding-inline: calc(10px * var(--escala, 1)); font: inherit; }
:where(:root[data-visual="novo"]) textarea { border-radius: var(--v-raio-ctrl); }
:where(:root[data-visual="novo"]) .chip { min-height: var(--ctl-h-peq); }
:where(:root[data-visual="novo"]) .selo { line-height: 1.45; }
:where(:root[data-visual="novo"]) table.t th { letter-spacing: 0; }
:where(:root[data-visual="novo"]) .kpi .r { letter-spacing: 0; }
:root[data-visual="novo"] :is(.dp-ind, .ficha-item, ul.historico > li) { padding-inline: var(--v-esp-2); }
:where(:root[data-visual="novo"]) dialog { border-radius: var(--v-raio-grande); }

/* — componentes.css */
.msg-fechar { margin: -2px -4px 0 calc(12px * var(--escala, 1)); padding: 0 calc(4px * var(--escala, 1)); font: inherit; font-size: 1.15rem; line-height: 1; border-radius: calc(4px * var(--escala, 1)); }
.abas [role="tab"] { padding: calc(9px * var(--escala, 1)) calc(14px * var(--escala, 1)); margin-bottom: -2px; font: inherit; }
.abas [role="tab"].abas-sep { margin-left: calc(14px * var(--escala, 1)); }
.abas [role="tab"].abas-sep::before { left: -9px; top: calc(8px * var(--escala, 1)); bottom: calc(10px * var(--escala, 1)); }
.toast { left: 50%; bottom: calc(24px * var(--escala, 1)); max-width: min(calc(560px * var(--escala, 1)), calc(100vw - calc(32px * var(--escala, 1)))); padding: calc(10px * var(--escala, 1)) calc(16px * var(--escala, 1)); border-radius: calc(8px * var(--escala, 1)); font-size: .92rem; }
dialog.modal, dialog.ui-confirma { border-radius: calc(14px * var(--escala, 1)); padding: calc(18px * var(--escala, 1)) calc(20px * var(--escala, 1)); width: min(calc(720px * var(--escala, 1)), calc(100vw - calc(32px * var(--escala, 1)))); max-height: calc(100vh - calc(32px * var(--escala, 1))); }
dialog.modal.estreita, dialog.ui-confirma { width: min(calc(480px * var(--escala, 1)), calc(100vw - calc(32px * var(--escala, 1)))); }
dialog.modal.larga { width: min(calc(980px * var(--escala, 1)), calc(100vw - calc(32px * var(--escala, 1)))); }
dialog.modal.lateral { margin: 0 0 0 auto; height: 100dvh; max-height: 100dvh; width: min(calc(480px * var(--escala, 1)), 100vw); max-width: 100vw; border-radius: calc(14px * var(--escala, 1)) 0 0 calc(14px * var(--escala, 1)); padding-bottom: calc(14px * var(--escala, 1)); }
dialog.modal.lateral > :not(.modal-topo):not(.modal-pe):not(.msg) { flex: 1 1 auto; min-height: 0; }
dialog.modal.lateral .modal-pe { margin-top: calc(12px * var(--escala, 1)); padding-top: calc(12px * var(--escala, 1)); }
@media (max-width: 560px) { dialog.modal.lateral { width: 100vw; border-radius: 0; } }
.modal-topo { gap: calc(12px * var(--escala, 1)); margin-bottom: calc(12px * var(--escala, 1)); }
.modal-topo h2 { margin: 0; }
.modal-topo form { margin: 0; }
.modal-pe { gap: calc(10px * var(--escala, 1)); margin-top: calc(16px * var(--escala, 1)); }
.ui-confirma-texto { margin: 0 0 calc(16px * var(--escala, 1)); }
:where(:root[data-visual="novo"]) .paginas a { min-width: var(--ctl-h-peq); border-radius: var(--v-raio-ctrl); padding: calc(4px * var(--escala, 1)) calc(8px * var(--escala, 1)); }

/* — navegacao.css */
:where(:root[data-visual="novo"]) body.nav-lateral { --sb-larga: calc(248px * var(--escala, 1)); --sb-estreita: calc(64px * var(--escala, 1)); --sb-l: var(--sb-larga); --barra-h: calc(56px * var(--escala, 1)); --side-bg: color-mix(in srgb, var(--marca, #0b5c3f) 78%, #000); --side-text: color-mix(in srgb, #fff 90%, var(--side-bg)); --side-muted: color-mix(in srgb, #fff 72%, var(--side-bg)); --side-forte: #fff; --side-hover: rgba(255, 255, 255, .09); --side-active: rgba(255, 255, 255, .14); --side-border: rgba(255, 255, 255, .16); --side-destaque: color-mix(in srgb, var(--verde) 45%, #fff); --side-n: rgba(255, 255, 255, .18); --side-balao: color-mix(in srgb, var(--marca, #0b5c3f) 70%, #000); }
:where(:root[data-visual="novo"][data-sb="min"]:not([data-sb-cel])) body.nav-lateral { --sb-l: var(--sb-estreita); }
:where(:root[data-visual="novo"][data-sb-cel]) body.nav-lateral { --sb-l: calc(0px * var(--escala, 1)); }
@media screen { :where(:root[data-visual="novo"][data-tema="escuro"]) body.nav-lateral { --side-bg: color-mix(in srgb, var(--marca, #0b5c3f) 34%, #0b100e); --side-balao: color-mix(in srgb, var(--marca, #0b5c3f) 40%, #000); } }
:where(:root[data-visual="novo"]) body.nav-lateral { padding-left: var(--sb-l); padding-top: var(--barra-h); }
:where(:root[data-visual="novo"]:has(> body.nav-lateral)) { scroll-padding-top: calc(72px * var(--escala, 1)); }
:where(:root[data-visual="novo"]) body.nav-lateral :is(.ag, .robo) { left: var(--sb-l); }
:where(:root[data-visual="novo"]) body.nav-lateral .pagina { max-width: none; margin-inline: 0; padding-inline: calc(24px * var(--escala, 1)); }
:where(:root[data-visual="novo"]) body.nav-lateral .pagina.estreita { max-width: calc(1228px * var(--escala, 1)); }
:where(:root[data-visual="novo"] body.nav-lateral .pagina p) { max-width: 100ch; }
:where(:root[data-visual="novo"]) .nb-carregando { top: var(--barra-h); left: var(--sb-l); right: 0; padding: calc(48px * var(--escala, 1)) calc(24px * var(--escala, 1)); }
:where(:root[data-visual="novo"]) .nb-carregando > .estado { width: min(calc(460px * var(--escala, 1)), 100%); }
:where(:root[data-visual="novo"]) .nb-sr { width: calc(1px * var(--escala, 1)); height: calc(1px * var(--escala, 1)); }
:where(:root[data-visual="novo"]) svg.ic { flex: none; }
:where(:root[data-visual="novo"]) .sb { top: 0; bottom: 0; left: 0; width: var(--sb-l); font-size: calc(13.5px * var(--escala, 1)); }
:where(:root[data-visual="novo"]) :where(.sb ul) { margin: 0; padding: 0; }
:where(:root[data-visual="novo"]) .sb-topo { flex: none; height: var(--barra-h); gap: calc(8px * var(--escala, 1)); padding: 0 calc(10px * var(--escala, 1)) 0 calc(16px * var(--escala, 1)); }
:where(:root[data-visual="novo"]) .sb-marca { gap: calc(10px * var(--escala, 1)); min-width: 0; flex: 1; height: calc(40px * var(--escala, 1)); border-radius: calc(8px * var(--escala, 1)); }
:where(:root[data-visual="novo"]) .sb-logo { height: calc(28px * var(--escala, 1)); width: auto; max-width: calc(150px * var(--escala, 1)); }
:where(:root[data-visual="novo"]) .sb-marca-nome { font-size: calc(18px * var(--escala, 1)); }
:where(:root[data-visual="novo"]) .sb-simbolo { width: calc(32px * var(--escala, 1)); height: calc(32px * var(--escala, 1)); border-radius: calc(8px * var(--escala, 1)); font-size: calc(16px * var(--escala, 1)); }
:where(:root[data-visual="novo"]) .sb-fechar { width: calc(40px * var(--escala, 1)); height: calc(40px * var(--escala, 1)); border-radius: calc(8px * var(--escala, 1)); }
:where(:root[data-visual="novo"]) .sb-nav { flex: 1; padding: calc(8px * var(--escala, 1)); }
:where(:root[data-visual="novo"]) .sb-cat { margin-top: calc(12px * var(--escala, 1)); }
:where(:root[data-visual="novo"]) .sb-cat.sb-solta { margin-top: 0; }
:where(:root[data-visual="novo"]) .sb-grupo { gap: calc(8px * var(--escala, 1)); margin: calc(16px * var(--escala, 1)) calc(10px * var(--escala, 1)) 0; font-size: calc(11.5px * var(--escala, 1)); }
:where(:root[data-visual="novo"]) .sb-grupo::after { flex: 1; }
:where(:root[data-visual="novo"]) .sb-cat.sb-apoio { margin-top: calc(4px * var(--escala, 1)); }
:where(:root[data-visual="novo"]) .sb-cat-bt { gap: calc(6px * var(--escala, 1)); width: 100%; min-height: calc(28px * var(--escala, 1)); padding: 0 calc(10px * var(--escala, 1)); border-radius: calc(6px * var(--escala, 1)); font-size: calc(12px * var(--escala, 1)); }
:where(:root[data-visual="novo"]) :is(.sb-cat-bt, .sb-mod, .sb-gav-bt, .sb-recolher) .sb-rot { flex: 1; min-width: 0; }
:where(:root[data-visual="novo"]) .sb-mod { gap: calc(10px * var(--escala, 1)); width: 100%; min-height: calc(38px * var(--escala, 1)); padding: 0 calc(10px * var(--escala, 1)); border-radius: calc(8px * var(--escala, 1)); font-size: calc(13.5px * var(--escala, 1)); }
:where(:root[data-visual="novo"]) .sb-itens { margin: calc(2px * var(--escala, 1)) 0 calc(6px * var(--escala, 1)) calc(19px * var(--escala, 1)); padding-left: calc(8px * var(--escala, 1)); }
:where(:root[data-visual="novo"]) .sb-item { gap: calc(8px * var(--escala, 1)); min-height: calc(32px * var(--escala, 1)); padding: 0 calc(8px * var(--escala, 1)); border-radius: calc(6px * var(--escala, 1)); font-size: calc(13px * var(--escala, 1)); }
:where(:root[data-visual="novo"]) .sb-item .sb-rot { flex: 1; min-width: 0; }
:where(:root[data-visual="novo"]) .sb-item[aria-current="page"]::before { left: -10px; top: calc(6px * var(--escala, 1)); bottom: calc(6px * var(--escala, 1)); width: calc(3px * var(--escala, 1)); border-radius: calc(2px * var(--escala, 1)); }
:where(:root[data-visual="novo"]) .sb-mod[aria-current="page"]::before { left: -8px; top: calc(8px * var(--escala, 1)); bottom: calc(8px * var(--escala, 1)); width: calc(3px * var(--escala, 1)); border-radius: calc(2px * var(--escala, 1)); }
:where(:root[data-visual="novo"]) .sb-n { flex: none; min-width: calc(20px * var(--escala, 1)); height: calc(18px * var(--escala, 1)); padding: 0 calc(6px * var(--escala, 1)); border-radius: calc(999px * var(--escala, 1)); font-size: calc(11px * var(--escala, 1)); }
:where(:root[data-visual="novo"]) .sb-luz { flex: none; width: calc(7px * var(--escala, 1)); height: calc(7px * var(--escala, 1)); border-radius: 50%; }
:where(:root[data-visual="novo"]) .sb-sep { height: 0; margin: calc(5px * var(--escala, 1)) calc(8px * var(--escala, 1)) calc(5px * var(--escala, 1)) calc(4px * var(--escala, 1)); }
:where(:root[data-visual="novo"]) .sb-secao { padding: calc(4px * var(--escala, 1)) calc(8px * var(--escala, 1)) calc(2px * var(--escala, 1)); font-size: calc(11.5px * var(--escala, 1)); }
:where(:root[data-visual="novo"]) .sb-gav-bt { gap: calc(8px * var(--escala, 1)); width: 100%; min-height: calc(32px * var(--escala, 1)); padding: 0 calc(8px * var(--escala, 1)); border-radius: calc(6px * var(--escala, 1)); font-size: calc(13px * var(--escala, 1)); }
:where(:root[data-visual="novo"]) .sb-gav-lista { padding-left: calc(12px * var(--escala, 1)); }
:where(:root[data-visual="novo"]) .sb-pe { flex: none; padding: calc(8px * var(--escala, 1)); }
:where(:root[data-visual="novo"]) .sb-recolher { gap: calc(10px * var(--escala, 1)); width: 100%; min-height: calc(36px * var(--escala, 1)); padding: 0 calc(10px * var(--escala, 1)); border-radius: calc(8px * var(--escala, 1)); font-size: calc(12.5px * var(--escala, 1)); }
:where(:root[data-visual="novo"]) .sb-busca { flex: none; padding: calc(10px * var(--escala, 1)) calc(10px * var(--escala, 1)) calc(4px * var(--escala, 1)); }
:where(:root[data-visual="novo"]) .sb-busca input { width: 100%; height: var(--ctl-h, calc(36px * var(--escala, 1))); margin: 0; padding: 0 calc(30px * var(--escala, 1)) 0 calc(32px * var(--escala, 1)); border-radius: calc(8px * var(--escala, 1)); font: inherit; font-size: calc(13px * var(--escala, 1)); }
:where(:root[data-visual="novo"]) .sb-busca-ic { left: calc(20px * var(--escala, 1)); }
:where(:root[data-visual="novo"]) .sb-busca-kbd { right: calc(18px * var(--escala, 1)); min-width: calc(18px * var(--escala, 1)); height: calc(18px * var(--escala, 1)); border-radius: calc(4px * var(--escala, 1)); font: 600 calc(11px * var(--escala, 1))/1 inherit; }
:where(:root[data-visual="novo"]) .sb-busca-bt { width: calc(44px * var(--escala, 1)); height: var(--ctl-h, calc(36px * var(--escala, 1))); padding: 0; border-radius: calc(8px * var(--escala, 1)); }
:where(:root[data-visual="novo"]) .sb-res-caixa { flex: 1; min-height: 0; padding: calc(4px * var(--escala, 1)) calc(8px * var(--escala, 1)) calc(8px * var(--escala, 1)); }
:where(:root[data-visual="novo"]) .sb-r { gap: calc(1px * var(--escala, 1)); padding: calc(7px * var(--escala, 1)) calc(10px * var(--escala, 1)); border-radius: calc(8px * var(--escala, 1)); }
:where(:root[data-visual="novo"]) .sb-r-rot { font-size: calc(13.5px * var(--escala, 1)); }
:where(:root[data-visual="novo"]) .sb-r-cam { font-size: calc(12px * var(--escala, 1)); }
:where(:root[data-visual="novo"]) .sb-res-vazio { margin: calc(8px * var(--escala, 1)) calc(10px * var(--escala, 1)); font-size: calc(12.5px * var(--escala, 1)); }
:where(:root[data-visual="novo"][data-sb="min"]:not([data-sb-cel])) .sb-busca { padding: calc(8px * var(--escala, 1)) 0 0; }
:where(:root[data-visual="novo"][data-sb-cel]) .sb-busca input { height: calc(40px * var(--escala, 1)); font-size: calc(16px * var(--escala, 1)); }
:where(:root[data-visual="novo"][data-sb="min"]:not([data-sb-cel])) .sb .sb-rot { width: calc(1px * var(--escala, 1)); height: calc(1px * var(--escala, 1)); }
:where(:root[data-visual="novo"][data-sb="min"]:not([data-sb-cel])) .sb-topo { padding: 0; }
:where(:root[data-visual="novo"][data-sb="min"]:not([data-sb-cel])) .sb-marca { flex: none; width: calc(44px * var(--escala, 1)); }
:where(:root[data-visual="novo"][data-sb="min"]:not([data-sb-cel])) .sb-cat { margin-top: calc(6px * var(--escala, 1)); padding-top: calc(6px * var(--escala, 1)); }
:where(:root[data-visual="novo"][data-sb="min"]:not([data-sb-cel])) .sb-cat.sb-solta { margin-top: 0; padding-top: 0; }
:where(:root[data-visual="novo"][data-sb="min"]:not([data-sb-cel])) :is(.sb-mod, .sb-item, .sb-gav-bt, .sb-recolher) { gap: 0; padding: 0; }
:where(:root[data-visual="novo"][data-sb="min"]:not([data-sb-cel])) :is(.sb-item, .sb-gav-bt) { min-height: calc(34px * var(--escala, 1)); }
:where(:root[data-visual="novo"][data-sb="min"]:not([data-sb-cel])) .sb-itens { margin: calc(2px * var(--escala, 1)) 0 calc(6px * var(--escala, 1)) calc(6px * var(--escala, 1)); padding: 0; }
:where(:root[data-visual="novo"][data-sb="min"]:not([data-sb-cel])) .sb-itens :is(.sb-item, .sb-gav-bt) { padding-left: calc(10px * var(--escala, 1)); }
:where(:root[data-visual="novo"][data-sb="min"]:not([data-sb-cel])) .sb-gav-lista { margin: calc(2px * var(--escala, 1)) 0 calc(4px * var(--escala, 1)) calc(4px * var(--escala, 1)); padding: 0; }
:where(:root[data-visual="novo"][data-sb="min"]:not([data-sb-cel])) .sb-gav-lista .sb-item { padding-left: calc(6px * var(--escala, 1)); }
:where(:root[data-visual="novo"][data-sb="min"]:not([data-sb-cel])) .sb-sep { margin: calc(4px * var(--escala, 1)) calc(10px * var(--escala, 1)); }
:where(:root[data-visual="novo"][data-sb="min"]:not([data-sb-cel])) .sb-item[aria-current="page"]::before { left: -8px; }
:where(:root[data-visual="novo"][data-sb="min"]:not([data-sb-cel])) .sb-n { top: calc(5px * var(--escala, 1)); right: calc(9px * var(--escala, 1)); min-width: 0; width: calc(8px * var(--escala, 1)); height: calc(8px * var(--escala, 1)); padding: 0; font-size: 0; }
:where(:root[data-visual="novo"][data-sb="min"]:not([data-sb-cel])) .sb-luz { top: calc(6px * var(--escala, 1)); right: calc(8px * var(--escala, 1)); }
:where(:root[data-visual="novo"]) #sb-balao { padding: calc(5px * var(--escala, 1)) calc(10px * var(--escala, 1)); border-radius: calc(6px * var(--escala, 1)); font-size: calc(12.5px * var(--escala, 1)); }
:where(:root[data-visual="novo"]) .nb-barra { top: 0; right: 0; left: var(--sb-l); height: var(--barra-h); gap: calc(12px * var(--escala, 1)); padding: 0 calc(16px * var(--escala, 1)) 0 calc(20px * var(--escala, 1)); }
:where(:root[data-visual="novo"]) .nb-bt-ic { width: var(--ctl-h, calc(36px * var(--escala, 1))); height: var(--ctl-h, calc(36px * var(--escala, 1))); flex: none; padding: 0; border-radius: calc(8px * var(--escala, 1)); }
:where(:root[data-visual="novo"]) .nb-logo { flex: none; height: var(--ctl-h, calc(36px * var(--escala, 1))); }
:where(:root[data-visual="novo"]) .nb-logo img { height: calc(28px * var(--escala, 1)); width: auto; max-width: calc(150px * var(--escala, 1)); }
:where(:root[data-visual="novo"]) .nb-menu { margin-left: -6px; }
:where(:root[data-visual="novo"]) .nb-lado { flex: none; gap: calc(6px * var(--escala, 1)); margin-left: auto; }
:where(:root[data-visual="novo"]) .nb-barra:has(.nb-busca) .trilha-nav { flex: 1 1 0; min-width: 0; }
:where(:root[data-visual="novo"]) .nb-barra:has(.nb-busca) .nb-lado { flex: 1 1 0; }
:where(:root[data-visual="novo"]) .nb-empresa { margin: 0; }
:where(:root[data-visual="novo"]) .nb-empresa select { height: var(--ctl-h, calc(36px * var(--escala, 1))); padding: 0 calc(8px * var(--escala, 1)); border-radius: calc(8px * var(--escala, 1)); font: inherit; font-size: calc(13px * var(--escala, 1)); }
:where(:root[data-visual="novo"]) .nb-barra .quem-badge { gap: calc(6px * var(--escala, 1)); height: var(--ctl-h, calc(36px * var(--escala, 1))); max-width: calc(200px * var(--escala, 1)); padding: 0 calc(12px * var(--escala, 1)) 0 calc(10px * var(--escala, 1)); border-radius: calc(999px * var(--escala, 1)); font-size: calc(12.5px * var(--escala, 1)); }
:where(:root[data-visual="novo"]) .nb-barra .sair-icone { width: var(--ctl-h, calc(36px * var(--escala, 1))); height: var(--ctl-h, calc(36px * var(--escala, 1))); border-radius: 50%; }
:where(:root[data-visual="novo"]) .nb-busca { flex: 0 1 calc(300px * var(--escala, 1)); min-width: calc(150px * var(--escala, 1)); margin: 0; }
:where(:root[data-visual="novo"]) .nb-busca input { width: 100%; height: var(--ctl-h, calc(36px * var(--escala, 1))); padding: 0 calc(10px * var(--escala, 1)) 0 calc(32px * var(--escala, 1)); border-radius: calc(8px * var(--escala, 1)); font: inherit; font-size: calc(13px * var(--escala, 1)); }
:where(:root[data-visual="novo"]) .nb-busca-ic { left: calc(10px * var(--escala, 1)); top: 50%; }
:where(:root[data-visual="novo"]) .nb-barra .nb-busca { flex: 0 1 calc(720px * var(--escala, 1)); min-width: calc(240px * var(--escala, 1)); }
:where(:root[data-visual="novo"]) .nb-barra .nb-busca input { height: calc(40px * var(--escala, 1)); padding: 0 calc(16px * var(--escala, 1)) 0 calc(40px * var(--escala, 1)); border-radius: calc(999px * var(--escala, 1)); font-size: calc(15px * var(--escala, 1)); }
:where(:root[data-visual="novo"]) .nb-barra .nb-busca-ic { left: calc(15px * var(--escala, 1)); }
:where(:root[data-visual="novo"]) .nb-pop-lista { right: 0; top: calc(100% + calc(6px * var(--escala, 1))); min-width: calc(220px * var(--escala, 1)); max-width: min(calc(340px * var(--escala, 1)), calc(100vw - calc(24px * var(--escala, 1)))); margin: 0; padding: calc(6px * var(--escala, 1)); border-radius: calc(10px * var(--escala, 1)); }
:where(:root[data-visual="novo"]) .nb-pop-lista a { gap: calc(8px * var(--escala, 1)); min-height: calc(36px * var(--escala, 1)); padding: 0 calc(10px * var(--escala, 1)); border-radius: calc(6px * var(--escala, 1)); }
:where(:root[data-visual="novo"]) .nb-pop-tit { margin: calc(4px * var(--escala, 1)) calc(10px * var(--escala, 1)) calc(6px * var(--escala, 1)); font-size: calc(12px * var(--escala, 1)); }
:where(:root[data-visual="novo"]) .nb-sino-itens { margin: 0; padding: 0; }
:where(:root[data-visual="novo"]) .nb-sino-itens a b { margin-left: auto; }
:where(:root[data-visual="novo"]) .nb-sino-vazio { margin: calc(4px * var(--escala, 1)) calc(10px * var(--escala, 1)) calc(8px * var(--escala, 1)); font-size: calc(13px * var(--escala, 1)); }
:where(:root[data-visual="novo"]) .nb-sino-n { top: calc(2px * var(--escala, 1)); right: calc(1px * var(--escala, 1)); min-width: calc(16px * var(--escala, 1)); height: calc(16px * var(--escala, 1)); padding: 0 calc(4px * var(--escala, 1)); border-radius: calc(999px * var(--escala, 1)); font-size: calc(10.5px * var(--escala, 1)); }
:where(:root[data-visual="novo"]) .trilha-nav { flex: 1 1 auto; min-width: 0; min-height: var(--ctl-h, calc(36px * var(--escala, 1))); }
:where(:root[data-visual="novo"]) .trilha { min-width: 0; margin: 0; padding: 0; font-size: calc(13px * var(--escala, 1)); }
:where(:root[data-visual="novo"]) .trilha li { min-width: 0; flex: 0 100 auto; }
:where(:root[data-visual="novo"]) .trilha li:last-child { min-width: 4em; }
:where(:root[data-visual="novo"]) .trilha li + li::before { flex: none; margin: 0 calc(7px * var(--escala, 1)); }
:where(:root[data-visual="novo"]) .trilha :is(a, span) { min-width: 0; }
:where(:root[data-visual="novo"]) .trilha a { border-radius: calc(4px * var(--escala, 1)); }
:where(:root[data-visual="novo"]) .nb-faixa { grid-template-columns: minmax(0, 1fr); gap: calc(10px * var(--escala, 1)); margin: 0 0 calc(18px * var(--escala, 1)); }
:where(:root[data-visual="novo"]) .nb-faixa > * { min-width: 0; }
:where(:root[data-visual="novo"]) .nb-faixa-l2 > * { min-width: 0; max-width: 100%; }
:where(:root[data-visual="novo"]) .nb-faixa-l1 { gap: calc(10px * var(--escala, 1)) calc(16px * var(--escala, 1)); }
:where(:root[data-visual="novo"]) .nb-tit { flex: 1 1 calc(320px * var(--escala, 1)); min-width: 0; }
:where(:root[data-visual="novo"]) .nb-tit h1 { margin: 0; }
:where(:root[data-visual="novo"]) .nb-tit-l { gap: calc(8px * var(--escala, 1)); }
:where(:root[data-visual="novo"]) .nb-tit-l > h1 { min-width: 0; }
:where(:root[data-visual="novo"]) .nb-sub { margin: calc(4px * var(--escala, 1)) 0 0; }
:where(:root[data-visual="novo"]) .nb-sub-linha { gap: calc(4px * var(--escala, 1)) calc(12px * var(--escala, 1)); margin: calc(4px * var(--escala, 1)) 0 0; }
:where(:root[data-visual="novo"]) .nb-sub-linha > :is(.nb-sub, form) { margin: 0; }
:where(:root[data-visual="novo"]) .nb-acoes { gap: calc(8px * var(--escala, 1)); }
:where(:root[data-visual="novo"]) .nb-acoes > :is(.btn, form) { min-height: var(--ctl-h, calc(36px * var(--escala, 1))); margin: 0; }
:where(:root[data-visual="novo"]) .nb-pop-lista form { margin: 0; }
:where(:root[data-visual="novo"]) .nb-pop-lista form .btn { width: 100%; min-height: calc(36px * var(--escala, 1)); padding: 0 calc(10px * var(--escala, 1)); }
:where(:root[data-visual="novo"]) .nb-mais > summary { width: var(--ctl-h, calc(36px * var(--escala, 1))); height: var(--ctl-h, calc(36px * var(--escala, 1))); border-radius: calc(8px * var(--escala, 1)); }
:where(:root[data-visual="novo"]) .nb-faixa-l2 { gap: calc(8px * var(--escala, 1)) calc(16px * var(--escala, 1)); }
:where(:root[data-visual="novo"]) .nb-abas { gap: calc(4px * var(--escala, 1)); min-width: 0; }
:where(:root[data-visual="novo"]) .nb-abas a { flex: none; gap: calc(6px * var(--escala, 1)); height: calc(34px * var(--escala, 1)); padding: 0 calc(12px * var(--escala, 1)); border-radius: calc(8px * var(--escala, 1)); font-size: calc(13px * var(--escala, 1)); }
:where(:root[data-visual="novo"]) .nb-abas i { min-width: calc(20px * var(--escala, 1)); padding: 0 calc(6px * var(--escala, 1)); border-radius: calc(999px * var(--escala, 1)); font-size: calc(11.5px * var(--escala, 1)); }
:where(:root[data-visual="novo"]) .nb-filtros { flex: 1 1 auto; gap: calc(8px * var(--escala, 1)); min-width: 0; }
:where(:root[data-visual="novo"]) .nb-filtros-corpo { flex: 1 1 auto; min-width: 0; }
:where(:root[data-visual="novo"]) .nb-filtros .abas a { height: var(--ctl-h, calc(36px * var(--escala, 1))); padding: 0 calc(12px * var(--escala, 1)); }
:where(:root[data-visual="novo"]) .nb-conts { gap: calc(6px * var(--escala, 1)); margin: 0 0 0 auto; padding: 0; }
:where(:root[data-visual="novo"]) .nb-cont { gap: calc(6px * var(--escala, 1)); min-height: calc(34px * var(--escala, 1)); padding: calc(4px * var(--escala, 1)) calc(10px * var(--escala, 1)); border-radius: calc(999px * var(--escala, 1)); font-size: calc(12.5px * var(--escala, 1)); }
:where(:root[data-visual="novo"]) .nb-cont b { font-size: calc(14px * var(--escala, 1)); }
:where(:root[data-visual="novo"]) .nb-passos { margin: 0 0 calc(16px * var(--escala, 1)); }
:where(:root[data-visual="novo"]) .nb-passos ol { gap: calc(4px * var(--escala, 1)); margin: 0; padding: 0; }
:where(:root[data-visual="novo"]) .nb-passos li { flex: none; }
:where(:root[data-visual="novo"]) .nb-passos li + li::before { margin: 0 calc(4px * var(--escala, 1)); }
:where(:root[data-visual="novo"]) .nb-passos a { gap: calc(8px * var(--escala, 1)); min-height: calc(40px * var(--escala, 1)); padding: calc(4px * var(--escala, 1)) calc(10px * var(--escala, 1)) calc(4px * var(--escala, 1)) calc(6px * var(--escala, 1)); border-radius: calc(8px * var(--escala, 1)); }
:where(:root[data-visual="novo"]) .nb-passo-num { width: calc(24px * var(--escala, 1)); height: calc(24px * var(--escala, 1)); border-radius: 50%; font-size: calc(12px * var(--escala, 1)); }
:where(:root[data-visual="novo"]) .nb-passo-rot { font-size: calc(13px * var(--escala, 1)); line-height: 1.2; }
:where(:root[data-visual="novo"]) .nb-passo-rot small { font-size: calc(11.5px * var(--escala, 1)); }
:where(:root[data-visual="novo"]) .nb-passos i { min-width: calc(20px * var(--escala, 1)); padding: 0 calc(6px * var(--escala, 1)); border-radius: calc(999px * var(--escala, 1)); font-size: calc(11.5px * var(--escala, 1)); }
:where(:root[data-visual="novo"][data-sb-cel]) .sb { width: min(calc(288px * var(--escala, 1)), 86vw); }
:where(:root[data-visual="novo"][data-sb-cel]) .sb-veu:not([hidden]) { inset: 0; }
:where(:root[data-visual="novo"][data-sb-cel]) .sb-conta { gap: calc(8px * var(--escala, 1)); padding: calc(10px * var(--escala, 1)) calc(16px * var(--escala, 1)); }
:where(:root[data-visual="novo"][data-sb-cel]) .sb-quem { gap: calc(8px * var(--escala, 1)); min-width: 0; }
:where(:root[data-visual="novo"][data-sb-cel]) .sb-empresa { margin: 0; }
:where(:root[data-visual="novo"][data-sb-cel]) .sb-empresa select { width: 100%; height: calc(40px * var(--escala, 1)); padding: 0 calc(10px * var(--escala, 1)); border-radius: calc(8px * var(--escala, 1)); font: inherit; font-size: calc(16px * var(--escala, 1)); }
:where(:root[data-visual="novo"][data-sb-cel]) :is(.sb-mod, .sb-item, .sb-gav-bt, .sb-cat-bt) { min-height: calc(40px * var(--escala, 1)); }
:where(:root[data-visual="novo"][data-sb-cel]) .nb-barra { padding: 0 calc(10px * var(--escala, 1)); gap: calc(8px * var(--escala, 1)); }
:where(:root[data-visual="novo"][data-quadro]) .nb-barra .quem-badge { width: var(--ctl-h, calc(36px * var(--escala, 1))); padding: 0; }
:where(:root[data-visual="novo"][data-quadro]) .nb-barra .quem-badge > span { width: calc(1px * var(--escala, 1)); height: calc(1px * var(--escala, 1)); }
@media (max-width: 1100px) { :where(:root[data-visual="novo"]) .nb-barra .quem-badge { max-width: calc(150px * var(--escala, 1)); } }
@media (max-width: 700px) { :where(:root[data-visual="novo"]) .nb-barra { padding: 0 calc(8px * var(--escala, 1)); gap: calc(4px * var(--escala, 1)); } }
@media (max-width: 700px) { :where(:root[data-visual="novo"]) body.nav-lateral .pagina { padding-inline: calc(16px * var(--escala, 1)); } }
@media (max-width: 700px) { :where(:root[data-visual="novo"]) .nb-lado { gap: calc(2px * var(--escala, 1)); } }
@media (max-width: 700px) { :where(:root[data-visual="novo"]) .nb-barra .quem-badge { width: var(--ctl-h, calc(36px * var(--escala, 1))); padding: 0; } }
@media (max-width: 700px) { :where(:root[data-visual="novo"]) .nb-barra .quem-badge > span { width: calc(1px * var(--escala, 1)); height: calc(1px * var(--escala, 1)); } }
@media (max-width: 700px) { :where(:root[data-visual="novo"]) .nb-barra.busca-aberta .nb-busca { left: 0; right: 0; top: 100%; padding: calc(8px * var(--escala, 1)); } }
@media (max-width: 700px) { :where(:root[data-visual="novo"]) .nb-barra.busca-aberta .nb-busca-ic { left: calc(18px * var(--escala, 1)); } }
@media (max-width: 700px) { :where(:root[data-visual="novo"]) .nb-busca input { font-size: calc(16px * var(--escala, 1)); } }
@media (max-width: 700px) { :where(:root[data-visual="novo"]) .trilha li.pai { flex: 0 3 auto; max-width: 45%; } }
@media (max-width: 700px) { :where(:root[data-visual="novo"]) .trilha li.pai a::before { margin-right: calc(4px * var(--escala, 1)); } }
@media (max-width: 700px) { :where(:root[data-visual="novo"]) .trilha li:last-child::before { margin: 0 calc(4px * var(--escala, 1)); } }
@media (max-width: 700px) { :where(:root[data-visual="novo"]) .nb-abas { margin: 0 -12px; padding: 0 calc(12px * var(--escala, 1)); max-width: calc(100% + calc(24px * var(--escala, 1))); } }
@media (max-width: 700px) { :where(:root[data-visual="novo"]) .nb-conts { margin: 0 -12px; padding: 0 calc(12px * var(--escala, 1)); max-width: calc(100% + calc(24px * var(--escala, 1))); } }
@media (max-width: 700px) { :where(:root[data-visual="novo"]) .nb-conts > li { flex: none; } }
@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) { @media screen { :where(:root[data-visual="novo"][data-acrilico="on"]:not([data-tema="escuro"])) body.nav-lateral { --side-bg: rgba(255, 255, 255, .72); --side-text: #1d2b24; --side-muted: #3e4c45; --side-forte: var(--verde-esc); --side-hover: rgba(0, 0, 0, .05); --side-active: color-mix(in srgb, var(--verde) 14%, transparent); --side-border: rgba(0, 0, 0, .14); --side-destaque: var(--verde); --side-n: rgba(0, 0, 0, .08); } } }
@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) { @media screen { :where(:root[data-visual="novo"][data-acrilico="on"][data-tema="escuro"]) body.nav-lateral { --side-bg: rgba(16, 24, 20, .66); --side-text: #e3ebe6; --side-muted: #b4c5bb; --side-forte: #fff; --side-hover: rgba(255, 255, 255, .08); --side-active: rgba(255, 255, 255, .12); --side-border: rgba(255, 255, 255, .16); --side-destaque: var(--verde-esc); } } }
@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) { @media screen { :where(:root[data-visual="novo"][data-acrilico="on"]) .nb-carregando { bottom: 0; } } }
@media print { :where(:root[data-visual="novo"]) body.nav-lateral { padding: 0; } }
:where(:root[data-visual="novo"]) .sb-oculto { flex: none; font-size: calc(11px * var(--escala, 1)); padding: 0 calc(6px * var(--escala, 1)); border-radius: calc(999px * var(--escala, 1)); }

/* — lateral.css */
:where(:root[data-visual="novo"]) body.nav-lateral { --lat-l: calc(272px * var(--escala, 1)); --lat-margem: calc(16px * var(--escala, 1)); --lat-respiro: calc(24px * var(--escala, 1)); }
:where(:root[data-visual="novo"]) .nb-troca > .pagina { flex: 1 1 auto; min-width: 0; }
:where(:root[data-visual="novo"]) .nb-lateral { top: var(--barra-h); flex: none; width: calc(var(--lat-l) + var(--lat-margem)); height: calc(100vh - var(--barra-h)); height: calc(100dvh - var(--barra-h)); padding: var(--lat-respiro) 0 var(--lat-respiro) var(--lat-margem); }
:where(:root[data-visual="novo"]) .nb-lateral-painel { width: 100%; min-height: 0; max-height: 100%; border-radius: calc(14px * var(--escala, 1)); }
:where(:root[data-visual="novo"]) .nb-lateral-topo { flex: none; gap: calc(8px * var(--escala, 1)); padding: calc(6px * var(--escala, 1)) calc(6px * var(--escala, 1)) calc(6px * var(--escala, 1)) calc(18px * var(--escala, 1)); }
:where(:root[data-visual="novo"]) .nb-lateral-nome { flex: 1; min-width: 0; margin: 0; font-size: calc(11.5px * var(--escala, 1)); letter-spacing: .02em; }
:where(:root[data-visual="novo"]) .nb-lateral-fechar { flex: none; width: calc(32px * var(--escala, 1)); height: calc(32px * var(--escala, 1)); padding: 0; border-radius: calc(8px * var(--escala, 1)); }
:where(:root[data-visual="novo"]) .nb-lateral-rolo { flex: 1 1 auto; min-height: 0; padding: calc(14px * var(--escala, 1)) calc(10px * var(--escala, 1)) calc(18px * var(--escala, 1)); }
:where(:root[data-visual="novo"]) .nb-lateral-aba { left: var(--sb-l); top: 50%; gap: calc(6px * var(--escala, 1)); padding: calc(8px * var(--escala, 1)) calc(6px * var(--escala, 1)) calc(11px * var(--escala, 1)) calc(5px * var(--escala, 1)); border-radius: 0 calc(14px * var(--escala, 1)) calc(14px * var(--escala, 1)) 0; font: 600 .86rem/1 "Segoe UI", Roboto, system-ui, -apple-system, sans-serif; letter-spacing: .04em; }
:where(:root[data-visual="novo"]) .nb-lateral-aba-ic { width: calc(28px * var(--escala, 1)); height: calc(28px * var(--escala, 1)); border-radius: 50%; }
:where(:root[data-visual="novo"]) .nb-lateral-aba:hover { padding-left: calc(12px * var(--escala, 1)); }
:where(:root[data-visual="novo"][data-lat="fechada"]) body.nav-lateral .nb-troca > .pagina { padding-left: calc(64px * var(--escala, 1)); }
:where(:root[data-visual="novo"]) .nb-lat-cab { gap: calc(4px * var(--escala, 1)); margin: 0 0 calc(10px * var(--escala, 1)); padding: 0 calc(8px * var(--escala, 1)) calc(12px * var(--escala, 1)); }
:where(:root[data-visual="novo"]) .nb-lat-tit { gap: calc(8px * var(--escala, 1)); margin: 0; font-size: calc(15px * var(--escala, 1)); line-height: 1.3; }
:where(:root[data-visual="novo"]) .nb-lat-n { margin: 0; font-size: calc(12px * var(--escala, 1)); }
:where(:root[data-visual="novo"]) .nb-lat-tit2 { gap: calc(8px * var(--escala, 1)); margin: calc(4px * var(--escala, 1)) 0 calc(2px * var(--escala, 1)); padding: 0 calc(8px * var(--escala, 1)); font-size: calc(13px * var(--escala, 1)); }
:where(:root[data-visual="novo"]) .nb-lat-dica { margin: 0 0 calc(6px * var(--escala, 1)); padding: 0 calc(8px * var(--escala, 1)); }
:where(:root[data-visual="novo"]) .nb-lat-grupo + .nb-lat-grupo { margin-top: calc(10px * var(--escala, 1)); }
:where(:root[data-visual="novo"]) .nb-lat-secao { gap: calc(6px * var(--escala, 1)); margin: 0; padding: calc(6px * var(--escala, 1)) calc(8px * var(--escala, 1)) calc(4px * var(--escala, 1)); font-size: calc(11.5px * var(--escala, 1)); }
:where(:root[data-visual="novo"]) .nb-lat-secao > .nb-lat-num { margin-left: auto; }
:where(:root[data-visual="novo"]) .nb-lat-acoes { gap: calc(1px * var(--escala, 1)); margin: 0 0 0 calc(15px * var(--escala, 1)); padding: 0 0 0 calc(6px * var(--escala, 1)); }
:where(:root[data-visual="novo"]) .nb-lat-acao { padding: calc(4px * var(--escala, 1)) calc(6px * var(--escala, 1)); border-radius: calc(6px * var(--escala, 1)); font-size: calc(12.5px * var(--escala, 1)); line-height: 1.35; }
:where(:root[data-visual="novo"]) .nb-lat-lista { gap: calc(1px * var(--escala, 1)); margin: 0; padding: 0; }
:where(:root[data-visual="novo"]) .nb-lat-item { gap: calc(8px * var(--escala, 1)); min-height: calc(32px * var(--escala, 1)); padding: calc(7px * var(--escala, 1)) calc(8px * var(--escala, 1)); border-radius: calc(6px * var(--escala, 1)); font-size: calc(13px * var(--escala, 1)); line-height: 1.35; }
:where(:root[data-visual="novo"]) .nb-lat-item > svg { margin-top: calc(1px * var(--escala, 1)); }
:where(:root[data-visual="novo"]) .nb-lat-rot { flex: 1; min-width: 0; }
:where(:root[data-visual="novo"]) .nb-lat-num { flex: none; min-width: calc(20px * var(--escala, 1)); padding: 0 calc(6px * var(--escala, 1)); border-radius: calc(999px * var(--escala, 1)); font-size: calc(11px * var(--escala, 1)); line-height: calc(18px * var(--escala, 1)); }
:where(:root[data-visual="novo"]) .nb-lat-vazio { margin: calc(8px * var(--escala, 1)); font-size: calc(13px * var(--escala, 1)); }
@media (max-width: 899px) { :where(:root[data-visual="novo"]) body.nav-lateral .nb-troca > .pagina { padding-left: calc(64px * var(--escala, 1)); } }
@media (max-width: 899px) { :where(:root[data-visual="novo"][data-lat-cel]) .nb-lateral { top: var(--barra-h); bottom: 0; left: var(--sb-l); height: auto; max-width: calc(100vw - var(--sb-l)); width: calc(var(--lat-l) + 2 * var(--lat-margem)); padding: var(--lat-respiro) var(--lat-margem); } }
@media (max-width: 700px) { :where(:root[data-visual="novo"]) .nb-lateral-aba { top: auto; bottom: calc(88px * var(--escala, 1)); padding: calc(8px * var(--escala, 1)) calc(6px * var(--escala, 1)) calc(10px * var(--escala, 1)) calc(5px * var(--escala, 1)); } }
@media (max-width: 700px) { :where(:root[data-visual="novo"]) .nb-lateral-aba-ic { width: calc(34px * var(--escala, 1)); height: calc(34px * var(--escala, 1)); } }
@media (max-width: 700px) { :where(:root[data-visual="novo"]) body.nav-lateral .nb-troca > .pagina { padding-left: calc(16px * var(--escala, 1)); } }
@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) { @media screen { :where(:root[data-visual="novo"][data-acrilico="on"]) .nb-lateral-painel::before { inset: 0; border-radius: inherit; } } }

/* — temas.css */
.tm-aba { right: 0; bottom: calc(96px * var(--escala, 1)); width: calc(40px * var(--escala, 1)); height: calc(44px * var(--escala, 1)); padding: 0; border-radius: calc(12px * var(--escala, 1)) 0 0 calc(12px * var(--escala, 1)); }
.tm-aba:hover { width: calc(46px * var(--escala, 1)); }
.tm-aba svg { width: calc(20px * var(--escala, 1)); height: calc(20px * var(--escala, 1)); }
@media (max-width: 700px) { .tm-aba { bottom: calc(236px * var(--escala, 1)); } }
.tm-painel { right: calc(12px * var(--escala, 1)); bottom: calc(12px * var(--escala, 1)); width: min(calc(380px * var(--escala, 1)), calc(100vw - calc(24px * var(--escala, 1)))); max-height: min(calc(640px * var(--escala, 1)), calc(100vh - calc(24px * var(--escala, 1)))); max-height: min(calc(640px * var(--escala, 1)), calc(100dvh - calc(24px * var(--escala, 1)))); border-radius: calc(14px * var(--escala, 1)); font-size: .9rem; }
@media (max-width: 480px) { .tm-painel { right: 0; left: 0; bottom: 0; width: 100%; border-radius: calc(14px * var(--escala, 1)) calc(14px * var(--escala, 1)) 0 0; max-height: 82vh; max-height: 82dvh; padding-bottom: env(safe-area-inset-bottom, calc(0px * var(--escala, 1))); } }
.tm-cab { gap: calc(10px * var(--escala, 1)); padding: calc(12px * var(--escala, 1)) calc(14px * var(--escala, 1)); }
.tm-cab h2 { margin: 0; font-size: 1rem; flex: 1; }
.tm-x { width: calc(32px * var(--escala, 1)); height: calc(32px * var(--escala, 1)); border-radius: calc(8px * var(--escala, 1)); }
.tm-x svg { width: calc(16px * var(--escala, 1)); height: calc(16px * var(--escala, 1)); }
.tm-corpo { padding: calc(12px * var(--escala, 1)) calc(14px * var(--escala, 1)) calc(16px * var(--escala, 1)); gap: calc(14px * var(--escala, 1)); }
.tm-rot { font-size: .72rem; letter-spacing: .06em; margin: 0 0 calc(6px * var(--escala, 1)); }
.tm-seg { grid-template-columns: 1fr 1fr; border-radius: calc(10px * var(--escala, 1)); }
.tm-seg button { gap: calc(7px * var(--escala, 1)); padding: calc(9px * var(--escala, 1)) calc(8px * var(--escala, 1)); font: inherit; }
.tm-seg button svg { width: calc(16px * var(--escala, 1)); height: calc(16px * var(--escala, 1)); }
.tm-cats { gap: calc(6px * var(--escala, 1)); }
.tm-cat { padding: calc(5px * var(--escala, 1)) calc(12px * var(--escala, 1)); border-radius: calc(999px * var(--escala, 1)); font: inherit; font-size: .85rem; }
.tm-grade { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: calc(8px * var(--escala, 1)); }
.tm-foto { padding: 0; border-radius: calc(8px * var(--escala, 1)); }
.tm-foto img { width: 100%; height: 100%; }
.tm-foto[aria-pressed="true"]::after { right: calc(5px * var(--escala, 1)); top: calc(5px * var(--escala, 1)); width: calc(20px * var(--escala, 1)); height: calc(20px * var(--escala, 1)); border-radius: 50%; font-size: calc(12px * var(--escala, 1)); }
.tm-sem { font-size: .78rem; }
.tm-chave { gap: calc(10px * var(--escala, 1)); padding: 0; font: inherit; width: 100%; }
.tm-chave .tm-trilho { flex: none; width: calc(38px * var(--escala, 1)); height: calc(22px * var(--escala, 1)); border-radius: calc(999px * var(--escala, 1)); }
.tm-chave .tm-trilho::after { left: calc(3px * var(--escala, 1)); top: calc(3px * var(--escala, 1)); width: calc(16px * var(--escala, 1)); height: calc(16px * var(--escala, 1)); border-radius: 50%; }
.tm-chave small { font-size: .8rem; }
.tm-nota { margin: 0; font-size: .8rem; }
.tm-vazio { font-size: .85rem; margin: 0; }
:root { --foto: var(--foto-claro, none); --acr-blur: calc(18px * var(--escala, 1)); --acr-sat: 160%; --acr-vidro: rgba(255, 255, 255, .62); --acr-vidro-2: rgba(255, 255, 255, .34); --acr-campo: rgba(255, 255, 255, .55); --acr-borda: rgba(30, 50, 40, .14); --acr-sombra: rgba(16, 24, 40, .10); --acr-brilho: rgba(255, 255, 255, .35); --acr-veu: rgba(255, 255, 255, .30); --acr-base: #f4faf6; }
:root[data-tema="escuro"] { --foto: var(--foto-escuro, none); --acr-vidro: rgba(20, 29, 25, .58); --acr-vidro-2: rgba(255, 255, 255, .05); --acr-campo: rgba(8, 12, 10, .35); --acr-borda: rgba(255, 255, 255, .12); --acr-sombra: rgba(0, 0, 0, .45); --acr-brilho: rgba(255, 255, 255, .06); --acr-veu: rgba(6, 10, 8, .16); --acr-base: #0f1613; }
@media screen { :root[data-fundo="on"] body::before, :root[data-fundo="on"] body::after { inset: 0; } }
@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) { @media screen { :root[data-acrilico="on"] body { --branco: var(--acr-vidro); --e-cartao: var(--acr-vidro); --e-cartao-2: var(--acr-vidro-2); --e-campo: var(--acr-campo); --e-veu: var(--acr-vidro); --verde-fundo: var(--acr-vidro-2); } } }
@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) { @media screen { :root[data-acrilico="on"] body { --v-zebra: color-mix(in srgb, var(--tinta) 10%, transparent); --v-linha-hover: color-mix(in srgb, var(--verde) 24%, transparent); --v-cab: color-mix(in srgb, var(--verde) 15%, transparent); --v-cab-linha: color-mix(in srgb, var(--verde-esc) 38%, transparent); } } }
@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) { @media screen { :root[data-acrilico="on"][data-tema="escuro"] body { --v-zebra: color-mix(in srgb, #fff 8%, transparent); --v-cab: color-mix(in srgb, #fff 15%, transparent); --v-cab-linha: color-mix(in srgb, #fff 22%, transparent); } } }
@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) { @media screen { :root[data-acrilico="on"] :is(.card, .kpi, .kpis-mini, .modulo, .ba-c, .ba-grupo, .ba-painel, .ba-topo-busca, .contato, details.sec, .grupo-clinica summary, .grupo-clinica .corpo, .unidade-btn, .criterio,
      .equipe-topo, .agd-mes, .agd-semana, .agd-dia, .agh-item, .ag-dg, .lb-passo, .ck-item, .sst-cartao, .sst-vis,
      .sst-tec, .cand-card, .dp-depto, .em-fluxo .em-passo)::before,
    :root[data-acrilico="on"] .posto::after { inset: 0; border-radius: inherit; } } }
@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) { @media screen { :root[data-acrilico="on"]:not([data-tema="escuro"]) body { --verde-claro: color-mix(in srgb, color-mix(in srgb, var(--verde) 14%, #fff) 82%, transparent); --amarelo-f: color-mix(in srgb, color-mix(in srgb, #b7791f 16%, #fff) 82%, transparent); --vermelho-f: color-mix(in srgb, color-mix(in srgb, #c0392b 12%, #fff) 82%, transparent); --azul-f: color-mix(in srgb, color-mix(in srgb, #1f5f99 12%, #fff) 82%, transparent); --e-verde-f: var(--verde-claro); --e-amarelo-f: var(--amarelo-f); --e-vermelho-f: var(--vermelho-f); --e-azul-f: var(--azul-f); --e-roxo-f: color-mix(in srgb, color-mix(in srgb, #5b3a8e 12%, #fff) 82%, transparent); --e-sutil: color-mix(in srgb, color-mix(in srgb, #1d2b24 8%, #fff) 80%, transparent); --e-sutil-2: color-mix(in srgb, color-mix(in srgb, #1d2b24 18%, #fff) 80%, transparent); --e-cartao-2: var(--acr-vidro-2); --e-veu: color-mix(in srgb, var(--acr-base) 80%, transparent); --vermelho: #9b2a1e; --amarelo: #7a4f0c; --azul: #1a5288; --suave: #4d5c54; --e-verde-t: #04522d; --e-amarelo-t: #7a4f0c; --e-vermelho-t: #9b2a1e; --e-azul-t: #1a5288; --e-suave: #4d5c54; --e-verde-esc-forte: color-mix(in srgb, color-mix(in srgb, var(--verde) 45%, #000) 90%, transparent); --e-vermelho-forte: color-mix(in srgb, #9b2a1e 90%, transparent); --e-amarelo-forte: color-mix(in srgb, #7a4f0c 90%, transparent); --e-azul-forte: color-mix(in srgb, #1a5288 90%, transparent); } } }
@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) { @media screen { :root[data-acrilico="on"][data-tema="escuro"] body { --verde-claro: color-mix(in srgb, color-mix(in srgb, var(--verde) 18%, #141d19) 88%, transparent); --amarelo-f: color-mix(in srgb, color-mix(in srgb, #e3a948 16%, #141d19) 88%, transparent); --vermelho-f: color-mix(in srgb, color-mix(in srgb, #ff8577 14%, #141d19) 88%, transparent); --azul-f: color-mix(in srgb, color-mix(in srgb, #8cbfff 14%, #141d19) 88%, transparent); --e-verde-f: var(--verde-claro); --e-amarelo-f: var(--amarelo-f); --e-vermelho-f: var(--vermelho-f); --e-azul-f: var(--azul-f); --e-roxo-f: color-mix(in srgb, color-mix(in srgb, #cdb6f5 14%, #141d19) 88%, transparent); --e-sutil: color-mix(in srgb, color-mix(in srgb, #e3ebe6 8%, #141d19) 86%, transparent); --e-sutil-2: color-mix(in srgb, color-mix(in srgb, #e3ebe6 18%, #141d19) 86%, transparent); --e-cartao-2: var(--acr-vidro-2); --e-veu: color-mix(in srgb, var(--acr-base) 80%, transparent); --vermelho: #ff9a8e; --amarelo: #f2c66d; --azul: #93c5ff; --suave: #b4c5bb; --e-suave: #b4c5bb; --e-vermelho-t: #ff9a8e; --e-azul-t: #93c5ff; --e-verde-esc-forte: color-mix(in srgb, color-mix(in srgb, var(--verde) 45%, #000) 90%, transparent); --e-vermelho-forte: color-mix(in srgb, #b0362a 90%, transparent); --e-amarelo-forte: color-mix(in srgb, #94600f 90%, transparent); --e-azul-forte: color-mix(in srgb, #1f5f99 90%, transparent); } } }
@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) { @media screen { :root[data-acrilico="on"] body:not(.entrada) .pagina { --branco: var(--acr-vidro-2); --e-cartao: var(--acr-vidro-2); } } }
@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) { @media screen { :root[data-acrilico="on"] body:not(.entrada) .pagina::before { inset: 0; border-radius: 0 0 calc(16px * var(--escala, 1)) calc(16px * var(--escala, 1)); } } }
@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) { @media screen { :root[data-acrilico="on"] body:not(.entrada) .pagina { min-height: calc(100vh - var(--barra-h, calc(64px * var(--escala, 1)))); min-height: calc(100dvh - var(--barra-h, calc(64px * var(--escala, 1)))); } } }
@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) { @media screen { :root[data-acrilico="on"] body:not(.entrada) .estado:not(:is(.card, td, th, .ba-painel, .ba-lista .card) .estado) { border-radius: var(--raio, calc(10px * var(--escala, 1))); } } }
@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) { @media screen { :root[data-acrilico="on"] body.entrada :is(.pagina > h1, .pagina > .ajuda, .pagina > .area-tit) { width: fit-content; max-width: 100%; padding: calc(6px * var(--escala, 1)) calc(12px * var(--escala, 1)); border-radius: calc(10px * var(--escala, 1)); } } }
@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) { @media screen { :root[data-acrilico="on"]:not([data-tema="escuro"]) body { --e-apagado: #56645c; } } }
@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) { @media screen { :root[data-acrilico="on"][data-tema="escuro"] body { --e-apagado: #a3b4aa; } } }
.tm-seg.tm-escala { grid-template-columns: 1fr 1.1fr 1fr; }
.tm-escala button { gap: calc(2px * var(--escala, 1)); }
.tm-escala .tm-escala-a { font-size: calc(12px * var(--escala, 1)); line-height: 1; }
.tm-escala .tm-escala-a.tm-escala-maior { font-size: calc(17px * var(--escala, 1)); }
@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) { @media screen { :root[data-acrilico="on"][data-acrilico-modo="blocos"] body:not(.entrada) .pagina { --branco: var(--acr-vidro); --e-cartao: var(--acr-vidro); } } }
@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) { @media screen { :root[data-acrilico="on"][data-acrilico-modo="blocos"] body:not(.entrada) .pagina .nb-faixa { padding: calc(10px * var(--escala, 1)) calc(14px * var(--escala, 1)); border-radius: var(--raio, calc(10px * var(--escala, 1))); } } }
@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) { @media screen { :root[data-acrilico="on"][data-acrilico-modo="blocos"] body:not(.entrada) .pagina .nb-faixa::before { inset: 0; border-radius: inherit; } } }

/* — fonte.css */
:root[data-visual="novo"] { --fonte: "Exo 2", "Segoe UI", Roboto, system-ui, -apple-system, sans-serif; font-size: calc(15px * var(--escala, 1)); }
:root[data-visual="novo"] body { font-size: calc(13.5px * var(--escala, 1)); }
:where(:root[data-visual="novo"]) h1 { font-size: 1.45rem; }
:where(:root[data-visual="novo"]) h2 { font-size: 1.12rem; }
:where(:root[data-visual="novo"]) h3 { font-size: .95rem; }
:where(:root[data-visual="novo"]) table.t { font-size: .85rem; }
:root[data-visual="novo"].pm-casca-raiz { font-size: calc(13px * var(--escala, 1)); }
[data-visual="novo"] .pm-tipo { font-size: max(.58rem, calc(10px * var(--escala, 1))); }
[data-visual="novo"] .pm-md pre[data-lingua]::before { font-size: max(.68rem, calc(11px * var(--escala, 1))); }
[data-visual="novo"] .pm-dica { font-size: max(.7rem, calc(12px * var(--escala, 1))); }
[data-visual="novo"] .fx-pdf { font-size: max(.62rem, calc(9.92px * var(--escala, 1))); }
[data-visual="novo"] .pm-conversas-tit,
[data-visual="novo"] .pm-chip-info,
[data-visual="novo"] .pm-anexo-tam,
[data-visual="novo"] .pm-credencial-nota,
[data-visual="novo"] .pm-conversas .q,
[data-visual="novo"] .pm-arquivo-tam { font-size: max(.75rem, calc(11px * var(--escala, 1))); }
[data-visual="novo"] .ba-rot-cenarios .selo { font-size: max(.66rem, calc(10.56px * var(--escala, 1))); }
[data-visual="novo"] .irreg-selo { font-size: max(.67rem, calc(10.72px * var(--escala, 1))); }
:where(:root[data-visual="novo"]) .agd-col-cab span,
:where(:root[data-visual="novo"]) .bn-parc,
[data-visual="novo"] table.t.tabela-concluidas th,
[data-visual="novo"] .tabela-concluidas .quem-fez,
[data-visual="novo"] .tabela-concluidas .anexos-mais,
[data-visual="novo"] .irreg summary,
[data-visual="novo"] .solto-central input[type=text],
[data-visual="novo"] .em-passo-rotulo small { font-size: max(.68rem, calc(10.88px * var(--escala, 1))); }
[data-visual="novo"] .pm-quem span,
[data-visual="novo"] .pm-md th,
[data-visual="novo"] .pm-mermaid .pm-aviso,
[data-visual="novo"] .pm-sug-tit { font-size: max(.78rem, calc(10.92px * var(--escala, 1))); }
:where(:root[data-visual="novo"]) .ba-contato h4,
:where(:root[data-visual="novo"]) .ba-bloco h4,
:where(:root[data-visual="novo"]) body.com-barra .marca-mod,
:where(:root[data-visual="novo"]) .bn-escala,
[data-visual="novo"] table.t.tabela-concluidas .selo,
[data-visual="novo"] .sst-feriado { font-size: max(.7rem, calc(11.2px * var(--escala, 1))); }
[data-visual="novo"] .pm-linha,
[data-visual="novo"] .pm-chip { font-size: max(.8rem, calc(11.2px * var(--escala, 1))); }
[data-visual="novo"] .pm-mermaid.esperando,
[data-visual="novo"] .pm-confirma .pm-resolucao,
[data-visual="novo"] .pm-credencial-erro,
[data-visual="novo"] .pm-sugestoes button,
[data-visual="novo"] .pm-soltar-caixa span,
[data-visual="novo"] .pm-anexo-nome,
[data-visual="novo"] .pm-arquivo-bt { font-size: max(.82rem, calc(11.48px * var(--escala, 1))); }
:where(:root[data-visual="novo"]) .selo-parceiro,
:where(:root[data-visual="novo"]) .etapas .quando,
:where(:root[data-visual="novo"]) .ag-sub1l,
:where(:root[data-visual="novo"]) .ag-combo-grupo,
:where(:root[data-visual="novo"]) .agd-mais-link,
:where(:root[data-visual="novo"]) .agd-mes-cab div,
:where(:root[data-visual="novo"]) .agd-selo,
:where(:root[data-visual="novo"]) .bn-dg td .sub,
:where(:root[data-visual="novo"]) .bn-cols-rot span,
:where(:root[data-visual="novo"]) .agh-mod,
[data-visual="novo"] .criterio h4,
[data-visual="novo"] table.t.tabela-concluidas .ref,
[data-visual="novo"] .link-central,
[data-visual="novo"] .kpi-rede .canais,
[data-visual="novo"] .irreg-form select,
[data-visual="novo"] .irreg-form input[type=text],
[data-visual="novo"] .irreg summary.btn,
[data-visual="novo"] .irreg-op,
:where(:root[data-visual="novo"]) .cd-lido,
[data-visual="novo"] .cand-rot,
[data-visual="novo"] .fx-linha,
[data-visual="novo"] .fx-aso,
[data-visual="novo"] .em-orig,
:where(:root[data-visual="novo"]) .lb-rot,
:where(:root[data-visual="novo"]) .lb kbd,
:where(:root[data-visual="novo"]) .lb-ficha kbd,
:where(:root[data-visual="novo"]) .lb-gr-rot,
:where(:root[data-visual="novo"]) .lb-tag,
:where(:root[data-visual="novo"]) .lb-dia,
:where(:root[data-visual="novo"]) .tm-rot { font-size: max(.72rem, calc(11.52px * var(--escala, 1))); }
[data-visual="novo"] .pm-confirma dl,
[data-visual="novo"] .pm-credencial-motivo { font-size: max(.84rem, calc(11.76px * var(--escala, 1))); }
:where(:root[data-visual="novo"]) .agd-pil,
[data-visual="novo"] table.t.tabela-concluidas .btn.peq,
[data-visual="novo"] .ba-rot-cenarios button .num,
[data-visual="novo"] .roteiro-lig h4,
[data-visual="novo"] .em-info { font-size: max(.74rem, calc(11.84px * var(--escala, 1))); }
:where(:root[data-visual="novo"]) table.t th,
:where(:root[data-visual="novo"]) .kpi .r,
:where(:root[data-visual="novo"]) .topo nav a i,
:where(:root[data-visual="novo"]) .agd-vazio,
:where(:root[data-visual="novo"]) .agd-passo span,
:where(:root[data-visual="novo"]) .bn-col .taxa,
:where(:root[data-visual="novo"]) .dp-time span,
[data-visual="novo"] .card > h2 .selo,
:where(:root[data-visual="novo"]) .lb-valor { font-size: max(.75rem, calc(12px * var(--escala, 1))); }
:where(:root[data-visual="novo"]) .selo,
:where(:root[data-visual="novo"]) .parceiro-toggle,
:where(:root[data-visual="novo"]) .ba-tabela td:nth-child(5),
:where(:root[data-visual="novo"]) .baixar,
:where(:root[data-visual="novo"]) .agd-legenda,
:where(:root[data-visual="novo"]) .bn-legenda,
:where(:root[data-visual="novo"]) .bn-hb .val,
:where(:root[data-visual="novo"]) .bn-mais,
:where(:root[data-visual="novo"]) .bn-tip,
:where(:root[data-visual="novo"]) .agh-rot,
[data-visual="novo"] .data-atendimento label,
[data-visual="novo"] .abas-trabalho .aba-n,
[data-visual="novo"] .fx-nome,
[data-visual="novo"] .em-passo-num,
:where(:root[data-visual="novo"]) .lb-upload small,
:where(:root[data-visual="novo"]) .lb-etapa-atr,
[data-visual="novo"] .sst-grupo,
[data-visual="novo"] .sst-bloq,
:where(:root[data-visual="novo"]) .tm-sem { font-size: max(.78rem, calc(12px * var(--escala, 1))); }
:where(:root[data-visual="novo"]) .ba-tabela .ref,
[data-visual="novo"] .link-aso,
:where(:root[data-visual="novo"]) .lb-tempo-q { font-size: max(.76rem, calc(12px * var(--escala, 1))); }
[data-visual="novo"] .pm-aba,
[data-visual="novo"] .pm-vazio,
[data-visual="novo"] .pm-md table { font-size: max(.86rem, calc(12px * var(--escala, 1))); }
[data-visual="novo"] .pm-conversas .t,
[data-visual="novo"] .pm-confirma,
[data-visual="novo"] .pm-md summary { font-size: max(.9rem, calc(12px * var(--escala, 1))); }
[data-visual="novo"] .pm-confirma h3 { font-size: max(.92rem, calc(12px * var(--escala, 1))); }
[data-visual="novo"] .pm-md details > :not(summary),
[data-visual="novo"] .pm-arquivo-nome { font-size: max(.88rem, calc(12px * var(--escala, 1))); }
@media (max-width: 700px) { :root[data-visual="novo"] body { font-size: calc(14px * var(--escala, 1)); } }
@media (max-width: 700px) { :root[data-visual="novo"] :is(input:not([type=checkbox]):not([type=radio]):not([type=range]), select, textarea) { font-size: calc(16px * var(--escala, 1)); } }
@media (max-width: 700px) { :root[data-visual="novo"].pm-casca-raiz { font-size: calc(14px * var(--escala, 1)); } }