/* GERADO por `mix casca.pacote` (FeitoWeb.Casca.Pacote): as folhas da casca na ordem do layout raiz. */
/* — 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: 10px;
  --g-1: #2a6bb0; --g-2: #d9572a; --g-3: #14936a; --g-4: #7a6ae0; --g-5: #cf4f86; --g-6: #c08a00;
}
* { box-sizing: border-box; }
body { margin: 0; font: var(--v-fonte-15px, 15px)/1.5 "Segoe UI", Roboto, system-ui, -apple-system, sans-serif; color: var(--tinta); background: var(--verde-fundo); }
a { color: var(--verde-esc); }
h1, h2, h3 { line-height: 1.25; margin: 0 0 .5rem; }
h1 { font-size: var(--v-fonte-155, 1.55rem); } h2 { font-size: 1.2rem; color: var(--verde-esc); } h3 { font-size: var(--v-fonte-100, 1rem); }
.pagina { max-width: 1180px; margin: 0 auto; padding: 22px 20px 60px; }
.num { display: inline-grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; background: var(--verde); color: #fff; font-size: var(--v-fonte-85, .85rem); flex: none; }
.ajuda { color: var(--suave); font-size: var(--v-fonte-88, .88rem); margin: 0 0 12px; overflow-wrap: break-word; }
label { display: block; font-size: var(--v-fonte-80, .8rem); font-weight: var(--v-peso-semi, 600); color: var(--suave); margin-bottom: 3px; }
label .obr { color: var(--vermelho); }
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: 8px 10px; border: 1px solid var(--e-linha-forte, #c5d3ca); border-radius: 7px; font: inherit; background: var(--e-campo, #fff); color: var(--tinta);
}
input:focus, select:focus, textarea:focus { outline: 2px solid var(--verde); outline-offset: 0; border-color: var(--verde); }
textarea { min-height: 70px; }
.chips { display: flex; flex-wrap: wrap; gap: 6px; }
.chip { display: inline-flex; align-items: center; gap: 5px; border: 1px solid var(--e-linha-forte, #c5d3ca); border-radius: 20px; padding: 4px 11px; background: var(--e-cartao, #fff); font-size: var(--v-fonte-88, .88rem); cursor: pointer; font-weight: var(--v-peso-medio, 500); color: var(--tinta); margin: 0; }
.chip input { margin: 0; accent-color: var(--verde); }
.acoes { display: flex; gap: 10px; flex-wrap: wrap; align-items: center; }
.ref { color: var(--suave); font-size: var(--v-fonte-82, .82rem); overflow-wrap: anywhere; }
.ref b { color: var(--verde-esc); }
tr.nao-realiza td { color: var(--e-apagado, #9aa7a0); }
.so-leitor { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden;
  clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.contador { display: inline-grid; place-items: center; min-width: 18px; height: 18px; padding: 0 var(--v-esp-1, 4px);
  border-radius: var(--v-raio-pilula, 999px); background: var(--vermelho, #c0392b); color: var(--branco, #fff);
  font-size: var(--v-fonte-68, .68rem); font-weight: var(--v-peso-negrito, 700); line-height: 1; }
.contador.peq { min-width: 16px; height: 16px; line-height: 16px; text-align: center; }
.contador.mudo { background: var(--suave); }
.contador[hidden] { display: none; }
.item-clicavel, :where(:root[data-visual="novo"]) .menu-acoes .nb-pop-lista button { display: flex; align-items: center;
  width: 100%; border: 0; background: none; color: var(--tinta); font: inherit; text-align: left; cursor: pointer; }
.cobre-abrir { position: absolute; inset: 0; z-index: 1; margin: 0; padding: 0; border: 0; border-radius: inherit;
  background: transparent; cursor: pointer; }
.aba-borda { position: fixed; top: 50%; transform: translateY(-50%); display: flex; flex-direction: column;
  align-items: center; gap: 6px; background: var(--marca, #0b5c3f); border: 0; cursor: pointer;
  font: var(--v-peso-semi, 600) var(--v-fonte-86, .86rem)/1 "Segoe UI", Roboto, system-ui, -apple-system, sans-serif;
  letter-spacing: .04em; }
.em-fileira { display: flex; flex-wrap: wrap; align-items: center; gap: var(--v-esp-2, 8px); }
.lista-nua { margin: 0; padding: 0; list-style: none; }
.reticencias { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bt-nu { padding: 0; border: 0; background: transparent; cursor: pointer; }
.passos { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 12px; font-size: var(--v-fonte-85, .85rem); }
.passos span { background: rgba(255,255,255,.18); padding: 4px 10px; border-radius: 20px; }
.dir { text-align: right; }
.lista-busca td { cursor: default; }
.regras { font-size: var(--v-fonte-88, .88rem); }
.regras td:first-child { font-weight: var(--v-peso-semi, 600); }
details.sec { border: 1px solid var(--linha); border-radius: 8px; padding: 10px 14px; background: var(--e-cartao, #fff); margin-bottom: 10px; }
details.sec summary { cursor: pointer; font-weight: var(--v-peso-semi, 600); color: var(--verde-esc); }
.rodape { text-align: center; font-size: var(--v-fonte-12px, 12px); color: var(--e-suave, #6b7a72); padding: 18px 16px 26px; border-top: 1px solid var(--e-linha, #e3ebe6); margin-top: 24px; }
.rodape a { color: inherit; }
.andamento h2 { margin-top: 0; }
.vermelho { color: var(--vermelho); }
.modulos { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 14px; }
.contato { border: 1px solid var(--linha); border-radius: var(--raio); padding: 14px 16px; background: var(--e-cartao, #fff); }
.contato h3 { color: var(--verde-esc); margin-bottom: 6px; }
.contato .linha { font-size: var(--v-fonte-90, .9rem); margin: 2px 0; word-break: break-word; }
.contato .acoes { margin-top: 10px; }
.btn.whats { background: #1f8f4e; border-color: #1f8f4e; }
.vazio { text-align: center; color: var(--suave); padding: 30px; }
@keyframes estado-gira { to { transform: rotate(360deg); } }
.nb-carregando-pagina { position: fixed; top: 72px; left: 0; right: 0; z-index: 1000; display: grid;
  justify-items: center; padding: 0 16px; pointer-events: none; }
.nb-carregando-pagina[hidden] { display: none; }
.nb-carregando-pagina > .estado { pointer-events: auto; width: min(420px, 100%); background: var(--e-cartao, #fff);
  border: 1px solid var(--linha); border-radius: var(--raio); box-shadow: 0 8px 24px rgba(16, 32, 24, .16); }
@media print { .nb-carregando-pagina { display: none !important; } }
audio { width: 100%; max-width: 100%; height: 32px; display: block; }
:root { color-scheme: only light; }
@media screen {
  :root[data-tema="escuro"] {
    color-scheme: only dark;
    --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;
    --grade-fundo: #17211c; --grade-divisoria: #34443b;
    --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;
    --g-1: #4a8dd6; --g-2: #d95926; --g-3: #199e70; --g-4: #9085e9; --g-5: #d55181; --g-6: #c98500;
  }
  :root[data-tema="escuro"] body.tema-cedusp   { --verde: #4a8dd6; --verde-esc: #a9c9f2; --verde-claro: #1a2c44;
                                                 --verde-fundo: #0f141b; --e-verde-esc-forte: #16355c; }
  :root[data-tema="escuro"] body.tema-prezecor { --verde: #6a80e2; --verde-esc: #b5c1f5; --verde-claro: #1f2550;
                                                 --verde-fundo: #10121c; --e-verde-esc-forte: #1d2b68; }
  :root[data-tema="escuro"] body.tema-laborpro { --verde: #3a92bd; --verde-esc: #9fd3ec; --verde-claro: #16303e;
                                                 --verde-fundo: #0e1519; --e-verde-esc-forte: #0d3346; }
  :root[data-tema="escuro"] body.entrada { background: #07170f;
    --fundo: color-mix(in srgb, var(--fundo-marca, var(--marca, #0b5c3f)) 52%, #000); }
}

/* — widgets/pagina.css */
.nb-pagina { display: contents; }
.pagina-avisos { display: contents; }
.pagina-topo { min-width: 0; }
.lt-fim > .linha-visoes { margin: 0; }
.nb-pagina main.pagina { display: flex; flex-direction: column; gap: var(--v-esp-4, 16px); }
.nb-pagina main.pagina > *,
.nb-pagina main.pagina > :is(.bloco, .pagina-avisos) > * { margin-top: 0; margin-bottom: 0; }
.nb-pagina main.pagina > :is(a, button, span, label, img, .btn),
.nb-pagina main.pagina > :is(.bloco, .pagina-avisos) > :is(a, button, span, label, img, .btn) { align-self: flex-start; }
.pagina-topo > :last-child { margin-bottom: 0; }

/* — widgets/barra_area.css */
:where(:root[data-visual="novo"]) .barra-area { position: relative; min-width: 0; max-width: 100%; margin: 0 0 12px; }
:where(:root[data-visual="novo"]) .barra-area[hidden] { display: none; }
:where(:root[data-visual="novo"]) .barra-area-abas { display: flex; flex-wrap: wrap; align-items: center; gap: 4px;
  margin: 0; padding: 0; list-style: none; }
:where(:root[data-visual="novo"]) .barra-area-item { position: relative; flex: none; margin: 0; }
:where(:root[data-visual="novo"]) .barra-area-aba { display: inline-flex; align-items: center; gap: 6px; height: 34px;
  padding: 0 12px; border-radius: 8px; color: var(--suave); font-size: var(--v-fonte-13px, 13px); font-weight: var(--v-peso-semi, 600); line-height: 1;
  text-decoration: none; white-space: nowrap; cursor: pointer; list-style: none; user-select: none; }
:where(:root[data-visual="novo"]) summary.barra-area-aba::-webkit-details-marker { display: none; }
@media (hover: hover) { :where(:root[data-visual="novo"]) .barra-area-aba:hover { background: var(--e-sutil, #eef1f0); color: var(--tinta); } }
:where(:root[data-visual="novo"]) .barra-area-aba.on { background: var(--verde-claro); color: var(--verde-esc); }
:where(:root[data-visual="novo"]) .barra-area-aba:focus-visible { outline: 2px solid var(--verde); outline-offset: 1px; }
:where(:root[data-visual="novo"]) .barra-area-aba > svg { flex: none; transition: transform .15s ease; }
:where(:root[data-visual="novo"]) .barra-area-grupo[open] > .barra-area-aba:not(.on) { background: var(--e-sutil, #eef1f0);
  color: var(--tinta); }
:where(:root[data-visual="novo"]) .barra-area-grupo[open] > .barra-area-aba > svg { transform: rotate(180deg); }
:where(:root[data-visual="novo"]) .barra-area-n { min-width: 20px; padding: 2px 6px; border-radius: 999px;
  background: var(--e-sutil, #eef1f0); color: var(--tinta); font-size: var(--v-fonte-11-5px, 11.5px); font-weight: var(--v-peso-semi, 600); line-height: 1.2;
  text-align: center; font-variant-numeric: tabular-nums; }
:where(:root[data-visual="novo"]) .barra-area .barra-area-menu { left: 0; right: auto; max-height: min(60vh, 480px);
  width: max-content; max-width: min(420px, calc(100vw - 2 * var(--v-esp-4, 16px))); box-sizing: border-box;
  overflow-y: auto; }
:where(:root[data-visual="novo"]) .barra-area .barra-area-mais .barra-area-menu { left: auto; right: 0; }
:where(:root[data-visual="novo"]) .barra-area-menu > li { margin: 0; }
:where(:root[data-visual="novo"]) .barra-area-opcao[aria-current="page"] { background: var(--verde-claro);
  color: var(--verde-esc); font-weight: var(--v-peso-semi, 600); }
:where(:root[data-visual="novo"]) .barra-area-opcao:focus-visible { outline: 2px solid var(--verde); outline-offset: -2px; }
:where(:root[data-visual="novo"]) .barra-area-opcao > svg { flex: none; width: 16px; height: 16px; color: var(--suave); }
:where(:root[data-visual="novo"]) .barra-area-opcao[aria-current="page"] > svg { color: inherit; }
:where(:root[data-visual="novo"]) .barra-area-opcao > .barra-area-n { margin-left: auto; }
:where(:root[data-visual="novo"]) .barra-area-menu > li.barra-area-tit { margin: var(--v-esp-2, 8px) var(--v-esp-3, 12px) var(--v-esp-1, 4px);
  color: var(--suave); font-size: var(--v-fonte-12px, 12px); font-weight: var(--v-peso-semi, 600); white-space: nowrap; }
:where(:root[data-visual="novo"]) .barra-area-menu > li.barra-area-tit:first-child { margin-top: var(--v-esp-1, 4px); }
.barra-area-grupo[data-lado="direita"] > .barra-area-menu { left: auto !important; right: 0 !important; }
.barra-area-grupo[data-lado="esquerda"] > .barra-area-menu { left: 0 !important; right: auto !important; }
@media (max-width: 760px) {
  :where(:root[data-visual="novo"]) .barra-area { overflow-x: auto; scrollbar-width: none;
    overscroll-behavior-x: contain; }
  :where(:root[data-visual="novo"]) .barra-area::-webkit-scrollbar { display: none; }
  :where(:root[data-visual="novo"]) .barra-area-abas { flex-wrap: nowrap; width: max-content; }
  :where(:root[data-visual="novo"]) .barra-area .barra-area-menu,
  :where(:root[data-visual="novo"]) .barra-area .barra-area-mais .barra-area-menu { position: fixed; top: auto;
    left: 12px; right: 12px; bottom: 12px; z-index: 955; width: auto; min-width: 0; max-width: none; max-height: 60vh; }
}
@media (prefers-reduced-motion: reduce) { :where(:root[data-visual="novo"]) .barra-area-aba > svg { transition: none; } }

/* — widgets/linha_titulo.css */
.lt { display: flex; flex-wrap: wrap; align-items: center; gap: var(--v-esp-3, 12px); min-width: 0;
  margin: 0 0 var(--v-esp-4, 16px); }
.lt > * { min-width: 0; }
.lt-tit { display: flex; align-items: center; gap: var(--v-esp-2, 8px); flex: 0 1 auto; }
.lt-tit > h1 { margin: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.lt-tit-svg { flex: none; color: var(--verde); stroke-width: 2; }
.lt-ajuda { position: relative; display: inline-flex; flex: none; }
.lt-ajuda-bt { display: grid; place-items: center; width: 22px; height: 22px; margin: 0; padding: 0;
  box-sizing: border-box; border: 1px solid var(--e-linha-forte, var(--linha)); border-radius: 50%;
  background: var(--e-cartao, var(--branco)); color: var(--suave); font: inherit; font-size: var(--v-fonte-12px, 12px); font-weight: var(--v-peso-negrito, 700);
  line-height: 1; cursor: help; }
.lt-ajuda-bt[aria-expanded="true"] { border-color: var(--verde); color: var(--verde-esc); }
@media (hover: hover) { .lt-ajuda-bt:hover { border-color: var(--verde); color: var(--verde-esc); } }
.lt-ajuda-bt:focus-visible { outline: 2px solid var(--verde); outline-offset: 1px; }
.lt-dica { position: absolute; top: calc(100% + 8px); left: -8px; z-index: 830; box-sizing: border-box;
  width: max-content; max-width: min(380px, calc(100vw - 32px)); padding: 8px 12px;
  border: 1px solid var(--linha); border-radius: var(--v-raio, 10px); background: var(--e-cartao, var(--branco));
  color: var(--tinta); box-shadow: var(--v-sombra-1); font-size: var(--v-fonte-85, .85rem); font-weight: var(--v-peso-normal, 400); line-height: 1.45;
  white-space: normal; display: none; opacity: 0; pointer-events: none; transition: opacity .12s ease-out; }
.lt-dica::before { content: ""; position: absolute; left: 0; right: 0; top: -9px; height: 9px; }
.lt-ajuda-bt[aria-expanded="true"] + .lt-dica { display: block; opacity: 1;
  pointer-events: auto; }
@media (hover: hover) { .lt-ajuda:hover > .lt-dica { display: block; opacity: 1;
  pointer-events: auto; } }
@starting-style {
  .lt-ajuda-bt[aria-expanded="true"] + .lt-dica { opacity: 0; }
  @media (hover: hover) { .lt-ajuda:hover > .lt-dica { opacity: 0; } }
}
@media (prefers-reduced-motion: reduce) { .lt-dica { transition: none; } }
.lt-criar, .lt-seletor, .lt-fim { display: flex; align-items: center; gap: var(--v-esp-2, 8px); flex: none; }
.lt-busca { flex: 1 1 260px; max-width: 640px; }
.lt-fim { margin-left: auto; }
.lt-fim .menu-acoes > .menu-acoes-bt:not(.menu-acoes-texto) { width: var(--ctl-h, 36px); height: var(--ctl-h, 36px); }
@media (max-width: 760px) {
  .lt-busca { order: 10; flex-basis: 100%; max-width: none; }
  .lt-tit { flex: 1 1 auto; }
  .lt-seletor { flex: 1 1 100%; flex-wrap: wrap; min-width: 0; }
  .lt-dica { position: fixed; top: auto; left: 16px; right: 16px; width: auto; max-width: none; margin-top: 30px; }
}
@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  :root[data-acrilico="on"] .lt-dica {
    background: color-mix(in srgb, var(--acr-base) 84%, transparent); border-color: var(--acr-borda); }
}

/* — widgets/painel_lateral.css */
:where(:root[data-visual="novo"]) body.nav-lateral { --lat-l: 272px; --lat-margem: 16px; --lat-respiro: 24px; }
:where(:root[data-visual="novo"]) .nb-troca { display: flex; }
:where(:root[data-visual="novo"]) .nb-troca > .pagina { flex: 1 1 auto; min-width: 0; }
:where(:root[data-visual="novo"]) .nb-lateral { position: sticky; top: var(--barra-h); flex: none; align-self: flex-start;
  box-sizing: border-box; display: flex; flex-direction: column; justify-content: center;
  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 { position: relative; isolation: isolate; box-sizing: border-box;
  display: flex; flex-direction: column; width: 100%; min-height: 0; max-height: 100%; overflow: hidden;
  background: var(--e-cartao, #fff); color: var(--tinta); border: 1px solid var(--linha); border-radius: 14px;
  box-shadow: var(--v-sombra-1, 0 4px 12px rgba(16, 32, 24, .08)); }
:where(:root[data-visual="novo"]) .nb-lateral-topo { flex: none; display: flex; align-items: center; gap: 8px;
  padding: 6px 6px 6px 18px; border-bottom: 1px solid var(--linha); }
:where(:root[data-visual="novo"]) .nb-lateral-nome { flex: 1; min-width: 0; margin: 0; overflow: hidden;
  text-overflow: ellipsis; white-space: nowrap; color: var(--suave); font-size: var(--v-fonte-11-5px, 11.5px); font-weight: var(--v-peso-semi, 600);
  letter-spacing: .02em; text-transform: uppercase; }
:where(:root[data-visual="novo"]) .nb-lateral-fechar { flex: none; width: 32px; height: 32px; display: grid;
  place-items: center; padding: 0; border: 0; border-radius: 8px; background: none; color: var(--suave);
  cursor: pointer; }
@media (hover: hover) { :where(:root[data-visual="novo"]) .nb-lateral-fechar:hover { background: var(--e-sutil, #eef1f0); color: var(--tinta); } }
:where(:root[data-visual="novo"]) .nb-lateral-fechar:focus-visible { outline: 2px solid var(--verde); outline-offset: -2px; }
:where(:root[data-visual="novo"]) .nb-lateral-rolo { flex: 1 1 auto; min-height: 0; overflow-x: hidden; overflow-y: auto;
  overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: var(--e-linha-forte, #c5d3ca) transparent;
  padding: 14px 10px 18px; }
:where(:root[data-visual="novo"]) .nb-lateral-aba { left: var(--sb-l); z-index: 840;
  display: none; padding: 8px 6px 11px 5px; color: var(--e-sobre-cor, #fff); border-radius: 0 14px 14px 0; box-shadow: 3px 4px 16px var(--e-aba-sombra, rgba(16, 32, 24, .22));
  transition: padding .18s ease, box-shadow .18s ease, left .2s ease; }
:where(:root[data-visual="novo"]) .nb-lateral-aba-ic { width: 28px; height: 28px; display: grid; place-items: center;
  border-radius: 50%; background: var(--e-sobre-cor, #fff); color: var(--marca, #0b5c3f);
  box-shadow: 0 0 0 2px var(--e-sobre-cor-anel, rgba(255, 255, 255, .9)); }
:where(:root[data-visual="novo"]) .nb-lateral-aba-rot { writing-mode: vertical-rl; transform: rotate(180deg); }
@media (hover: hover) { :where(:root[data-visual="novo"]) .nb-lateral-aba:hover { padding-left: 12px;
  box-shadow: 5px 6px 22px var(--e-aba-sombra-forte, rgba(16, 32, 24, .3)); } }
:where(:root[data-visual="novo"]) .nb-lateral-aba:focus-visible { outline: 3px solid var(--e-foco-sobre-cor, #ffd166);
  outline-offset: 2px; }
:where(:root[data-visual="novo"][data-lat="fechada"]) .nb-lateral { display: none; }
:where(:root[data-visual="novo"][data-lat="fechada"]) .nb-lateral-aba { display: flex; }
:where(:root[data-visual="novo"][data-lat="fechada"]) body.nav-lateral .nb-troca > .pagina { padding-left: 64px; }
:where(:root[data-visual="novo"]) .nb-lat-num { flex: none; min-width: 20px; padding: 0 6px; border-radius: 999px;
  background: var(--e-sutil, #eef1f0); color: var(--suave); font-size: var(--v-fonte-11px, 11px); font-weight: var(--v-peso-semi, 600); line-height: 18px;
  text-align: center; font-variant-numeric: tabular-nums; }
:where(:root[data-visual="novo"]) .nb-lat-vazio { margin: 8px; color: var(--suave); font-size: var(--v-fonte-13px, 13px); }
@media (max-width: 899px) {
  :where(:root[data-visual="novo"]) .nb-lateral { display: none; }
  :where(:root[data-visual="novo"]) .nb-lateral-aba { display: flex; }
  :where(:root[data-visual="novo"]) body.nav-lateral .nb-troca > .pagina { padding-left: 64px; }
  :where(:root[data-visual="novo"][data-lat-cel]) .nb-lateral { display: flex; position: fixed; top: var(--barra-h);
    bottom: 0; left: var(--sb-l); z-index: 1100; 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); }
  :where(:root[data-visual="novo"][data-lat-cel]) .nb-lateral-painel {
    box-shadow: var(--v-sombra-2, 0 12px 32px rgba(16, 32, 24, .2)); }
  :where(:root[data-visual="novo"][data-lat-cel]) .nb-lateral-aba { display: none; }
}
@media (max-width: 700px) {
  :where(:root[data-visual="novo"]) .nb-lateral-aba { top: auto; bottom: 88px; transform: none;
    padding: 8px 6px 10px 5px; }
  :where(:root[data-visual="novo"]) .nb-lateral-aba-ic { width: 34px; height: 34px; }
  :where(:root[data-visual="novo"]) body.nav-lateral .nb-troca > .pagina { padding-left: 16px; }
}
@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  @media screen {
    :where(:root[data-visual="novo"][data-acrilico="on"]) .nb-lateral-painel { background: transparent;
      border-color: var(--acr-borda);
      box-shadow: 0 8px 32px var(--acr-sombra), inset 0 1px 0 var(--acr-brilho); }
    :where(:root[data-visual="novo"][data-acrilico="on"]) .nb-lateral-painel::before { background: var(--acr-vidro); }
    :where(:root[data-visual="novo"][data-acrilico="on"]) .nb-lateral-topo { border-bottom-color: var(--acr-borda); }
    :where(:root[data-visual="novo"][data-acrilico="on"]) .nb-lateral-aba {
      background: color-mix(in srgb, var(--marca, #0b5c3f) 82%, transparent);
      box-shadow: 3px 4px 18px var(--e-aba-sombra, rgba(16, 32, 24, .22)),
        inset 0 1px 0 var(--e-aba-brilho, rgba(255, 255, 255, .22)); }
  }
}
@media (prefers-reduced-motion: reduce) {
  :where(:root[data-visual="novo"]) .nb-lateral-aba { transition: none; }
}
@media print {
  :where(:root[data-visual="novo"]) :is(.nb-lateral, .nb-lateral-aba) { display: none !important; }
  :where(:root[data-visual="novo"]) .nb-troca { display: block; }
}

/* — widgets/abas.css */
.abas { display: flex; gap: 4px; border-bottom: 2px solid var(--linha); margin-bottom: 18px; flex-wrap: wrap; }
.abas a { padding: 9px 14px; text-decoration: none; color: var(--suave); font-weight: var(--v-peso-semi, 600); border-bottom: 3px solid transparent; margin-bottom: -2px; }
.abas a.on { color: var(--verde-esc); border-color: var(--verde); }
.abas [role="tab"] { padding: 9px 14px; border: 0; border-bottom: 3px solid transparent; margin-bottom: -2px;
  background: none; color: var(--suave); font: inherit; font-weight: var(--v-peso-semi, 600); cursor: pointer; }
.abas [role="tab"][aria-selected="true"] { color: var(--verde-esc); border-color: var(--verde); }
.abas .abas-n { color: var(--suave); font-weight: var(--v-peso-medio, 500); }
.abas a[role="tab"][aria-selected="true"] .abas-n { color: inherit; }

/* — widgets/linha_visoes.css */
:where(:root[data-visual="novo"]) .linha-visoes { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px;
  min-width: 0; margin: 0 0 14px; }
:where(:root[data-visual="novo"]) .linha-visoes[hidden] { display: none; }
:where(:root[data-visual="novo"]) .lv-visoes { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 2px;
  max-width: 100%; padding: 3px; border: 1px solid var(--linha); border-radius: var(--v-raio-ctrl, 8px);
  background: var(--e-sutil, #eef1f0); }
:where(:root[data-visual="novo"]) .lv-visao { display: inline-flex; align-items: center; gap: 6px;
  min-height: var(--ctl-h-peq, 30px); box-sizing: border-box; padding: 0 12px; border-radius: 6px;
  color: var(--suave); font-size: var(--v-fonte-13px, 13px); font-weight: var(--v-peso-semi, 600); text-decoration: none; white-space: nowrap; }
:where(:root[data-visual="novo"]) .lv-visao > svg { flex: none; }
@media (hover: hover) { :where(:root[data-visual="novo"]) .lv-visao:hover { color: var(--tinta); } }
:where(:root[data-visual="novo"]) .lv-visao[aria-selected="true"] { background: var(--e-cartao, #fff); color: var(--verde-esc);
  box-shadow: var(--v-sombra-1); }
:where(:root[data-visual="novo"]) .lv-visao:focus-visible { outline: 2px solid var(--verde); outline-offset: 1px; }
:where(:root[data-visual="novo"]) .lv-abas { min-width: 0; max-width: 100%; }
:where(:root[data-visual="novo"]) .lv-abas > .abas { margin-bottom: 0; }
:where(:root[data-visual="novo"]) .lv-seletor { display: none; max-width: 100%; min-height: var(--ctl-h, 36px); }
:where(:root[data-visual="novo"]) .lv-conts { display: flex; flex-wrap: wrap; gap: 6px; margin: 0; padding: 0;
  list-style: none; }
:where(:root[data-visual="novo"]) .lv-cont { display: inline-flex; align-items: center; gap: 6px; min-height: 30px;
  box-sizing: border-box; padding: 3px 10px; border-radius: 999px; background: var(--e-sutil, #eef1f0);
  color: var(--tinta); font-size: var(--v-fonte-12-5px, 12.5px); text-decoration: none; white-space: nowrap; }
:where(:root[data-visual="novo"]) .lv-cont b { font-size: var(--v-fonte-14px, 14px); font-variant-numeric: tabular-nums; }
@media (hover: hover) { :where(:root[data-visual="novo"]) a.lv-cont:hover { box-shadow: inset 0 0 0 1px var(--linha); } }
:where(:root[data-visual="novo"]) a.lv-cont:focus-visible { outline: 2px solid var(--verde); outline-offset: 1px; }
:where(:root[data-visual="novo"]) .lv-cont.verde { background: var(--verde-claro); color: var(--verde-esc); }
:where(:root[data-visual="novo"]) .lv-cont.amarelo { background: var(--amarelo-f); color: var(--e-amarelo-t, var(--amarelo)); }
:where(:root[data-visual="novo"]) .lv-cont.vermelho { background: var(--vermelho-f); color: var(--e-vermelho-t, var(--vermelho)); }
:where(:root[data-visual="novo"]) .lv-cont.azul { background: var(--azul-f); color: var(--e-azul-t, var(--azul)); }
:where(:root[data-visual="novo"]) a.lv-cont[aria-current] { box-shadow: inset 0 0 0 2px currentColor; font-weight: var(--v-peso-semi, 600); }
:where(:root[data-visual="novo"]) .lv-direita { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 16px;
  margin-left: auto; min-width: 0; }
:where(:root[data-visual="novo"]) .lv-links { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 16px; }
:where(:root[data-visual="novo"]) .lv-link { display: inline-flex; align-items: center; gap: 6px; min-height: 30px;
  color: var(--verde-esc); font-size: var(--v-fonte-13px, 13px); font-weight: var(--v-peso-semi, 600); text-decoration: none; }
:where(:root[data-visual="novo"]) .lv-link > svg { flex: none; color: var(--suave); }
@media (hover: hover) { :where(:root[data-visual="novo"]) .lv-link:hover > span { text-decoration: underline; } }
:where(:root[data-visual="novo"]) .lv-link:focus-visible { outline: 2px solid var(--verde); outline-offset: 2px;
  border-radius: 4px; }
:where(:root[data-acrilico="on"]) .lv-links { gap: 6px; }
:where(:root[data-acrilico="on"]) .lv-link { padding: 0 10px; border-radius: 999px; background: var(--acr-vidro);
  -webkit-backdrop-filter: blur(var(--acr-blur, 18px)); backdrop-filter: blur(var(--acr-blur, 18px)); }
:where(:root[data-visual="novo"]) .lv-portal { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 16px;
  padding-left: 16px; border-left: 1px solid var(--linha); }
:where(:root[data-visual="novo"]) .lv-portal:first-child { padding-left: 0; border-left: 0; }
:where(:root[data-acrilico="on"]) .lv-portal { gap: 6px; }
:where(:root[data-visual="novo"]) .lv-mais { display: inline-block; }
:where(:root[data-visual="novo"]) .lv-mais.lv-celular { display: none; }
:where(:root[data-visual="novo"]) .lv-pedidos-dica { margin: 0 0 12px; color: var(--suave); font-size: var(--v-fonte-13px, 13px); }
:where(:root[data-visual="novo"]) .lv-grupo + .lv-grupo { margin-top: 14px; }
:where(:root[data-visual="novo"]) .lv-grupo-tit { display: flex; align-items: center; gap: 6px; margin: 0 0 6px;
  color: var(--suave); font-size: var(--v-fonte-12px, 12px); font-weight: var(--v-peso-negrito, 700); text-transform: uppercase; letter-spacing: .04em; }
:where(:root[data-visual="novo"]) .lv-grupo-n { margin-left: auto; font-weight: var(--v-peso-semi, 600); font-variant-numeric: tabular-nums; }
:where(:root[data-visual="novo"]) .lv-grupo-lista { display: grid; gap: 2px; margin: 0; padding: 0; list-style: none; }
:where(:root[data-visual="novo"]) .lv-pedido { display: flex; align-items: center; min-height: 34px; padding: 0 10px;
  border-radius: 6px; color: var(--tinta); text-decoration: none; }
@media (hover: hover) { :where(:root[data-visual="novo"]) .lv-pedido:hover { background: var(--e-sutil, #eef1f0); color: var(--verde-esc); } }
:where(:root[data-visual="novo"]) .lv-pedido:focus-visible { outline: 2px solid var(--verde); outline-offset: -2px; }
@media (max-width: 760px) {
  :where(:root[data-visual="novo"]) .lv-visoes { display: none; }
  :where(:root[data-visual="novo"]) .lv-seletor { display: block; flex: 1 1 160px; }
  :where(:root[data-visual="novo"]) .lv-links,
  :where(:root[data-visual="novo"]) .lv-portal { display: none; }
  :where(:root[data-visual="novo"]) .lv-mais.lv-largo { display: none; }
  :where(:root[data-visual="novo"]) .lv-mais.lv-celular { display: inline-block; }
}

/* — widgets/cartao.css */
.card { background: var(--branco); border: 1px solid var(--linha); border-radius: var(--raio); padding: 20px 22px; margin-bottom: 18px; }
.card > h2 { display: flex; align-items: center; gap: 10px; }
.card:has(table) { overflow-x: auto; }
@supports not selector(:has(*)) { .card { overflow-x: auto; } }
.cartao-topo { display: flex; flex-wrap: wrap; align-items: center; gap: var(--v-esp-2, 8px) var(--v-esp-3, 12px);
  margin-bottom: var(--v-esp-3, 12px); }
.cartao-topo > h2 { flex: 1 1 auto; display: flex; align-items: center; gap: 10px; min-width: 0; margin: 0; }
.cartao-acoes { display: flex; flex-wrap: wrap; align-items: center; gap: var(--v-esp-2, 8px); margin: 0; }
details.card > .cartao-acoes { margin: var(--v-esp-2, 8px) 0; }
section.card[data-widget="cartao"] { display: flex; flex-direction: column; gap: var(--v-esp-3, 12px); }
section.card[data-widget="cartao"] > * { margin-top: 0; margin-bottom: 0; }
section.card[data-widget="cartao"] > h2:first-child { margin-bottom: 0; }
section.card[data-widget="cartao"] > :is(a, button, span, label, img, .btn) { align-self: flex-start; }

/* — widgets/grade.css */
.grade { display: grid; gap: 12px 16px; grid-template-columns: repeat(12, 1fr); }
.c2 { grid-column: span 2; } .c3 { grid-column: span 3; } .c4 { grid-column: span 4; } .c5 { grid-column: span 5; }
.c6 { grid-column: span 6; } .c8 { grid-column: span 8; } .c12 { grid-column: span 12; }
@media (max-width: 760px) { .grade > * { grid-column: span 12 !important; } }
.c1 { grid-column: span 1; } .c7 { grid-column: span 7; } .c9 { grid-column: span 9; }
.c10 { grid-column: span 10; } .c11 { grid-column: span 11; }

/* — widgets/janela.css */
dialog.modal, dialog.ui-confirma { border: 1px solid var(--linha); border-radius: 14px; padding: 18px 20px;
  background: var(--e-cartao, #fff); color: var(--tinta); width: min(720px, calc(100vw - 32px));
  max-height: calc(100vh - 32px); overflow-y: auto; }
dialog.modal.estreita, dialog.ui-confirma { width: min(480px, calc(100vw - 32px)); }
dialog.modal:not(.lateral), dialog.ui-confirma { margin: auto !important;
  max-height: calc(100dvh - 2 * var(--v-esp-4, 16px)); }
dialog.modal.larga { width: min(980px, calc(100vw - 32px)); }
dialog.modal.lateral[open] { display: flex; flex-direction: column; }
dialog.modal.lateral { margin: 0 0 0 auto; height: 100dvh; max-height: 100dvh; width: min(480px, 100vw);
  max-width: 100vw; border-radius: 14px 0 0 14px; border-right: 0; overflow: hidden; padding-bottom: 14px; }
dialog.modal.lateral > :not(.modal-topo):not(.modal-pe):not(.msg) { flex: 1 1 auto; overflow-y: auto; min-height: 0; }
dialog.modal.lateral .modal-pe { margin-top: 12px; padding-top: 12px; border-top: 1px solid var(--linha); }
dialog.modal.lateral.larga { width: min(980px, 100vw); }
@media (max-width: 560px) { dialog.modal.lateral { width: 100vw; border-radius: 0; border: 0; } }
@media (prefers-reduced-motion: no-preference) {
  dialog.modal.lateral[open] { animation: lateral-entra .18s ease-out; }
  @keyframes lateral-entra { from { transform: translateX(24px); opacity: .6; } }
}
dialog.modal::backdrop, dialog.ui-confirma::backdrop { background: var(--e-veu-janela, rgba(15, 30, 22, .45)); }
.modal-topo { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-bottom: 12px; }
.modal-topo h2 { margin: 0; }
.modal-topo form { margin: 0; }
.modal-pe { display: flex; gap: 10px; justify-content: flex-end; flex-wrap: wrap; margin-top: 16px; }
.janela-corpo { display: flex; flex-direction: column; gap: var(--v-esp-4, 16px); }
.janela-corpo > * { margin-top: 0; margin-bottom: 0; flex-shrink: 0; }
.janela-corpo > :is(a, button, span, label, img, .btn) { align-self: flex-start; }

/* — widgets/gaveta_registro.css */
.gaveta-registro-corpo { container: gaveta-registro / inline-size; min-width: 0; }
.gaveta-registro-topo { display: flex; flex-wrap: wrap; align-items: center; gap: var(--v-esp-2, 8px);
  margin: 0 0 var(--v-esp-3, 12px); }
.gaveta-registro-ferramentas { display: flex; flex-wrap: wrap; align-items: center; gap: var(--v-esp-2, 8px);
  margin-left: auto; }
.gaveta-registro-acoes { display: flex; flex-wrap: wrap; align-items: center; gap: var(--v-esp-2, 8px); }
.gaveta-registro-corpo > .etapas.funil { margin: 0 0 var(--v-esp-4, 16px); }
.gaveta-registro-abas { display: flex; flex-wrap: wrap; align-items: flex-end; column-gap: var(--v-esp-3, 12px);
  border-bottom: 2px solid var(--linha); margin: 0 0 var(--v-esp-4, 16px); }
.gaveta-registro-abas > .abas { border-bottom: 0; margin-bottom: 0; }
.gaveta-registro-apps { display: flex; flex-wrap: wrap; align-items: flex-end; gap: var(--v-esp-1, 4px);
  padding-left: var(--v-esp-3, 12px); border-left: 1px solid var(--linha); }
.gaveta-registro-apps:only-child { padding-left: 0; border-left: 0; }
.gaveta-registro-app { display: inline-flex; align-items: center; gap: var(--v-esp-1, 4px); padding: 9px 14px;
  color: var(--suave); font-weight: var(--v-peso-semi, 600); text-decoration: none; border-bottom: 3px solid transparent;
  margin-bottom: -2px; }
.gaveta-registro-app:focus-visible { color: var(--verde-esc); border-color: var(--linha); }
@media (hover: hover) { .gaveta-registro-app:hover { color: var(--verde-esc); border-color: var(--linha); } }
.gaveta-registro-app .ic { opacity: .75; }
.gaveta-registro-app-n { color: var(--suave); font-weight: var(--v-peso-medio, 500); }
.gaveta-registro-painel { min-width: 0; }
.gaveta-registro-colunas { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
  gap: var(--v-esp-5, 24px); align-items: start; }
.gaveta-registro-resumo, .gaveta-registro-linha { min-width: 0; }
@container gaveta-registro (max-width: 720px) {
  .gaveta-registro-colunas { grid-template-columns: minmax(0, 1fr); }
}
.gaveta-registro-pe { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: var(--v-esp-2, 8px);
  margin-top: var(--v-esp-4, 16px); padding-top: var(--v-esp-3, 12px); border-top: 1px solid var(--linha); }
.gaveta-registro-resumo, .gaveta-registro-linha { display: flex; flex-direction: column; gap: var(--v-esp-4, 16px); }
.gaveta-registro-resumo > *, .gaveta-registro-linha > * { margin-top: 0; margin-bottom: 0; }
.gaveta-registro-painel { display: flex; flex-direction: column; gap: var(--v-esp-4, 16px); }
.gaveta-registro-painel > * { margin-top: 0; margin-bottom: 0; }

/* — widgets/fileira.css */
[data-widget="tabela"] + [data-widget="fileira"] { margin-top: var(--v-esp-3, 12px); }

/* — widgets/pagina_avulsa.css */
.ac-barra > .btn:first-child:not(:only-child) { margin-right: auto; }

/* — widgets/tabela.css */
.tabela-wrap { overflow-x: auto; }
table.t { width: 100%; border-collapse: collapse; font-size: var(--v-fonte-88, .88rem); }
table.t th { text-align: left; font-size: var(--v-fonte-75, .75rem); text-transform: uppercase; letter-spacing: .02em; color: var(--suave); border-bottom: 2px solid var(--linha); padding: 7px 8px; background: var(--verde-fundo); position: sticky; top: 0; }
table.t td { border-bottom: 1px solid var(--grade-divisoria, #e1e8e4); padding: 6px 8px; vertical-align: middle; }
table.t tr.grupo td { background: var(--verde-claro); font-weight: var(--v-peso-negrito, 700); color: var(--verde-esc); font-size: var(--v-fonte-80, .8rem); text-transform: uppercase; }
table.t .dir { text-align: right; white-space: nowrap; }
table.t td.tabela-cod { white-space: nowrap; max-width: 16ch; overflow: hidden; text-overflow: ellipsis; }
table.t input[type=text] { padding: 5px 7px; }
table.t input.valor { width: 100px; text-align: right; }
table.t input.prazo { width: 150px; }
table.t td, table.t th { vertical-align: top; }
th .th-ordem { color: inherit; text-decoration: none; }
@media (hover: hover) { th .th-ordem:hover { text-decoration: underline; } }
table.t:not(.ficha), .tabela-caixa { background-color: var(--grade-fundo, #fff); }
table.t, .tabela-fixa { --grade-marcada: color-mix(in srgb, var(--verde) 30%, var(--grade-fundo, #fff)); }
th .th-ordem { display: inline-flex; align-items: center; gap: var(--v-esp-1, 4px); }
th button.th-ordem { padding: 0; border: 0; background: none; font: inherit; letter-spacing: inherit;
  text-transform: inherit; cursor: pointer; }
th .th-seta { flex: none; }
table.t .tabela-centro { text-align: center; }
tr.ac-mudada > td { background: color-mix(in srgb, var(--amarelo-f) 80%, transparent); }
tr.ac-sugerida > td { background: color-mix(in srgb, var(--azul-f) 55%, transparent); }
table.t tr[data-abrir] { cursor: pointer; }
@media (hover: hover) { table.t tr[data-abrir]:hover > td { background-color: var(--v-linha-hover, var(--e-sutil, #eef1f0)); } }
table.t .tabela-abrir { color: inherit; font-weight: var(--v-peso-semi, 600); text-decoration: none; }
table.t .tabela-abrir:focus-visible { color: var(--verde-esc); text-decoration: underline; }
@media (hover: hover) { table.t .tabela-abrir:hover { color: var(--verde-esc); text-decoration: underline; } }
table.t .tabela-sel { width: 1%; text-align: center; vertical-align: middle; white-space: nowrap; cursor: default; }
table.t .tabela-sel input { margin: 0; accent-color: var(--verde); cursor: pointer; }
table.t tr:has(> td.tabela-sel > input:checked) > td { background-color: var(--grade-marcada, var(--verde-claro)); }
table.t tr:has(> td.tabela-sel > input:checked) > td:first-child {
  background-image: linear-gradient(to right, var(--verde) 3px, transparent 3px); }
.tabela-lote { position: sticky; left: 0; display: flex; flex-wrap: wrap; align-items: center;
  gap: var(--v-esp-2, 8px); margin-bottom: var(--v-esp-2, 8px); padding: var(--v-esp-2, 8px) var(--v-esp-3, 12px);
  border: 1px solid var(--linha); border-radius: var(--v-raio-ctrl, 8px); background: var(--verde-claro);
  color: var(--verde-esc); }
.tabela-lote-conta { margin-right: auto; }
table.t tr.tabela-vazia > td { padding: var(--v-esp-4, 16px) var(--v-esp-2, 8px); }
table.t tr.tabela-vazia .estado.vazio { padding-block: var(--v-esp-1, 4px); }
table.t tr.tabela-vazia .estado.vazio > b { color: var(--suave); font-size: inherit; font-weight: var(--v-peso-normal, 400); }
:root[data-densidade="compacta"] table.t:not(.ficha) td { padding-block: 3px; }
:root[data-densidade="compacta"] table.t:not(.ficha) th { padding-block: 4px; }
.tabela-grade-wrap { overflow-x: visible; }
.tabela-grade-ordem { display: flex; flex-wrap: wrap; align-items: center; gap: var(--v-esp-2, 8px);
  margin: 0 0 var(--v-esp-3, 12px); font-size: var(--v-fonte-80, .8rem); color: var(--suave); }
.tabela-grade-ordem .th-ordem { display: inline-flex; align-items: center; gap: var(--v-esp-1, 4px);
  color: var(--tinta); text-decoration: none; }
.tabela-grade-ordem .th-ordem:focus-visible { text-decoration: underline; }
@media (hover: hover) { .tabela-grade-ordem .th-ordem:hover { text-decoration: underline; } }
.tabela-grade-ordem button.th-ordem { padding: 0; border: 0; background: none; font: inherit; cursor: pointer; }
.tabela-grade-ordem-col[aria-current="true"] .th-ordem { font-weight: var(--v-peso-negrito, 700); color: var(--verde-esc); }
.tabela-grade { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--v-esp-3, 12px);
  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); }
.tabela-bloco { position: relative; display: flex; flex-direction: column; align-items: center; gap: var(--v-esp-1, 4px);
  min-width: 0; padding: var(--v-esp-3, 12px) var(--v-esp-2, 8px); border: 1px solid var(--linha);
  border-radius: var(--v-raio, 8px); background: var(--e-cartao, #fff); text-align: center; font-size: var(--v-fonte-82, .82rem); }
@media (hover: hover) { .tabela-bloco:hover { background: var(--e-sutil, #eef1f0); } }
.tabela-bloco.nao-realiza { opacity: .6; }
.tabela-bloco-icone { color: var(--verde); line-height: 0; margin-bottom: var(--v-esp-1, 4px); }
.tabela-bloco-titulo { max-width: 100%; font-weight: var(--v-peso-semi, 600); overflow-wrap: anywhere; color: var(--tinta); }
.tabela-bloco-titulo a { color: inherit; text-decoration: none; }
.tabela-bloco-titulo a:focus-visible { color: var(--verde-esc); text-decoration: underline; }
@media (hover: hover) { .tabela-bloco-titulo a:hover { color: var(--verde-esc); text-decoration: underline; } }
.tabela-bloco-dado { max-width: 100%; color: var(--suave); font-size: var(--v-fonte-76, .76rem); overflow-wrap: anywhere; }
.tabela-bloco-acoes { position: absolute; top: var(--v-esp-1, 4px); right: var(--v-esp-1, 4px); }
.tabela-grade-wrap > .tabela-vazia { padding: var(--v-esp-4, 16px) var(--v-esp-2, 8px); }
@media (max-width: 420px) { .tabela-grade { grid-template-columns: 1fr 1fr; } }
table.t td > svg.ic:first-child { vertical-align: -3px; margin-right: var(--v-esp-1, 4px); }
table.t .tabela-engrenagem { display: inline-flex; align-items: center; justify-content: center; width: 1.5rem;
  height: 1.5rem; padding: 0; border: 0; border-radius: var(--v-raio-ctrl, 6px); background: none;
  color: var(--suave); vertical-align: middle; cursor: pointer; }
table.t .tabela-engrenagem:focus-visible { color: var(--verde-esc); background: var(--e-sutil, #eef1f0); }
@media (hover: hover) { table.t .tabela-engrenagem:hover { color: var(--verde-esc); background: var(--e-sutil, #eef1f0); } }
table.t th.tabela-sel input + .tabela-engrenagem { margin-left: var(--v-esp-1, 4px); }
table.t th.tabela-sel input { vertical-align: middle; }
.tabela-colunas { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--v-esp-1, 4px); }
.tabela-colunas-item { display: flex; align-items: center; gap: var(--v-esp-1, 4px);
  padding: var(--v-esp-1, 4px) var(--v-esp-2, 8px); border: 1px solid var(--linha);
  border-radius: var(--v-raio-ctrl, 8px); background: var(--e-cartao, #fff); }
.tabela-colunas-marca { flex: 1; display: flex; align-items: center; gap: var(--v-esp-2, 8px); min-width: 0; margin: 0;
  font-weight: var(--v-peso-medio, 500); color: var(--tinta); cursor: pointer; overflow-wrap: anywhere; }
.tabela-colunas-marca input { flex: none; margin: 0; accent-color: var(--verde); cursor: pointer; }
.tabela-colunas-item:has(input:not(:checked)) .tabela-colunas-marca { color: var(--suave); }
.tabela-fixa { --tabela-sel-w: 2.5rem;
  --tabela-preso: var(--grade-fundo, #fff); }
.tabela-fixa:has(.tabela-engrenagem) { --tabela-sel-w: 3.75rem; }
.tabela-fixa > table.t :is(th, td).tabela-sel { width: var(--tabela-sel-w); min-width: var(--tabela-sel-w);
  max-width: var(--tabela-sel-w); }
.tabela-fixa > table.t :is(th, td):is(.tabela-sel, .tabela-c1) { position: sticky; left: 0; z-index: 1; }
.tabela-fixa > table.t th:is(.tabela-sel, .tabela-c1) { z-index: 2; }
.tabela-fixa > table.t:has(.tabela-sel) :is(th, td).tabela-c1 { left: var(--tabela-sel-w); }
.tabela-fixa[data-rolada] > table.t :is(th, td).tabela-c1 { box-shadow: inset -1px 0 0 var(--linha); }
.tabela-fixa[data-rolada] > table.t td:is(.tabela-sel, .tabela-c1) { background: var(--tabela-preso); }
.tabela-fixa[data-rolada] > table.t th:is(.tabela-sel, .tabela-c1) {
  background: linear-gradient(var(--v-cab, var(--verde-fundo)), var(--v-cab, var(--verde-fundo))), var(--tabela-preso); }
.tabela-fixa[data-rolada] > table.t tbody > tr:nth-child(even) > td:is(.tabela-sel, .tabela-c1) {
  background: linear-gradient(var(--v-zebra, transparent), var(--v-zebra, transparent)), var(--tabela-preso); }
@media (hover: hover) { .tabela-fixa[data-rolada] > table.t tbody > tr:has(> td):hover > td:is(.tabela-sel, .tabela-c1) {
  background: linear-gradient(var(--v-linha-hover, var(--e-sutil, #eef1f0)), var(--v-linha-hover, var(--e-sutil, #eef1f0))),
    var(--tabela-preso); } }
.tabela-fixa[data-rolada] > table.t tbody > tr:has(> td.tabela-sel > input:checked) > td:is(.tabela-sel, .tabela-c1) {
  background: var(--grade-marcada, var(--verde-claro)); }
.tabela-fixa[data-rolada] > table.t tbody > tr:has(> td.tabela-sel > input:checked) > td.tabela-sel {
  background: linear-gradient(to right, var(--verde) 3px, transparent 3px), var(--grade-marcada, var(--verde-claro)); }
.tabela-lote.tabela-lote-preso { position: sticky; left: auto; bottom: var(--v-esp-2, 8px); z-index: 3;
  margin: var(--v-esp-2, 8px) 0 0; box-shadow: var(--v-sombra-2, 0 12px 32px rgba(16, 32, 24, .2));
  background: linear-gradient(var(--verde-claro), var(--verde-claro)), var(--acr-base, var(--branco, #fff)); }
.card:has(.tabela-lote-preso) { overflow-x: visible; }
.tabela-rodape { display: flex; flex-wrap: wrap; align-items: center; gap: var(--v-esp-2, 8px) var(--v-esp-4, 16px);
  margin-top: var(--v-esp-2, 8px); padding: var(--v-esp-2, 8px); border-top: 1px solid var(--linha);
  font-size: var(--v-fonte-85, .85rem); }
.tabela-rodape > .lista-paginas { flex: 1 1 auto; padding: 0; }
.tabela-rodape-sel { margin: 0; color: var(--e-suave, var(--suave)); }
.tabela-rodape-sel b { color: var(--e-tinta, var(--tinta)); font-weight: var(--v-peso-semi-forte, 650); font-variant-numeric: tabular-nums; }
.tabela-rodape .lista-por { margin-left: auto; }
@media (max-width: 640px) { .tabela-rodape { flex-direction: column; align-items: stretch; }
  .tabela-rodape .lista-por { margin-left: 0; justify-content: flex-end; } }
.tabela-barra { display: flex; flex-wrap: wrap; align-items: center; gap: var(--v-esp-2, 8px);
  margin-bottom: var(--v-esp-2, 8px); padding: var(--v-esp-2, 8px) var(--v-esp-2, 8px) 0; }
table.t tr.tabela-grupo > td { background: var(--e-sutil, #eef1f0); font-weight: var(--v-peso-semi, 600); color: var(--tinta);
  border-bottom: 1px solid var(--linha); vertical-align: middle; }
table.t td.tabela-grupo-rotulo { white-space: nowrap; }
.tabela-grupo-bt { display: inline-flex; align-items: center; justify-content: center; width: 1.5rem; height: 1.5rem;
  margin-right: var(--v-esp-1, 4px); padding: 0; border: 0; border-radius: var(--v-raio-ctrl, 6px); background: none;
  color: var(--suave); vertical-align: middle; cursor: pointer; }
.tabela-grupo-bt:focus-visible { color: var(--verde-esc); background: var(--e-cartao, #fff); }
@media (hover: hover) { .tabela-grupo-bt:hover { color: var(--verde-esc); background: var(--e-cartao, #fff); } }
.tabela-grupo-n { display: inline-block; min-width: 1.5rem; margin-left: var(--v-esp-2, 8px);
  padding: 0 var(--v-esp-1, 4px); border-radius: 999px; background: var(--e-cartao, #fff); color: var(--suave);
  font-size: var(--v-fonte-75, .75rem); font-weight: var(--v-peso-semi, 600); text-align: center; font-variant-numeric: tabular-nums; }
.tabela-soma { display: block; white-space: nowrap; font-variant-numeric: tabular-nums; }
:root table.t tfoot.tabela-totais :is(th, td) { padding: 7px 8px; border-top: 2px solid var(--linha);
  border-bottom: 1px solid var(--linha); font-weight: var(--v-peso-semi-forte, 650); color: var(--tinta); background: var(--verde-fundo);
  vertical-align: top; -webkit-backdrop-filter: none; backdrop-filter: none; }
:root table.t tfoot.tabela-totais th.tabela-soma-rotulo { position: static; text-align: left; font-size: var(--v-fonte-75, .75rem);
  text-transform: uppercase; letter-spacing: .02em; color: var(--suave); }
:root table.t tfoot.tabela-totais tr.tabela-totais-sel > :is(th, td) { border-top: 1px solid var(--linha);
  background: var(--verde-claro); color: var(--verde-esc); }
table.t td.tabela-edita { position: relative; cursor: text; }
.tabela-edita-bt { position: absolute; top: 50%; right: 2px; transform: translateY(-50%); display: inline-flex;
  align-items: center; justify-content: center; width: 1.25rem; height: 1.25rem; padding: 0; border: 0;
  border-radius: var(--v-raio-ctrl, 6px); background: var(--e-cartao, #fff); color: var(--suave); opacity: 0;
  cursor: pointer; }
table.t td.tabela-edita:hover .tabela-edita-bt, .tabela-edita-bt:focus-visible { opacity: 1; }
.tabela-edita-bt:focus-visible { color: var(--verde-esc); background: var(--e-sutil, #eef1f0); }
@media (hover: hover) { .tabela-edita-bt:hover { color: var(--verde-esc); background: var(--e-sutil, #eef1f0); } }
table.t td.tabela-recusada { box-shadow: inset 0 0 0 2px var(--vermelho); }
table.t td.tabela-recusada .tabela-edita-bt { opacity: 1; color: var(--vermelho); }
table.t td.tabela-gravando .tabela-novo { color: var(--suave); font-style: italic; }
table.t td.tabela-editando { padding-block: 2px; }
.tabela-editor { margin: 0; }
.tabela-editor .campo { margin: 0; }
.tabela-editor :is(input, select) { width: 100%; min-width: 7rem; }
.tabela-aviso.tabela-aviso-com { display: flex; flex-wrap: wrap; align-items: center; gap: var(--v-esp-2, 8px);
  margin-bottom: var(--v-esp-2, 8px); padding: var(--v-esp-1, 4px) var(--v-esp-3, 12px); border: 1px solid var(--linha);
  border-radius: var(--v-raio-ctrl, 8px); background: var(--e-cartao, #fff); font-size: var(--v-fonte-85, .85rem); }
.tabela-aviso-texto { margin-right: auto; }
.tabela-aviso.tabela-aviso-recusada { border-color: var(--vermelho); color: var(--vermelho); }
.tabela-aviso.tabela-aviso-gravada, .tabela-aviso.tabela-aviso-desfeita { border-color: var(--verde);
  color: var(--verde-esc); }
.tabela-todos-filtro { display: inline-flex; flex-wrap: wrap; align-items: center; gap: var(--v-esp-1, 4px); }
.tabela-todos-filtro-bt { padding: 0; border: 0; background: none; color: var(--verde-esc); font: inherit;
  font-weight: var(--v-peso-semi-forte, 650); text-decoration: underline; cursor: pointer; }
.tabela-lote-filtro { color: var(--verde-esc); font-weight: var(--v-peso-semi, 600); }
.tabela-resumo { display: grid; gap: var(--v-esp-3, 12px); }
.tabela-resumo-quantos { margin: 0; }
.tabela-resumo-somas { display: grid; grid-template-columns: auto 1fr; gap: var(--v-esp-1, 4px) var(--v-esp-3, 12px);
  margin: 0; }
.tabela-resumo-somas dt { grid-column: 1; color: var(--suave); }
.tabela-resumo-somas dd { grid-column: 2; margin: 0; font-weight: var(--v-peso-semi-forte, 650); font-variant-numeric: tabular-nums; }
.tabela-resumo-mudancas { margin: 0; padding-left: 1.2em; }
@media (max-width: 640px) { .tabela-barra { flex-direction: column; align-items: stretch; } }

/* — widgets/paginacao.css */
.paginas { display: flex; gap: 12px; align-items: center; justify-content: center; padding: 12px 0 2px; }
.lista-paginas { display: flex; flex-wrap: wrap; gap: 8px 16px; align-items: center; justify-content: space-between;
  padding: 12px 0 2px; }
.lista-conta { margin: 0; color: var(--e-suave, var(--suave)); }
.lista-conta b { color: var(--e-tinta, var(--tinta)); font-weight: var(--v-peso-semi-forte, 650); font-variant-numeric: tabular-nums; }
.lista-paginas .lista-nums { padding: 0; gap: 4px; flex-wrap: wrap; }
.lista-nums a:not(.btn) { min-width: 30px; padding: 4px 8px; border-radius: 6px; text-align: center;
  color: var(--e-tinta, var(--tinta)); text-decoration: none; font-variant-numeric: tabular-nums; }
@media (hover: hover) { .lista-nums a:not(.btn):hover { background: var(--verde-fundo); } }
.lista-nums a.on { background: var(--verde-claro); color: var(--verde-esc); font-weight: var(--v-peso-semi-forte, 650); }
.lista-por { display: flex; align-items: center; gap: 8px; margin: 0; }
.lista-por label { margin: 0; font-weight: var(--v-peso-normal, 400); color: var(--e-suave, var(--suave)); }
.lista-por select { width: auto; min-height: var(--ctl-h-peq, 30px); }
@media (max-width: 640px) {
  .lista-paginas { flex-direction: column; align-items: stretch; }
  .lista-paginas .lista-nums { justify-content: center; }
}
:where(:root[data-visual="novo"]) .paginas a { min-width: var(--ctl-h-peq); text-align: center; border-radius: var(--v-raio-ctrl); padding: 4px 8px; }
:where(:root[data-visual="novo"]) .paginas a.on { background: var(--verde-claro); color: var(--verde-esc); font-weight: var(--v-peso-semi-forte, 650); }
.lista-nums button:not(.btn) { min-width: 30px; padding: 4px 8px; border: 0; border-radius: var(--v-raio-ctrl, 6px);
  background: none; color: var(--e-tinta, var(--tinta)); font: inherit; font-variant-numeric: tabular-nums;
  cursor: pointer; }
@media (hover: hover) { .lista-nums button:not(.btn):hover { background: var(--verde-fundo); } }
.lista-nums button.on { background: var(--verde-claro); color: var(--verde-esc); font-weight: var(--v-peso-semi-forte, 650); }
.lista-nums .btn svg { flex: none; }
.lista-reticencias { padding: 0 var(--v-esp-1, 4px); color: var(--e-suave, var(--suave)); }

/* — widgets/filtro.css */
.filtros { display: flex; gap: 10px; flex-wrap: wrap; align-items: end; margin-bottom: 14px; }
.filtros > div { min-width: 160px; }
.lista-filtros .lista-busca { flex: 1 1 260px; max-width: 460px; }
.lista-filtros .lista-busca input { width: 100%; }
.filtro-destaque .lista-busca { flex: 1 1 40rem; max-width: 56rem; --linha-h: 2.6rem; }
.filtro-destaque .lista-busca input { height: 2.6rem; font-size: var(--v-fonte-100, 1rem); }
@media (max-width: 640px) {
  .lista-filtros .lista-busca { max-width: none; flex-basis: 100%; }
  .lista-filtros .lista-busca input { font-size: var(--v-fonte-16px, 16px); }
}
.chip[aria-current] { border-color: var(--verde); background: var(--verde-claro); color: var(--verde-esc); }
.filtro-sim-nao { min-width: 0; margin: 0; padding: 0; border: 0; }
.filtro-sim-nao legend { margin-bottom: 3px; padding: 0; color: var(--suave); font-size: var(--v-fonte-80, .8rem); font-weight: var(--v-peso-semi, 600); }
.filtro-sim-nao .chip { min-height: var(--linha-h, var(--ctl-h, 36px)); }
.filtro-sim-nao .chip:has(> input:checked) { border-color: var(--verde); background: var(--verde-claro);
  color: var(--verde-esc); }
.filtro-sim-nao .chip:has(> input:focus-visible) { outline: 2px solid var(--verde); outline-offset: 1px; }
.filtro-periodo-l > :is(select, input[type=date]) { width: auto; }

/* — widgets/busca.css */
.bsc { min-width: 0; }
.bsc-caixa { display: flex; align-items: center; gap: 6px; min-width: 0; min-height: var(--ctl-h, 36px); margin: 0;
  padding: 0 4px 0 10px; box-sizing: border-box; border: 1px solid var(--e-linha-forte, var(--linha));
  border-radius: var(--v-raio-ctrl, 8px); background: var(--e-campo, var(--branco)); color: var(--tinta); }
.bsc-caixa:focus-within { border-color: var(--verde);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--verde) 22%, transparent); }
.bsc-lupa { flex: none; color: var(--suave); }
.bsc-caixa input[type=search] { flex: 1 1 8em; min-width: 5em; height: calc(var(--ctl-h, 36px) - 2px); margin: 0;
  padding: 0 4px; border: 0; border-radius: 0; background: transparent; color: inherit; font: inherit;
  box-shadow: none; outline: none; }
.bsc-caixa input[type=search]::-webkit-search-cancel-button { display: none; }
.bsc-caixa input[type=search]::placeholder { color: var(--e-apagado, var(--suave)); }
.bsc-chip { display: inline-flex; align-items: center; gap: 2px; flex: 0 1 auto; min-width: 0; max-width: 60%;
  min-height: 26px; padding: 0 3px 0 10px; box-sizing: border-box;
  border: 1px solid color-mix(in srgb, var(--verde) 45%, transparent); border-radius: var(--v-raio-pilula, 999px);
  background: var(--verde-claro); color: var(--verde-esc); font-size: var(--v-fonte-85, .85rem); font-weight: var(--v-peso-semi, 600); }
.bsc-chip-t { min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: inherit;
  text-decoration: none; }
@media (hover: hover) { .bsc-chip-t:hover { text-decoration: underline; } }
.bsc-chip-x { display: grid; place-items: center; flex: none; width: 20px; height: 20px; border-radius: 50%;
  color: inherit; }
@media (hover: hover) { .bsc-chip-x:hover { background: color-mix(in srgb, var(--verde) 22%, transparent); } }
.bsc-chip a:focus-visible { outline: 2px solid var(--verde); outline-offset: 1px; }
.bsc-bt { position: relative; display: grid; place-items: center; flex: none; width: 28px; height: 28px;
  border-radius: var(--v-raio-ctrl, 8px); color: var(--suave); text-decoration: none; }
@media (hover: hover) { .bsc-bt:hover { background: var(--e-sutil, #eef1f0); color: var(--tinta); } }
.bsc-bt:focus-visible { outline: 2px solid var(--verde); outline-offset: 1px; }
.bsc-filtrar[aria-expanded="true"] { background: var(--verde-claro); color: var(--verde-esc); }
.bsc-n { position: absolute; top: -5px; right: -5px; background: var(--v-acao, var(--verde));
  color: var(--e-sobre-cor, #fff); font-size: var(--v-fonte-10px, 10px); }
.bsc-prontos { margin: 0 0 var(--v-esp-4, 16px); }
.bsc-prontos > h3 { margin: 0 0 var(--v-esp-2, 8px); color: var(--suave); font-size: var(--v-fonte-80, .8rem); font-weight: var(--v-peso-semi, 600); }
.bsc-prontos > ul { display: flex; flex-wrap: wrap; gap: 6px; margin: 0; padding: 0; list-style: none; }
.bsc-prontos .chip { text-decoration: none; }
.bsc-salvo { display: inline-flex; align-items: center; gap: var(--v-esp-1, 4px); }
.bsc-salvo .bsc-chip-x { border: 0; background: transparent; color: var(--suave); cursor: pointer; }
@media (hover: hover) { .bsc-salvo .bsc-chip-x:hover { color: var(--vermelho); } }
.bsc-salvo .bsc-chip-x:focus-visible { outline: 2px solid var(--verde); outline-offset: 1px; }
.bsc-nada { margin: 0; color: var(--suave); font-size: var(--v-fonte-85, .85rem); }
.bsc-salvar { display: grid; gap: var(--v-esp-1, 4px); margin: var(--v-esp-3, 12px) 0 0; }
.bsc-salvar > label { color: var(--suave); font-size: var(--v-fonte-80, .8rem); font-weight: var(--v-peso-semi, 600); }
.bsc-salvar-linha { display: flex; gap: var(--v-esp-2, 8px); min-width: 0; }
.bsc-salvar-linha > input { flex: 1 1 auto; min-width: 0; }
.bsc-erro, .bsc-aviso { margin: var(--v-esp-2, 8px) 0 0; font-size: var(--v-fonte-85, .85rem); }
.bsc-erro { color: var(--vermelho); }
.bsc-aviso { color: var(--verde-esc); }
.bsc .janela-corpo .filtros { flex-direction: column; align-items: stretch; }
.bsc .janela-corpo .filtros > div { min-width: 0; }
.bsc .janela-corpo .filtros > .btn { align-self: flex-start; }
@media (max-width: 640px) { .bsc-caixa input[type=search] { font-size: var(--v-fonte-16px, 16px); } }
@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  :root[data-acrilico="on"] .bsc-caixa { border-color: var(--acr-borda); }
}

/* — widgets/seletor.css */
.seletor { position: relative; display: inline-block; max-width: 100%; }
.seletor > .seletor-bt { display: inline-flex; align-items: center; gap: 6px; max-width: 340px; height: var(--ctl-h, 36px);
  box-sizing: border-box; padding: 0 10px 0 12px; border: 1px solid var(--e-linha-forte, var(--linha));
  border-radius: var(--v-raio-ctrl, 8px); background: var(--e-cartao, var(--branco)); color: var(--tinta);
  font-weight: var(--v-peso-semi, 600); white-space: nowrap; list-style: none; cursor: pointer; }
.seletor > .seletor-bt::-webkit-details-marker { display: none; }
@media (hover: hover) { .seletor > .seletor-bt:hover { background: var(--e-sutil, #eef1f0); } }
.seletor > .seletor-bt:focus-visible { outline: 2px solid var(--verde); outline-offset: 1px; }
.seletor[open] > .seletor-bt { border-color: var(--verde); }
.seletor-bt > svg:first-child:not(.seletor-seta) { flex: none; color: var(--verde); }
.seletor-valor { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.seletor-seta { flex: none; color: var(--suave); transition: transform .15s ease-out; }
.seletor[open] .seletor-seta { transform: rotate(180deg); }
@media (prefers-reduced-motion: reduce) { .seletor-seta { transition: none; } }
.seletor-n { display: inline-grid; place-items: center; flex: none; min-width: 20px; height: 20px; padding: 0 6px;
  box-sizing: border-box; border-radius: var(--v-raio-pilula, 999px); background: var(--verde-claro);
  color: var(--verde-esc); font-size: var(--v-fonte-12px, 12px); font-weight: var(--v-peso-negrito, 700); font-variant-numeric: tabular-nums; }
.seletor > .seletor-lista { left: 0; right: auto; max-height: min(60vh, 420px); overflow-y: auto; }
.seletor-lista > li { margin: 0; }
.seletor-item { gap: var(--v-esp-2, 8px); min-height: var(--ctl-h, 36px);
  margin: 0; padding: 0 var(--v-esp-3, 12px); box-sizing: border-box; border-radius: var(--v-raio-ctrl, 8px); text-decoration: none; }
@media (hover: hover) { .seletor-item:hover { background: var(--e-sutil, #eef1f0); } }
.seletor-item:focus-visible { outline: 2px solid var(--verde); outline-offset: -2px; }
.seletor-item-t { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.seletor-check { flex: none; visibility: hidden; color: var(--verde-esc); }
.seletor-item[aria-checked="true"] { font-weight: var(--v-peso-semi, 600); }
.seletor-item[aria-checked="true"] > .seletor-check { visibility: visible; }
.seletor-sep { height: 1px; margin: var(--v-esp-1, 4px); background: var(--linha); }
.seletor-config { color: var(--verde-esc); }
.seletor-config > svg { flex: none; }
@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  :root[data-acrilico="on"] .seletor > .seletor-bt { border-color: var(--acr-borda); }
}
.seletor-periodo { display: inline-flex; flex-wrap: wrap; align-items: flex-end; gap: var(--v-esp-2, 8px);
  max-width: 100%; }
.seletor-data { flex: none; color: var(--suave); font-weight: var(--v-peso-medio, 500); }
.seletor-grupo { padding: 6px 10px 2px; color: var(--suave); font-size: var(--v-fonte-75, .75rem); font-weight: var(--v-peso-semi, 600);
  text-transform: uppercase; letter-spacing: .02em; }
.seletor-datas { display: inline-flex; flex-wrap: wrap; align-items: flex-end; gap: var(--v-esp-2, 8px); margin: 0; }
.seletor-datas .campo { margin: 0; }
.seletor-datas .campo label { font-size: var(--v-fonte-75, .75rem); }
@media (max-width: 640px) { .seletor-periodo, .seletor-datas { display: flex; width: 100%; }
  .seletor-periodo > .seletor > .seletor-bt { max-width: 100%; }
  .seletor-datas .campo { flex: 1 1 8rem; min-width: 0; }
  .seletor-datas .campo input { width: 100%; min-width: 0; } }

/* — widgets/kanban.css */
.kanban { position: relative; min-width: 0; }
.kanban-quadro { position: relative; display: flex; align-items: flex-start; gap: var(--v-esp-3, 12px);
  overflow-x: auto; padding-bottom: var(--v-esp-2, 8px); }
.kanban-quadro > .estado { flex: 1; }
.kanban-coluna { flex: 0 0 272px; min-width: 0; display: flex; flex-direction: column; gap: var(--v-esp-2, 8px);
  padding: var(--v-esp-2, 8px); border-radius: var(--v-raio, 10px); background: var(--e-sutil, #eef1f0); }
.kanban-coluna.alvo { background: var(--verde-claro); outline: 2px dashed var(--verde); outline-offset: -2px; }
.kanban-cab { display: flex; align-items: center; gap: var(--v-esp-1, 4px); min-height: var(--ctl-h, 36px);
  padding: 0 var(--v-esp-1, 4px) 0 var(--v-esp-3, 12px); border-radius: var(--v-raio-ctrl, 8px);
  background: var(--etapa-cor, var(--e-sutil-2, #dfe6e2)); color: var(--etapa-texto, var(--tinta)); }
.kanban-coluna.cor-escura { --etapa-texto: var(--e-sobre-cor, #fff); }
.kanban-coluna.cor-clara { --etapa-texto: var(--e-sobre-cor-clara, #1d2b24); }
.kanban-nome { flex: 1; min-width: 0; margin: 0; font-size: var(--v-fonte-88, .88rem); font-weight: var(--v-peso-negrito, 700); color: inherit;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.kanban-conta { flex: none; padding: 0 var(--v-esp-1, 4px); font-size: var(--v-fonte-80, .8rem); font-weight: var(--v-peso-negrito, 700);
  font-variant-numeric: tabular-nums; }
.kanban-cab .btn.sec { padding: 4px; border-color: transparent; background: transparent; color: inherit; }
@media (hover: hover) { .kanban-cab .btn.sec:hover { border-color: currentColor; background: transparent; } }
.kanban-cab .btn.sec:focus-visible { outline: 2px solid currentColor; outline-offset: 1px; }
.kanban-soma { margin: 0; padding: 0 var(--v-esp-1, 4px); color: var(--suave); font-size: var(--v-fonte-82, .82rem); font-weight: var(--v-peso-semi, 600);
  font-variant-numeric: tabular-nums; }
.kanban-soma-linha { display: block; }
.kanban-cartoes { display: flex; flex-direction: column; gap: var(--v-esp-2, 8px); margin: 0; padding: 0;
  list-style: none; }
.kanban-cartao { position: relative; padding: var(--v-esp-2, 8px) var(--v-esp-3, 12px); border: 1px solid var(--linha);
  border-radius: var(--v-raio-ctrl, 8px); background: var(--e-cartao, #fff); color: var(--tinta); font-size: var(--v-fonte-88, .88rem);
  box-shadow: var(--v-sombra-1, none); overflow-wrap: anywhere; }
.kanban-cartao[draggable="true"] { cursor: grab; }
.kanban-cartao.arrastando { opacity: .4; }
.kanban-cartao.movendo { opacity: .6; }
.kanban-cartao-corpo { display: grid; gap: 2px; }
.kanban-cartao:has(> .kanban-cartao-acoes) > .kanban-cartao-corpo { padding-right: 34px; }
.kanban-cartao-corpo :is(a, button, input, select, textarea, summary) { position: relative; z-index: 2; }
.kanban-cartao-acoes { position: absolute; top: var(--v-esp-1, 4px); right: var(--v-esp-1, 4px); z-index: 3; }
.kanban-vazio { padding: var(--v-esp-3, 12px); border: 1px dashed var(--e-linha-forte, #c5d3ca);
  border-radius: var(--v-raio-ctrl, 8px); color: var(--suave); font-size: var(--v-fonte-85, .85rem); text-align: center; }
.kanban-mais { display: flex; justify-content: center; }
.kanban-rapido > .btn.sec { width: 100%; justify-content: center; border-style: dashed; background: transparent; }
@media (hover: hover) { .kanban-rapido > .btn.sec:hover { background: var(--e-cartao, #fff); } }
.kanban-rapido-form { display: grid; gap: var(--v-esp-2, 8px); padding: var(--v-esp-2, 8px);
  border: 1px solid var(--verde); border-radius: var(--v-raio-ctrl, 8px); background: var(--e-cartao, #fff);
  box-shadow: var(--v-sombra-1, none); }
.kanban-rapido-form .campo { margin: 0; }
.kanban-rapido-erro { margin: 0; color: var(--vermelho); font-size: var(--v-fonte-80, .8rem); }
.kanban-rapido-acoes { display: flex; flex-wrap: wrap; gap: var(--v-esp-1, 4px); }
.kanban-zonas { display: none; }
.kanban.arrastando .kanban-zonas { position: sticky; bottom: 0; z-index: 4; display: flex; gap: var(--v-esp-2, 8px);
  margin-top: var(--v-esp-2, 8px); padding: var(--v-esp-2, 8px); border-radius: var(--v-raio, 10px);
  background: var(--e-cartao, #fff); box-shadow: var(--v-sombra-2); }
.kanban-zona { flex: 1; display: flex; align-items: center; justify-content: center; gap: var(--v-esp-2, 8px);
  min-height: 56px; padding: var(--v-esp-2, 8px) var(--v-esp-3, 12px); border: 2px dashed transparent;
  border-radius: var(--v-raio-ctrl, 8px); background: var(--etapa-cor, var(--e-sutil-2, #dfe6e2));
  color: var(--etapa-texto, var(--tinta)); font-size: var(--v-fonte-90, .9rem); font-weight: var(--v-peso-negrito, 700); text-align: center; }
.kanban-zona.cor-escura { --etapa-texto: var(--e-sobre-cor, #fff); }
.kanban-zona.cor-clara { --etapa-texto: var(--e-sobre-cor-clara, #1d2b24); }
.kanban-zona.zona-apagar { background: var(--vermelho-f); color: var(--vermelho); }
.kanban-zona.alvo { border-color: currentColor; transform: scale(1.02); }
.kanban-coluna.recolhida { flex: 0 0 auto; width: 48px; }
.kanban-coluna.recolhida .kanban-cab { flex-direction: column; justify-content: flex-start; min-height: 168px;
  padding: var(--v-esp-1, 4px) 0 var(--v-esp-2, 8px); }
.kanban-coluna.recolhida .kanban-cab .btn { order: -1; }
.kanban-coluna.recolhida .kanban-nome { flex: none; max-height: 220px; writing-mode: vertical-rl; }
@media (max-width: 760px) {
  .kanban-quadro { scroll-snap-type: x mandatory; }
  .kanban-coluna:not(.recolhida) { flex-basis: min(85vw, 320px); scroll-snap-align: start; }
}
@media (prefers-reduced-motion: no-preference) {
  .kanban-cartao { transition: opacity .15s ease; }
  .kanban-zona { transition: transform .12s ease, border-color .12s ease; }
}
.kanban-erro { display: flex; align-items: flex-start; gap: var(--v-esp-2, 8px); margin-bottom: var(--v-esp-2, 8px); }
.kanban-erro > :first-child { flex: 1; min-width: 0; margin: 0; }
.kanban-cartao.pendente { opacity: .62; outline: 2px dashed var(--amarelo); outline-offset: 1px;
  border-radius: var(--v-raio-ctrl, 8px); cursor: progress; }
.kanban-pe { display: flex; flex-wrap: wrap; gap: var(--v-esp-1, 4px); padding-top: var(--v-esp-1, 4px);
  border-top: 1px solid var(--linha); }
.kanban-pe .btn { flex: 1 1 auto; }
.kanban-saldos { flex: 0 0 232px; min-width: 0; display: flex; flex-direction: column; gap: var(--v-esp-2, 8px);
  padding: var(--v-esp-2, 8px); border-radius: var(--v-raio, 10px); background: var(--e-sutil, #eef1f0); }
.kanban-saldos-lista { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--v-esp-2, 8px); }
.kanban-saldo { display: grid; gap: 2px; padding: var(--v-esp-2, 8px) var(--v-esp-3, 12px);
  border-radius: var(--v-raio-ctrl, 8px); background: var(--e-cartao, var(--branco)); border: 1px solid var(--linha); }
.kanban-saldo-nome { font-weight: var(--v-peso-negrito, 700); font-size: var(--v-fonte-88, .88rem); overflow-wrap: anywhere; }
.kanban-saldo-linha { display: flex; justify-content: space-between; gap: var(--v-esp-2, 8px); font-size: var(--v-fonte-82, .82rem);
  color: var(--suave); }
.kanban-saldo-linha b { color: var(--tinta); font-variant-numeric: tabular-nums; }
.kanban-ficara b { color: var(--azul); }
.kanban-ficara.negativo b { color: var(--vermelho); }
@media (max-width: 760px) { .kanban-saldos { flex-basis: 85vw; } }

/* — widgets/cartao_kanban.css */
.ck { position: relative; display: grid; gap: var(--v-esp-1, 4px); min-width: 0; color: var(--tinta); }
.kanban-cartao .ck { position: static; }
.ck-titulo { margin: 0; font-size: var(--v-fonte-88, .88rem); font-weight: var(--v-peso-negrito, 700); line-height: 1.3; color: var(--tinta); }
.ck .ck-abrir { position: static; color: inherit; text-decoration: none; }
.ck-abrir::after { content: ""; position: absolute; inset: 0; z-index: 1; border-radius: var(--v-raio-ctrl, 8px); }
@media (hover: hover) { .ck-abrir:hover { color: var(--verde-esc); text-decoration: underline; } }
.ck-abrir:focus-visible { outline: none; }
.ck-abrir:focus-visible::after { outline: 2px solid var(--verde); outline-offset: 1px; }
.ck :is(a:not(.ck-abrir), button, input, select, textarea, summary) { position: relative; z-index: 2; }
.ck-selos { display: flex; flex-wrap: wrap; gap: var(--v-esp-1, 4px); margin: 0; }
.ck-selos .selo { font-size: var(--v-fonte-72, .72rem); padding: 0 7px; }
.ck-campos { display: grid; gap: 2px; margin: 0; padding: 0; list-style: none; font-size: var(--v-fonte-82, .82rem); }
.ck-campo { display: flex; flex-wrap: wrap; align-items: center; gap: var(--v-esp-1, 4px); min-width: 0;
  color: var(--suave); }
.ck-campo > .ic { flex: none; }
.ck-campo a { text-decoration: none; }
@media (hover: hover) { .ck-campo a:hover { text-decoration: underline; } }
.ck-valor { color: var(--tinta); font-size: var(--v-fonte-90, .9rem); font-weight: var(--v-peso-negrito, 700); font-variant-numeric: tabular-nums; }
.ck-contato, .ck-empresa { color: var(--tinta); }
.ck-contato a, .ck-empresa a { color: var(--verde-esc); font-weight: var(--v-peso-semi, 600); }
.ck-tempo, .ck-checklist { font-variant-numeric: tabular-nums; }
.ck-checklist.completo { color: var(--verde-esc); }
.ck-prazo .selo, .ck-situacao .selo { font-size: var(--v-fonte-74, .74rem); padding: 0 8px; }
.ck-etiqueta { display: inline-block; padding: 0 8px; border-radius: 20px; background: var(--e-sutil, #eef1ef);
  color: var(--suave); font-size: var(--v-fonte-76, .76rem); font-weight: var(--v-peso-semi, 600); }
.ck-extra { display: flex; flex-wrap: wrap; align-items: center; gap: var(--v-esp-1, 4px); }
.ck-pe { display: flex; align-items: center; gap: var(--v-esp-2, 8px); min-height: 24px;
  margin-top: var(--v-esp-1, 4px); font-size: var(--v-fonte-78, .78rem); color: var(--suave); }
.ck-nova-atividade { display: inline-flex; align-items: center; gap: 2px; color: var(--suave); text-decoration: none;
  font-weight: var(--v-peso-semi, 600); border-radius: var(--v-raio-ctrl, 8px);
  flex: none; white-space: nowrap; }
@media (hover: hover) { .ck-nova-atividade:hover { color: var(--verde-esc); } }
.ck-nova-atividade:focus-visible { outline: 2px solid var(--verde); outline-offset: 1px; }
.ck-proxima { margin-left: auto; font-variant-numeric: tabular-nums; white-space: nowrap; }
.ck-proxima a { color: inherit; text-decoration: none; }
.ck-proxima.atrasada { color: var(--vermelho); font-weight: var(--v-peso-semi, 600); }
.ck-responsavel { display: inline-flex; flex: none; margin-left: auto; }
.ck-proxima + .ck-responsavel { margin-left: 0; }
.ck-iniciais { display: inline-grid; place-items: center; width: 24px; height: 24px; border-radius: 50%;
  background: var(--verde-claro); color: var(--verde-esc); font-size: var(--v-fonte-68, .68rem); font-weight: var(--v-peso-negrito, 700); letter-spacing: .02em; }
.ck.ck-com-faixa { border-left: 4px solid var(--ck-faixa, var(--linha)); padding-left: var(--v-esp-2, 8px); }
.ck.ck-borda-verde { --ck-faixa: var(--verde); }
.ck.ck-borda-amarelo { --ck-faixa: var(--amarelo); }
.ck.ck-borda-vermelho { --ck-faixa: var(--vermelho); }
.ck.ck-borda-azul { --ck-faixa: var(--azul); }
.ck.ck-borda-cinza { --ck-faixa: var(--suave); }
.ck-faixa { display: flex; align-items: center; gap: 4px; margin: 0 0 4px; padding: 2px 6px; width: fit-content;
  max-width: 100%; border-radius: var(--v-raio-ctrl, 8px); font-size: var(--v-fonte-74, .74rem); font-weight: var(--v-peso-negrito, 700);
  overflow-wrap: anywhere; }
.ck-faixa-verde { background: var(--verde-claro); color: var(--verde-esc); }
.ck-faixa-amarelo { background: var(--amarelo-f); color: var(--amarelo); }
.ck-faixa-vermelho { background: var(--vermelho-f); color: var(--vermelho); }
.ck-faixa-azul { background: var(--azul-f); color: var(--azul); }
.ck-faixa-cinza { background: var(--e-sutil, #eef1f0); color: var(--suave); }

/* — widgets/calendario.css */
.calendario { display: flex; flex-direction: column; gap: var(--v-esp-3, 12px); min-width: 0; }
.cal-barra { display: flex; flex-wrap: wrap; align-items: center; gap: var(--v-esp-2, 8px) var(--v-esp-3, 12px); }
.cal-navegar { display: flex; align-items: center; gap: var(--v-esp-1, 4px); }
.cal-titulo { flex: 1 1 14em; min-width: 0; margin: 0; color: var(--tinta); font-size: var(--v-fonte-105, 1.05rem); font-weight: var(--v-peso-negrito, 700); }
.cal-visoes { display: flex; align-items: center; }
.cal-visoes > .btn { margin-left: -1px; border-radius: 0; }
.cal-visoes > .btn:first-child { margin-left: 0; border-radius: var(--v-raio-ctrl, 8px) 0 0 var(--v-raio-ctrl, 8px); }
.cal-visoes > .btn:last-child { border-radius: 0 var(--v-raio-ctrl, 8px) var(--v-raio-ctrl, 8px) 0; }
.cal-visoes > .btn[aria-current="true"] { position: relative; z-index: 1; }
.cal-dia-bt { margin: 0; padding: 0; border: 0; background: none; color: inherit; font: inherit; cursor: pointer; }
.cal-com-lado { min-width: 0; }
.cal-com-lado.com-sem-horario { display: grid; grid-template-columns: minmax(0, 1fr) 220px; gap: var(--v-esp-3, 12px);
  align-items: start; }
.cal-grade { --cal-hora: 48px; --cal-eixo: 56px; --cal-min-coluna: 96px; position: relative;
  max-height: min(72vh, 760px); overflow: auto; border: 1px solid var(--linha); border-radius: var(--v-raio, 10px);
  background: var(--e-cartao, #fff); }
.cal-topo { position: sticky; top: 0; z-index: 5; border-bottom: 1px solid var(--linha);
  background: var(--e-cartao, #fff); }
.cal-cab, .cal-dia-inteiro, .cal-corpo { display: grid; min-width: min-content;
  grid-template-columns: var(--cal-eixo) repeat(var(--cal-colunas), minmax(var(--cal-min-coluna), 1fr)); }
.cal-canto { position: sticky; left: 0; z-index: 2; background: var(--e-cartao, #fff); }
.cal-cab-dia { display: flex; align-items: center; justify-content: center; gap: var(--v-esp-1, 4px);
  min-height: var(--ctl-h, 36px); padding: var(--v-esp-1, 4px); border-left: 1px solid var(--linha); }
.cal-cab-dia > a, .cal-cab-dia > .cal-dia-bt { display: inline-flex; align-items: baseline; gap: 6px; padding: 2px 6px;
  border-radius: var(--v-raio-ctrl, 8px); color: var(--tinta); text-decoration: none; }
@media (hover: hover) { .cal-cab-dia > a:hover, .cal-cab-dia > .cal-dia-bt:hover { background: var(--e-sutil, #eef1f0); } }
.cal-cab-dia > :is(a, .cal-dia-bt):focus-visible { outline: 2px solid var(--verde); outline-offset: 1px; }
.cal-cab-semana { color: var(--suave); font-size: var(--v-fonte-78, .78rem); }
.cal-cab-num { min-width: 1.6em; font-size: var(--v-fonte-100, 1rem); text-align: center; font-variant-numeric: tabular-nums; }
.cal-cab-dia.hoje .cal-cab-num { border-radius: var(--v-raio-pilula, 999px); background: var(--e-verde-esc-forte, var(--verde-esc));
  color: var(--e-sobre-cor, #fff); }
.cal-cab-recurso { overflow: hidden; color: var(--tinta); font-size: var(--v-fonte-85, .85rem); font-weight: var(--v-peso-negrito, 700); text-overflow: ellipsis;
  white-space: nowrap; }
.cal-cab-dia .btn.sec { padding: 2px; border-color: transparent; background: transparent; color: var(--suave); }
@media (hover: hover) { .cal-cab-dia .btn.sec:hover { border-color: var(--linha); color: var(--tinta); } }
.cal-dia-inteiro { border-top: 1px solid var(--linha); }
.cal-dia-inteiro-rot { align-self: center; padding: var(--v-esp-1, 4px) 6px; color: var(--suave); font-size: var(--v-fonte-70, .7rem);
  text-align: right; }
.cal-dia-inteiro-casa { position: relative; display: grid; grid-auto-rows: 22px; align-content: start; gap: 2px;
  min-height: 28px; padding: 3px 0; border-left: 1px solid var(--linha); }
.cal-fundo { position: absolute; inset: 0; cursor: pointer; }
@media (hover: hover) { .cal-fundo:hover { background: var(--verde-fundo); } }
.cal-corpo { position: relative; }
.cal-eixo { position: sticky; left: 0; z-index: 4; display: grid; grid-auto-rows: var(--cal-hora);
  background: var(--e-cartao, #fff); }
.cal-eixo-hora { position: relative; top: -.6em; padding-right: 6px; color: var(--suave); font-size: var(--v-fonte-70, .7rem);
  text-align: right; font-variant-numeric: tabular-nums; }
.cal-eixo-hora:first-child { top: 2px; }
.cal-coluna { position: relative; height: calc(var(--cal-horas) * var(--cal-hora)); border-left: 1px solid var(--linha); }
.cal-slots { position: absolute; inset: 0; display: flex; flex-direction: column; }
.cal-slot { flex: 1 1 0; min-height: 0; border-top: 1px solid var(--e-sutil, #eef1f0); }
.cal-slot.cheia { border-top-color: var(--linha); }
.cal-slot:first-child { border-top-color: transparent; }
.cal-slot.fora { background: var(--verde-fundo); }
.cal-slot[phx-click] { cursor: pointer; }
@media (hover: hover) { .cal-slot[phx-click]:hover { background: var(--verde-claro); } }
.cal-slot.alvo { background: var(--verde-claro); box-shadow: inset 0 0 0 2px var(--verde); }
.cal-coluna.hoje .cal-slot:not(.fora) { background: var(--e-cartao-2, var(--e-cartao, #fff)); }
.cal-coluna.hoje .cal-slot.alvo { background: var(--verde-claro); }
:is(.cal-evento, .cal-etiqueta, .cal-sem-horario-item).cor-escura { --evento-texto: var(--e-sobre-cor, #fff); }
:is(.cal-evento, .cal-etiqueta, .cal-sem-horario-item).cor-clara { --evento-texto: var(--e-sobre-cor-clara, #1d2b24); }
.cal-evento { --cal-largura: calc(100% - 8px); position: absolute; z-index: 2; top: var(--cal-topo);
  left: calc(var(--cal-faixa) * var(--cal-largura) / var(--cal-faixas)); box-sizing: border-box;
  width: calc(var(--cal-largura) / var(--cal-faixas)); height: var(--cal-altura); min-height: 18px;
  padding: 2px 4px 2px 6px; overflow: hidden; border: 1px solid var(--e-cartao, #fff);
  border-left: 3px solid var(--evento-cor, var(--azul)); border-radius: 6px; background: var(--evento-cor, var(--azul-f));
  color: var(--evento-texto, var(--azul)); font-size: var(--v-fonte-78, .78rem); line-height: 1.25; }
.cal-evento.continua-antes { border-top-left-radius: 0; border-top-right-radius: 0; border-top-style: dashed; }
.cal-evento.continua-depois { border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-bottom-style: dashed; }
.cal-evento-corpo { display: grid; min-width: 0; }
.cal-evento.curto .cal-evento-corpo { display: flex; align-items: baseline; gap: 4px; }
.cal-evento-hora { flex: none; font-size: var(--v-fonte-70, .7rem); opacity: .85; font-variant-numeric: tabular-nums; }
.cal-evento-titulo { min-width: 0; overflow: hidden; font-weight: var(--v-peso-semi, 600); text-overflow: ellipsis; }
:is(.cal-evento.curto, .cal-etiqueta) .cal-evento-titulo { white-space: nowrap; }
.cal-evento.medio .cal-evento-corpo { grid-template-columns: auto minmax(0, 1fr); column-gap: var(--v-esp-1, 4px); align-items: baseline; }
.cal-evento.medio .cal-evento-titulo { white-space: nowrap; }
.cal-evento.medio .cal-evento-corpo > :not(.cal-evento-hora, .cal-evento-titulo) { grid-column: 1 / -1; justify-self: start; max-width: 100%; }
.cal-evento .selo { padding: 0 var(--v-esp-1, 4px); font-size: var(--v-fonte-68, .68rem); line-height: 1.35; }
.cal-evento-recurso { font-size: var(--v-fonte-70, .7rem); opacity: .85; }
.cal-evento[draggable="true"], .cal-etiqueta[draggable="true"], .cal-sem-horario-item[draggable="true"] { cursor: grab; }
:is(.cal-evento, .cal-etiqueta, .cal-sem-horario-item).arrastando { opacity: .4; }
:is(.cal-evento, .cal-etiqueta, .cal-sem-horario-item).movendo { opacity: .6; }
:is(.cal-evento, .cal-etiqueta).esticando { outline: 2px dashed var(--verde); outline-offset: 1px; }
.cal-abrir:focus-visible { outline: 2px solid var(--verde); outline-offset: 1px; }
.cal-evento-acoes { position: absolute; top: 1px; right: 1px; z-index: 3; opacity: 0; }
:is(.cal-evento, .cal-etiqueta, .cal-sem-horario-item):focus-within .cal-evento-acoes, .cal-evento-acoes:has(details[open]) { opacity: 1; }
@media (hover: hover) { :is(.cal-evento, .cal-etiqueta, .cal-sem-horario-item):hover .cal-evento-acoes { opacity: 1; } }
.cal-evento-acoes .menu-acoes > .menu-acoes-bt { width: 22px; height: 22px; }
@media (hover: none) { .cal-evento-acoes { opacity: 1; } }
.cal-esticar { position: absolute; left: 0; right: 0; bottom: 0; z-index: 3; height: 6px; cursor: ns-resize; }
@media (hover: hover) { .cal-esticar:hover { background: var(--evento-texto, var(--azul)); opacity: .3; } }
.cal-livre { position: absolute; z-index: 1; top: var(--cal-topo); left: 2px; right: 8px; box-sizing: border-box;
  display: flex; align-items: flex-start; height: var(--cal-altura); min-height: 16px; margin: 0; padding: 1px 6px;
  overflow: hidden; border: 1px dashed var(--verde); border-radius: 6px; background: var(--verde-claro);
  color: var(--verde-esc); font: inherit; font-size: var(--v-fonte-72, .72rem); font-weight: var(--v-peso-semi, 600); text-align: left; cursor: pointer; }
@media (hover: hover) { .cal-livre:hover { border-style: solid; } }
.cal-livre:focus-visible { outline: 2px solid var(--verde); outline-offset: 1px; }
.cal-agora { position: absolute; z-index: 3; top: var(--cal-topo); left: 0; right: 0; height: 0;
  border-top: 2px solid var(--vermelho); pointer-events: none; }
.cal-agora::before { content: ""; position: absolute; top: -6px; left: -5px; width: 10px; height: 10px;
  border-radius: var(--v-raio-pilula, 999px); background: var(--vermelho); }
.cal-etiqueta { position: relative; z-index: 1; grid-row: var(--cal-linha); display: flex; align-items: center;
  min-width: 0; height: 22px; margin: 0 4px; padding: 0 6px; overflow: hidden; border-radius: 6px;
  background: var(--evento-cor, var(--azul-f)); color: var(--evento-texto, var(--azul)); font-size: var(--v-fonte-76, .76rem); }
.cal-etiqueta.continua-antes { margin-left: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; }
.cal-etiqueta.continua-depois { margin-right: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; }
.cal-etiqueta-texto { display: flex; align-items: baseline; gap: 4px; min-width: 0; overflow: hidden; white-space: nowrap; }
.cal-etiqueta.pontual { background: transparent; color: var(--tinta); }
.cal-etiqueta.pontual::before { content: ""; flex: none; width: 8px; height: 8px; margin-right: 5px;
  border-radius: var(--v-raio-pilula, 999px); background: var(--evento-cor, var(--azul)); }
@media (hover: hover) { .cal-etiqueta.pontual:hover { background: var(--e-sutil, #eef1f0); } }
.cal-etiqueta .cal-evento-acoes { top: 0; }
.cal-etiqueta .cal-esticar { top: 0; bottom: 0; left: auto; right: 0; width: 6px; height: auto; cursor: ew-resize; }
:is(.cal-dia-inteiro-casa, .cal-mes-dia).alvo { background: var(--verde-claro); outline: 2px dashed var(--verde);
  outline-offset: -2px; }
.cal-sem-horario { padding: var(--v-esp-2, 8px); border: 1px solid var(--linha); border-radius: var(--v-raio, 10px);
  background: var(--e-cartao, #fff); }
.cal-sem-horario-titulo { margin: 0 0 var(--v-esp-2, 8px); color: var(--tinta); font-size: var(--v-fonte-85, .85rem); font-weight: var(--v-peso-negrito, 700); }
.cal-sem-horario-vazio { margin: 0; color: var(--suave); font-size: var(--v-fonte-82, .82rem); }
.cal-sem-horario-lista { display: grid; gap: var(--v-esp-2, 8px); margin: 0; padding: 0; list-style: none; }
.cal-sem-horario-item { position: relative; padding: var(--v-esp-2, 8px) 30px var(--v-esp-2, 8px) 8px; border: 1px solid var(--linha);
  border-left: 3px solid var(--evento-cor, var(--azul)); border-radius: 6px; background: var(--e-cartao, #fff);
  color: var(--tinta); font-size: var(--v-fonte-82, .82rem); }
.cal-sem-horario-texto { display: grid; }
.cal-sem-horario-item .cal-evento-acoes { top: 3px; right: 3px; }
.cal-mes { overflow: hidden; border: 1px solid var(--linha); border-radius: var(--v-raio, 10px);
  background: var(--e-cartao, #fff); }
.cal-mes-cab, .cal-mes-semana { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); }
.cal-mes-cab > span { padding: 6px; border-bottom: 1px solid var(--linha); color: var(--suave); font-size: var(--v-fonte-75, .75rem);
  text-align: center; }
.cal-mes-dia { position: relative; display: flex; flex-direction: column; gap: 2px; min-width: 0; min-height: 112px;
  padding: 2px 0 6px; border-top: 1px solid var(--linha); border-left: 1px solid var(--linha); }
.cal-mes-cab + .cal-mes-semana > .cal-mes-dia { border-top: 0; }
.cal-mes-dia:first-child { border-left: 0; }
.cal-mes-dia.fora-do-mes { background: var(--verde-fundo); }
.cal-mes-num { position: relative; z-index: 1; align-self: flex-start; min-width: 1.6em; margin: 2px 4px; padding: 0 6px;
  border-radius: var(--v-raio-pilula, 999px); color: var(--tinta); font-size: var(--v-fonte-82, .82rem); font-weight: var(--v-peso-semi, 600);
  text-align: center; text-decoration: none; font-variant-numeric: tabular-nums; }
@media (hover: hover) { .cal-mes-num:is(a, button):hover { background: var(--e-sutil, #eef1f0); } }
.cal-mes-num:focus-visible { outline: 2px solid var(--verde); outline-offset: 1px; }
.cal-mes-dia.fora-do-mes .cal-mes-num { color: var(--suave); }
.cal-mes-dia.hoje .cal-mes-num { background: var(--e-verde-esc-forte, var(--verde-esc)); color: var(--e-sobre-cor, #fff); }
.cal-mes-itens { display: grid; grid-auto-rows: 22px; gap: 2px; min-width: 0; }
.cal-mes-mais, .cal-mes-livres { position: relative; z-index: 1; align-self: flex-start; margin: 0 6px; padding: 0 4px;
  border-radius: 4px; color: var(--suave); font-size: var(--v-fonte-74, .74rem); font-weight: var(--v-peso-semi, 600); text-decoration: none; }
.cal-mes-livres { color: var(--verde-esc); }
@media (hover: hover) { :is(.cal-mes-mais, .cal-mes-livres):hover { background: var(--e-sutil, #eef1f0); } }
.cal-agenda { display: grid; gap: var(--v-esp-3, 12px); margin: 0; padding: 0; list-style: none; }
.cal-agenda-dia { overflow: hidden; border: 1px solid var(--linha); border-radius: var(--v-raio, 10px);
  background: var(--e-cartao, #fff); }
.cal-agenda-data { display: flex; align-items: center; gap: var(--v-esp-2, 8px); margin: 0;
  padding: var(--v-esp-2, 8px) var(--v-esp-3, 12px); border-bottom: 1px solid var(--linha);
  background: var(--verde-fundo); font-size: var(--v-fonte-88, .88rem); }
.cal-agenda-data > :is(a, .cal-dia-bt) { color: var(--tinta); font-weight: var(--v-peso-negrito, 700); text-decoration: none; }
@media (hover: hover) { .cal-agenda-data > a:hover { text-decoration: underline; } }
.cal-agenda-hoje { padding: 0 8px; border-radius: var(--v-raio-pilula, 999px); background: var(--verde-claro);
  color: var(--verde-esc); font-size: var(--v-fonte-72, .72rem); font-weight: var(--v-peso-negrito, 700); }
.cal-agenda-itens { margin: 0; padding: 0; list-style: none; }
.cal-agenda-item { position: relative; display: grid; grid-template-columns: 7.5em 10px minmax(0, 1fr) auto;
  align-items: center; gap: var(--v-esp-2, 8px); min-height: var(--ctl-h, 36px);
  padding: var(--v-esp-2, 8px) var(--v-esp-3, 12px); border-top: 1px solid var(--e-sutil, #eef1f0); }
.cal-agenda-item:first-child { border-top: 0; }
@media (hover: hover) { .cal-agenda-item:hover { background: var(--verde-fundo); } }
.cal-agenda-hora { color: var(--suave); font-size: var(--v-fonte-80, .8rem); font-variant-numeric: tabular-nums; }
.cal-agenda-cor { width: 10px; height: 10px; border-radius: var(--v-raio-pilula, 999px);
  background: var(--evento-cor, var(--azul)); }
.cal-agenda-texto { display: flex; flex-wrap: wrap; align-items: baseline; gap: 0 var(--v-esp-2, 8px); min-width: 0;
  color: var(--tinta); }
.cal-agenda-item .cal-evento-acoes { position: relative; top: auto; right: auto; z-index: 2; opacity: 1; }
@media (max-width: 900px) {
  .cal-com-lado.com-sem-horario { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 760px) {
  .cal-grade { --cal-hora: 44px; --cal-eixo: 44px; --cal-min-coluna: 84px; }
  .cal-mes-dia { min-height: 84px; }
  .cal-agenda-item { grid-template-columns: 6em 10px minmax(0, 1fr) auto; }
}
@media (prefers-reduced-motion: no-preference) {
  :is(.cal-evento, .cal-etiqueta, .cal-sem-horario-item) { transition: opacity .15s ease; }
}

/* — widgets/gantt.css */
.gantt { --gantt-dia: 36px; --gantt-linha: 40px; --gantt-faixa: 30px; --gantt-nome: 240px;
  display: flex; flex-direction: column; gap: var(--v-esp-3, 12px); min-width: 0; }
.gantt[data-escala="semana"] { --gantt-dia: 12px; }
.gantt[data-escala="mes"] { --gantt-dia: 6px; }
.gantt-topo { display: flex; flex-wrap: wrap; align-items: center; gap: var(--v-esp-2, 8px) var(--v-esp-4, 16px); }
.gantt-nav, .gantt-escalas { display: flex; flex-wrap: wrap; align-items: center; gap: var(--v-esp-1, 4px); }
.gantt-periodo { margin-left: var(--v-esp-2, 8px); color: var(--tinta); font-weight: var(--v-peso-semi, 600);
  font-variant-numeric: tabular-nums; }
.gantt-legenda { display: flex; flex-wrap: wrap; gap: var(--v-esp-1, 4px) var(--v-esp-3, 12px); margin: 0 0 0 auto;
  padding: 0; list-style: none; color: var(--suave); font-size: var(--v-fonte-82, .82rem); }
.gantt-legenda li { display: inline-flex; align-items: center; gap: 6px; }
.gantt-amostra { width: 16px; height: 10px; border: 1px solid var(--gantt-cor); border-left-width: 3px;
  border-radius: 3px; background: var(--gantt-fundo); }
.gantt-barra, .gantt-amostra { --gantt-cor: var(--azul); --gantt-fundo: var(--azul-f); }
.gantt .cor-verde { --gantt-cor: var(--verde); --gantt-fundo: var(--verde-claro); }
.gantt .cor-azul { --gantt-cor: var(--azul); --gantt-fundo: var(--azul-f); }
.gantt .cor-amarelo { --gantt-cor: var(--amarelo); --gantt-fundo: var(--amarelo-f); }
.gantt .cor-vermelho { --gantt-cor: var(--vermelho); --gantt-fundo: var(--vermelho-f); }
.gantt .cor-cinza { --gantt-cor: var(--suave); --gantt-fundo: var(--e-sutil, #eef1f0); }
.gantt-rolagem { max-height: 70vh; overflow: auto; border: 1px solid var(--linha); border-radius: var(--v-raio, 10px);
  background: var(--e-cartao, #fff); }
.gantt-quadro { position: relative; width: calc(var(--gantt-nome) + var(--gantt-dias) * var(--gantt-dia));
  min-width: 100%; }
.gantt-vazio { padding: var(--v-esp-4, 16px); color: var(--suave); }
.gantt-cab { position: sticky; top: 0; z-index: 4; display: flex; border-bottom: 1px solid var(--linha);
  background: var(--e-cartao, #fff); }
.gantt-cab-nome { position: sticky; left: 0; z-index: 1; flex: 0 0 var(--gantt-nome); display: flex;
  align-items: flex-end; box-sizing: border-box; padding: 0 var(--v-esp-3, 12px) 8px; border-right: 1px solid var(--linha);
  background: var(--e-cartao, #fff); color: var(--suave); font-size: var(--v-fonte-75, .75rem); font-weight: var(--v-peso-negrito, 700); letter-spacing: .02em;
  text-transform: uppercase; }
.gantt-cab-tempo { flex: 0 0 calc(var(--gantt-dias) * var(--gantt-dia)); }
.gantt-faixa { position: relative; height: 24px; }
.gantt-faixa-baixo { height: 32px; border-top: 1px solid var(--linha); }
.gantt-un { position: absolute; top: 0; bottom: 0; left: calc(var(--ini) * var(--gantt-dia));
  width: calc(var(--dur) * var(--gantt-dia)); display: flex; align-items: center; justify-content: center;
  box-sizing: border-box; overflow: hidden; border-left: 1px solid var(--linha); color: var(--tinta); font-size: var(--v-fonte-75, .75rem);
  white-space: nowrap; }
.gantt-faixa-cima .gantt-un { justify-content: flex-start; padding: 0 6px; font-weight: var(--v-peso-semi, 600); }
.gantt-faixa-baixo .gantt-un { flex-direction: column; line-height: 1.1; font-variant-numeric: tabular-nums; }
.gantt-un small { color: var(--suave); font-size: .66rem; }
.gantt-un.fds { background: var(--e-sutil, #eef1f0); color: var(--suave); }
.gantt-un.hoje { color: var(--verde-esc); font-weight: var(--v-peso-negrito, 700); box-shadow: inset 0 -3px 0 var(--verde); }
.gantt-linhas { position: relative; }
.gantt-fundo { position: absolute; top: 0; bottom: 0; left: var(--gantt-nome); z-index: 0;
  width: calc(var(--gantt-dias) * var(--gantt-dia)); pointer-events: none; }
.gantt-fds { position: absolute; top: 0; bottom: 0; left: calc(var(--ini) * var(--gantt-dia));
  width: calc(var(--dur) * var(--gantt-dia)); background: var(--e-sutil, #eef1f0); opacity: .7; }
.gantt-divisa { position: absolute; top: 0; bottom: 0; left: calc(var(--ini) * var(--gantt-dia));
  border-left: 1px solid var(--linha); }
.gantt-hoje { position: absolute; top: 0; bottom: 0; left: calc((var(--ini) + .5) * var(--gantt-dia)); width: 2px;
  margin-left: -1px; background: var(--verde); }
.gantt-linha { display: flex; height: var(--gantt-linha); box-sizing: border-box; border-bottom: 1px solid var(--linha); }
.gantt-linha:last-of-type { border-bottom: 0; }
.gantt-nome { position: sticky; left: 0; z-index: 3; flex: 0 0 var(--gantt-nome); display: flex; align-items: center;
  gap: var(--v-esp-1, 4px); min-width: 0; box-sizing: border-box;
  padding: 0 var(--v-esp-1, 4px) 0 calc(var(--v-esp-3, 12px) + var(--nivel, 0) * 16px);
  border-right: 1px solid var(--linha); background: var(--e-cartao, #fff); }
.gantt-nome-texto { flex: 1; min-width: 0; display: flex; flex-direction: column; line-height: 1.2; }
.gantt-nome-texto > :is(b, a, .btn) { overflow: hidden; color: var(--tinta); font-size: var(--v-fonte-86, .86rem); text-overflow: ellipsis;
  white-space: nowrap; }
.gantt-nome-texto > .btn { justify-content: flex-start; border-color: transparent; background: transparent;
  padding-left: 0; font-weight: var(--v-peso-negrito, 700); }
.gantt-nome-texto > small { overflow: hidden; color: var(--suave); font-size: var(--v-fonte-74, .74rem); text-overflow: ellipsis;
  white-space: nowrap; }
.gantt-nome > .menu-acoes { flex: none; }
.gantt-trilho { position: relative; flex: 0 0 calc(var(--gantt-dias) * var(--gantt-dia)); }
.gantt-sem-datas { position: absolute; top: 50%; left: var(--v-esp-2, 8px); transform: translateY(-50%);
  color: var(--suave); font-size: var(--v-fonte-76, .76rem); font-style: italic; }
.gantt-barra { position: absolute; top: 7px; bottom: 7px; z-index: 2;
  left: calc((var(--ini) + var(--mexe-ini, 0)) * var(--gantt-dia));
  width: calc((var(--dur) + var(--mexe-dur, 0)) * var(--gantt-dia)); min-width: 6px; display: flex;
  align-items: center; box-sizing: border-box; overflow: hidden; border: 1px solid var(--gantt-cor);
  border-left-width: 3px; border-radius: 5px; background: var(--gantt-fundo); color: var(--tinta); font-size: var(--v-fonte-76, .76rem);
  user-select: none; -webkit-user-select: none; }
.gantt-barra.corta-inicio { border-left: 1px dashed var(--gantt-cor); border-top-left-radius: 0;
  border-bottom-left-radius: 0; }
.gantt-barra.corta-fim { border-right-style: dashed; border-top-right-radius: 0; border-bottom-right-radius: 0; }
.gantt-feito { position: absolute; top: 0; bottom: 0; left: 0; background: var(--gantt-cor); opacity: .22;
  pointer-events: none; }
.gantt-barra-texto { position: relative; overflow: hidden; padding: 0 6px; text-overflow: ellipsis; white-space: nowrap;
  pointer-events: none; }
.gantt-abrir:focus-visible { outline: 2px solid var(--verde); outline-offset: -2px; }
.gantt-barra[data-movel="true"], .gantt-barra[data-movel="true"] .gantt-abrir { cursor: grab; }
.gantt-ponta { position: absolute; top: 0; bottom: 0; z-index: 2; width: 8px; cursor: ew-resize; }
.gantt-ponta.inicio { left: 0; }
.gantt-ponta.fim { right: 0; }
@media (hover: hover) { .gantt-ponta:hover { background: var(--gantt-cor); opacity: .4; } }
.gantt-barra.arrastando { z-index: 3; cursor: grabbing; box-shadow: var(--v-sombra-1, none); }
.gantt-barra.movendo { opacity: .6; }
.gantt-barra.marco { top: calc(50% - 7px); bottom: auto; width: 14px; height: 14px; min-width: 0; margin-left: -7px;
  overflow: visible; border-width: 1px; border-radius: 2px; background: var(--gantt-cor); transform: rotate(45deg); }
.gantt-barra.marco .gantt-barra-texto, .gantt-barra.marco .gantt-feito { display: none; }
.gantt-linha[data-faixas] { height: calc(var(--gantt-linha) + (var(--faixas, 1) - 1) * var(--gantt-faixa)); }
.gantt-linha[data-faixas] .gantt-nome { align-items: flex-start; padding-top: 7px; }
.gantt-linha[data-faixas] .gantt-barra { top: calc(7px + var(--faixa, 0) * var(--gantt-faixa)); bottom: auto;
  height: 26px; }
.gantt-linha[data-faixas] .gantt-barra.marco { top: calc(13px + var(--faixa, 0) * var(--gantt-faixa)); height: 14px; }
.gantt-linha[data-faixas] .gantt-sem-datas { top: 20px; }
.gantt-setas { position: absolute; top: 0; left: var(--gantt-nome); z-index: 1;
  width: calc(var(--gantt-dias) * var(--gantt-dia));
  height: calc(var(--gantt-linhas) * var(--gantt-linha) + var(--gantt-extras, 0) * var(--gantt-faixa));
  overflow: visible; pointer-events: none; }
.gantt-setas path { fill: none; stroke: var(--suave); stroke-width: 1.5; }
.gantt-setas marker path { fill: var(--suave); stroke: none; }
.gantt-datas { display: grid; gap: var(--v-esp-3, 12px); }
.gantt-datas-agora { margin: 0; color: var(--suave); font-size: var(--v-fonte-86, .86rem); }
.gantt-deps { display: grid; gap: var(--v-esp-2, 8px); padding-top: var(--v-esp-2, 8px); border-top: 1px solid var(--linha); }
.gantt-deps > h3 { margin: 0; color: var(--suave); font-size: var(--v-fonte-78, .78rem); font-weight: var(--v-peso-negrito, 700); letter-spacing: .02em;
  text-transform: uppercase; }
.gantt-deps > ul { display: grid; gap: var(--v-esp-1, 4px); margin: 0; padding: 0; list-style: none; }
.gantt-deps li { display: flex; align-items: center; justify-content: space-between; gap: var(--v-esp-2, 8px); }
.gantt-deps li small { color: var(--suave); }
.gantt-deps-nada { margin: 0; color: var(--suave); font-size: var(--v-fonte-86, .86rem); }
@media (max-width: 760px) {
  .gantt { --gantt-nome: 140px; }
  .gantt-legenda { margin-left: 0; }
}

/* — widgets/arvore.css */
.arvore { --arvore-recuo: 16px; display: flex; flex-direction: column; gap: var(--v-esp-2, 8px); min-width: 0; }
.arvore[aria-busy="true"] .arvore-lista { opacity: .55; }
.arvore-busca { margin: 0; }
.arvore-achados { margin: 0; color: var(--suave); font-size: var(--v-fonte-80, .8rem); }
.arvore-achados mark, .arvore-nome mark { border-radius: 2px; background: var(--amarelo-f); color: inherit;
  box-shadow: inset 0 -2px 0 var(--amarelo); }
.arvore-lista, .arvore-grupo { display: grid; gap: 1px; margin: 0; padding: 0; list-style: none; }
.arvore-no { margin: 0; outline: none; }
.arvore-linha { position: relative; display: flex; align-items: center; gap: 6px; min-height: 32px;
  padding: 2px 4px 2px calc(4px + (var(--arvore-nivel, 1) - 1) * var(--arvore-recuo)); border-radius: 6px;
  color: var(--tinta); font-size: var(--v-fonte-13px, 13px); line-height: 1.35; }
@media (hover: hover) { .arvore-linha:hover { background: var(--e-sutil, #eef1f0); } }
.arvore-linha[draggable="true"] { cursor: grab; }
.arvore-linha.atual { background: var(--verde-claro); color: var(--verde-esc); box-shadow: inset 3px 0 0 var(--verde); }
.arvore-linha.atual .arvore-icone { color: currentColor; }
.arvore-no:focus-visible > .arvore-linha { outline: 2px solid var(--verde); outline-offset: -2px; }
.arvore-linha.alvo { background: var(--verde-claro); outline: 2px dashed var(--verde); outline-offset: -2px; }
.arvore-linha.arrastando { opacity: .4; }
.arvore-linha.movendo { opacity: .6; }
.arvore-alternar { flex: none; display: grid; place-items: center; width: 20px; height: 20px; border-radius: 4px;
  color: var(--suave); cursor: pointer; }
@media (hover: hover) { .arvore-alternar:hover { background: var(--e-sutil-2, #dfe6e2); color: var(--tinta); } }
.arvore-alternar.sem-filhos { cursor: default; }
@media (hover: hover) { .arvore-alternar.sem-filhos:hover { background: none; } }
.arvore-no[aria-expanded="true"] > .arvore-linha > .arvore-alternar > svg { transform: rotate(90deg); }
.arvore-icone { flex: none; color: var(--suave); }
.arvore-nome { flex: 1; min-width: 0; margin: 0; padding: 4px 2px; border: 0; background: none; color: inherit;
  font: inherit; font-weight: var(--v-peso-medio, 500); text-align: left; text-decoration: none; overflow-wrap: anywhere; cursor: pointer; }
.arvore-nome:focus-visible { outline: 2px solid var(--verde); outline-offset: -2px; border-radius: 4px; }
.arvore-linha.atual .arvore-nome { font-weight: var(--v-peso-negrito, 700); }
.arvore-extra { flex: none; color: var(--suave); font-size: var(--v-fonte-78, .78rem); font-variant-numeric: tabular-nums; }
.arvore-linha.atual .arvore-extra { color: currentColor; }
.arvore-acoes { flex: none; opacity: 0; }
.arvore-linha:focus-within .arvore-acoes, .arvore-acoes:has(details[open]), .arvore-no:focus-visible > .arvore-linha .arvore-acoes { opacity: 1; }
@media (hover: hover) { .arvore-linha:hover .arvore-acoes { opacity: 1; } }
.arvore-acoes .menu-acoes > .menu-acoes-bt { width: 26px; height: 26px; }
@media (hover: none) { .arvore-acoes { opacity: 1; } }
.arvore-carregando, .arvore-mais { padding: 4px 4px 4px calc(30px + (var(--arvore-nivel, 1) - 1) * var(--arvore-recuo)); }
.arvore-carregando { color: var(--suave); font-size: var(--v-fonte-80, .8rem); font-style: italic; }
.arvore-mais { list-style: none; }
.arvore-vazio { color: var(--suave); font-size: var(--v-fonte-85, .85rem); }
.arvore-destinos { display: grid; gap: var(--v-esp-2, 8px); padding: var(--v-esp-2, 8px) var(--v-esp-3, 12px);
  border: 1px solid var(--linha); border-radius: var(--v-raio, 10px); background: var(--e-cartao, #fff);
  box-shadow: var(--v-sombra-1, none); }
.arvore-destinos > .btn { justify-self: start; }
.arvore-destinos-titulo { margin: 0; color: var(--tinta); font-size: var(--v-fonte-85, .85rem); font-weight: var(--v-peso-negrito, 700); }
.arvore-destinos-lista { display: grid; gap: 1px; max-height: 280px; margin: 0; padding: 0; overflow-y: auto;
  list-style: none; }
.arvore-destino { gap: 6px; min-height: 32px; margin: 0;
  padding: 2px 8px 2px calc(8px + (var(--arvore-nivel, 1) - 1) * var(--arvore-recuo)); border-radius: 6px;
  font-size: var(--v-fonte-13px, 13px); }
.arvore-destino > svg { flex: none; color: var(--suave); }
@media (hover: hover) { .arvore-destino:hover { background: var(--e-sutil, #eef1f0); } }
.arvore-destino:focus-visible { outline: 2px solid var(--verde); outline-offset: -2px; }
@media (prefers-reduced-motion: no-preference) {
  .arvore-alternar > svg { transition: transform .15s ease; }
}

/* — widgets/organograma.css */
.organograma { --og-linha: var(--e-linha-forte, var(--linha)); --og-suave: var(--e-suave, var(--suave));
  --og-caixa: var(--e-cartao, #fff); --og-desce: 22px; --og-lado: 10px;
  display: flex; flex-direction: column; gap: var(--v-esp-2, 8px); min-width: 0; }
:root[data-acrilico="on"] .organograma { --og-caixa: var(--grade-fundo, var(--acr-base, #fff)); }
.organograma-busca { flex: 1 1 220px; max-width: 360px; margin: 0; }
.organograma-achados { margin: 0; color: var(--og-suave); font-size: var(--v-fonte-80, .8rem); }
.organograma-grupo { display: inline-flex; align-items: center; gap: var(--v-esp-1, 4px); }
.organograma-zoom-valor { min-width: 44px; color: var(--og-suave); font-size: var(--v-fonte-78, .78rem); text-align: center;
  font-variant-numeric: tabular-nums; }
.organograma-vista { position: relative; height: clamp(420px, 68vh, 920px); overflow: hidden;
  border: 1px solid var(--linha); border-radius: var(--v-raio, 10px); background: var(--e-sutil, #eef1f0);
  cursor: grab; touch-action: none; user-select: none; -webkit-user-select: none; }
.organograma-vista.arrastando { cursor: grabbing; }
.organograma-vista:focus-visible { outline: 2px solid var(--verde); outline-offset: 2px; }
.organograma-palco { position: absolute; top: 0; left: 0; width: max-content;
  padding: var(--v-esp-2, 8px) var(--v-esp-4, 16px) var(--v-esp-5, 24px);
  transform-origin: 0 0; }
.organograma-vista.movendo .organograma-palco { will-change: transform; }
.organograma-nivel { position: relative; display: flex; justify-content: center; margin: 0;
  padding: var(--og-desce) 0 0; list-style: none; }
.organograma-raizes { gap: var(--v-esp-6, 32px); padding-top: 0; }
.organograma-nivel .organograma-nivel::before { content: ""; position: absolute; top: 0; left: 50%;
  height: var(--og-desce); border-left: 1.5px solid var(--og-linha); }
.organograma-no { position: relative; display: flex; flex-direction: column; align-items: center;
  padding: var(--og-desce) var(--og-lado) 0; outline: none; }
.organograma-no::before, .organograma-no::after { content: ""; position: absolute; top: 0; right: 50%; width: 50%;
  height: var(--og-desce); border-top: 1.5px solid var(--og-linha); }
.organograma-no::after { right: auto; left: 50%; border-left: 1.5px solid var(--og-linha); }
.organograma-no:only-child { padding-top: 0; }
.organograma-no:only-child::before, .organograma-no:only-child::after { display: none; }
.organograma-no:first-child::before, .organograma-no:last-child::after { border: 0; }
.organograma-no:last-child::before { border-right: 1.5px solid var(--og-linha); border-top-right-radius: var(--v-raio-ctrl, 8px); }
.organograma-no:first-child::after { border-top-left-radius: var(--v-raio-ctrl, 8px); }
.organograma-raizes > .organograma-no { padding-top: 0; }
.organograma-raizes > .organograma-no::before, .organograma-raizes > .organograma-no::after { display: none; }
.organograma-caixa { position: relative; display: flex; flex-direction: column; gap: var(--v-esp-2, 8px); width: 232px;
  padding: var(--v-esp-3, 12px) var(--v-esp-3, 12px) var(--v-esp-4, 16px); border: 1px solid var(--linha); border-radius: var(--v-raio, 10px);
  background: var(--og-caixa); color: var(--tinta); box-shadow: var(--v-sombra-1, none); cursor: default; }
.organograma-caixa[draggable="true"] { cursor: grab; }
.organograma-caixa.achado { outline: 2px solid var(--amarelo); outline-offset: 2px; }
.organograma-caixa.da-vez { outline: 3px solid var(--verde); outline-offset: 2px; }
.organograma-caixa.alvo { outline: 2px dashed var(--verde); outline-offset: 3px; }
.organograma-caixa.arrastando { opacity: .45; }
.organograma-no:focus-visible > .organograma-caixa { outline: 2px solid var(--verde); outline-offset: 3px; }
.organograma-cabeca { display: flex; align-items: flex-start; gap: var(--v-esp-1, 4px); min-height: 24px; }
.organograma-nome { flex: 1; min-width: 0; font-size: var(--v-fonte-13px, 13px); font-weight: var(--v-peso-negrito, 700); line-height: 1.3;
  overflow-wrap: anywhere; }
.organograma-acoes { flex: none; margin: calc(-1 * var(--v-esp-1, 4px)) calc(-1 * var(--v-esp-1, 4px)) 0 0; }
.organograma-acoes .menu-acoes > .menu-acoes-bt { width: 26px; height: 26px; }
.organograma-chefe { display: flex; align-items: center; gap: var(--v-esp-2, 8px); min-width: 0; }
.organograma-chefe-texto { display: flex; flex-direction: column; min-width: 0; }
.organograma-chefe-nome { color: var(--tinta); font-size: var(--v-fonte-13px, 13px); font-weight: var(--v-peso-semi, 600); text-decoration: none;
  overflow-wrap: anywhere; }
@media (hover: hover) { a.organograma-chefe-nome:hover { text-decoration: underline; } }
.organograma-cargo { color: var(--og-suave); font-size: var(--v-fonte-75, .75rem); overflow-wrap: anywhere; }
.organograma-sem-chefe { margin: 0; color: var(--og-suave); font-size: var(--v-fonte-78, .78rem); font-style: italic; }
.organograma-pessoas { display: flex; align-items: center; justify-content: space-between; gap: var(--v-esp-2, 8px);
  min-height: 22px; }
.organograma-fotos { display: inline-flex; align-items: center; }
.organograma-fotos > .organograma-pessoa + .organograma-pessoa { margin-left: calc(-1 * var(--v-esp-1, 4px)); }
.organograma-pessoa { display: inline-flex; border: 2px solid var(--og-caixa); border-radius: 50%;
  text-decoration: none; }
.organograma-pessoa:focus-visible, .organograma-mais:focus-visible, .organograma-chefe-nome:focus-visible {
  outline: 2px solid var(--verde); outline-offset: 1px; }
.organograma-mais { margin-left: var(--v-esp-1, 4px); padding: 0 var(--v-esp-2, 8px); border-radius: var(--v-raio-pilula, 999px); background: var(--e-sutil, #eef1f0);
  color: var(--tinta); font-size: var(--v-fonte-72, .72rem); font-weight: var(--v-peso-semi, 600); text-decoration: none; }
@media (hover: hover) { a.organograma-mais:hover { background: var(--e-sutil-2, #dfe6e2); } }
.organograma-conta { margin-left: auto; color: var(--og-suave); font-size: var(--v-fonte-75, .75rem); font-variant-numeric: tabular-nums; }
.organograma-alternar { position: absolute; left: 50%; bottom: -11px; display: inline-flex; align-items: center;
  gap: var(--v-esp-1, 4px); height: 22px; padding: 0 var(--v-esp-2, 8px); transform: translateX(-50%);
  border: 1px solid var(--og-linha); border-radius: var(--v-raio-pilula, 999px); background: var(--og-caixa); color: var(--og-suave); font: inherit; font-size: var(--v-fonte-72, .72rem);
  font-weight: var(--v-peso-semi, 600); cursor: pointer; z-index: 1; }
@media (hover: hover) { .organograma-alternar:hover { color: var(--tinta); border-color: var(--verde); } }
.organograma-alternar:focus-visible { outline: 2px solid var(--verde); outline-offset: 1px; }
.organograma-vazio { color: var(--og-suave); font-size: var(--v-fonte-85, .85rem); }
.organograma-destinos { display: grid; gap: var(--v-esp-2, 8px); padding: var(--v-esp-2, 8px) var(--v-esp-3, 12px);
  border: 1px solid var(--linha); border-radius: var(--v-raio, 10px); background: var(--og-caixa);
  box-shadow: var(--v-sombra-1, none); }
.organograma-destinos > .btn { justify-self: start; }
.organograma-destinos-titulo { margin: 0; color: var(--tinta); font-size: var(--v-fonte-85, .85rem); font-weight: var(--v-peso-negrito, 700); }
.organograma-destinos-lista { display: grid; gap: 0; max-height: 280px; margin: 0; padding: 0; overflow-y: auto;
  list-style: none; }
.organograma-destino { gap: var(--v-esp-2, 8px); min-height: 32px;
  margin: 0; padding: 0 var(--v-esp-2, 8px) 0 calc(var(--v-esp-2, 8px) + (var(--og-nivel, 1) - 1) * var(--v-esp-4, 16px));
  border-radius: var(--v-raio-ctrl, 8px); font-size: var(--v-fonte-13px, 13px); }
.organograma-destino > svg { flex: none; color: var(--og-suave); }
@media (hover: hover) { .organograma-destino:hover { background: var(--e-sutil, #eef1f0); } }
.organograma-destino:focus-visible { outline: 2px solid var(--verde); outline-offset: -2px; }
@media (max-width: 640px) {
  .organograma-busca { flex-basis: 100%; max-width: none; }
  .organograma-vista { height: 62vh; }
}
@media (hover: none) { .organograma-caixa[draggable="true"] { cursor: default; } }

/* — widgets/grade_arvore.css */
.grade-arvore { display: grid; gap: var(--v-esp-2, 8px); min-width: 0; max-width: 100%; }
.grade-arvore-barra { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: var(--v-esp-2, 8px); }
.grade-arvore-rolagem { --ga-recuo: 1.15rem; --ga-cab-h: 2.3rem;
  --ga-preso: linear-gradient(var(--branco, #fff), var(--branco, #fff)), var(--acr-base, var(--branco, #fff));
  max-width: 100%; max-height: 75vh; overflow: auto; overscroll-behavior-x: contain;
  border: 1px solid var(--linha); border-radius: var(--v-raio-ctrl, 8px); }
.grade-arvore .grade-arvore-tabela.t { width: max-content; min-width: 100%; border-collapse: separate; border-spacing: 0; }
.grade-arvore .grade-arvore-tabela.t :is(th, td) { padding: 5px 10px; vertical-align: middle; }
.grade-arvore .grade-arvore-tabela.t thead th { position: sticky; top: 0; z-index: 2; height: var(--ga-cab-h);
  box-sizing: border-box; white-space: nowrap; vertical-align: bottom;
  background: linear-gradient(var(--v-cab, var(--verde-fundo)), var(--v-cab, var(--verde-fundo))), var(--ga-preso); }
.grade-arvore .grade-arvore-tabela.t thead tr + tr th { top: var(--ga-cab-h); }
.grade-arvore .grade-arvore-tabela.t thead th.ga-num { text-align: right; }
.grade-arvore .grade-arvore-tabela.t thead th.ga-cab-grupo { text-align: center; border-bottom: 1px solid var(--linha); }
.grade-arvore .grade-arvore-tabela.t thead th.ga-total { font-weight: var(--v-peso-negrito, 700); }
.grade-arvore .grade-arvore-tabela.t thead tr:first-child th.ga-cab-nome { left: 0; z-index: 4;
  box-shadow: inset -1px 0 0 var(--linha); }
.grade-arvore .grade-arvore-tabela.t tbody th[scope="row"] { position: sticky; top: auto; left: 0; z-index: 1;
  min-width: 15rem; max-width: 24rem; padding-left: calc(6px + (var(--ga-nivel, 1) - 1) * var(--ga-recuo));
  text-align: left; text-transform: none; letter-spacing: 0; font-size: inherit; font-weight: var(--v-peso-normal, 400);
  color: var(--tinta); white-space: normal; border-bottom: 1px solid var(--e-linha, var(--linha));
  background: var(--ga-preso); box-shadow: inset -1px 0 0 var(--linha);
  -webkit-backdrop-filter: none; backdrop-filter: none; }
.grade-arvore .grade-arvore-tabela.t tbody tr:nth-child(even) > th[scope="row"] {
  background: linear-gradient(var(--v-zebra, transparent), var(--v-zebra, transparent)), var(--ga-preso); }
@media (hover: hover) { .grade-arvore .grade-arvore-tabela.t tbody tr:hover > :is(th[scope="row"], td) {
  background: linear-gradient(var(--v-linha-hover, var(--e-sutil, #eef1f0)), var(--v-linha-hover, var(--e-sutil, #eef1f0))),
    var(--ga-preso); } }
.grade-arvore .grade-arvore-tabela.t tbody th[scope="row"]:focus-visible {
  outline: 2px solid var(--v-foco, var(--verde)); outline-offset: -2px; }
.ga-nome { display: flex; align-items: flex-start; gap: var(--v-esp-1, 4px); }
.ga-rotulo { min-width: 0; padding-top: 1px; overflow-wrap: anywhere; }
.ga-apoio { display: block; color: var(--suave); font-size: var(--v-fonte-78, .78rem); font-weight: var(--v-peso-normal, 400); }
.ga-alternar { flex: none; display: inline-grid; place-items: center; width: 22px; height: 22px; margin: 0; padding: 0;
  border: 0; border-radius: var(--v-raio-ctrl, 4px); background: none; color: var(--suave); cursor: pointer; }
@media (hover: hover) { .ga-alternar:hover { background: var(--e-sutil-2, #dfe6e2); color: var(--tinta); } }
.ga-alternar:focus-visible { outline: 2px solid var(--v-foco, var(--verde)); outline-offset: 1px; }
.ga-alternar svg { transition: transform .12s ease; }
.ga-alternar[aria-expanded="true"] svg { transform: rotate(90deg); }
.ga-alternar.ga-folha { cursor: default; }
@media (hover: hover) { .ga-alternar.ga-folha:hover { background: none; } }
.grade-arvore .grade-arvore-tabela.t td.ga-num { text-align: right; white-space: nowrap; min-width: 7rem;
  font-variant-numeric: tabular-nums; }
.grade-arvore .grade-arvore-tabela.t td.ga-texto { min-width: 8rem; }
.grade-arvore .grade-arvore-tabela.t td.ga-vazia { color: var(--suave); }
.grade-arvore-tabela tr.ga-receita > th .ga-rotulo, .grade-arvore-tabela tr.ga-receita > td.ga-num:not(.ga-vazia) {
  color: var(--azul); }
.grade-arvore-tabela tr.ga-despesa > th .ga-rotulo, .grade-arvore-tabela tr.ga-despesa > td.ga-num:not(.ga-vazia) {
  color: var(--vermelho); }
.grade-arvore .grade-arvore-tabela tr > td.ga-num.ga-neg { color: var(--vermelho); }
.grade-arvore-tabela tr.ga-raiz > th .ga-rotulo, .grade-arvore-tabela tr.ga-raiz > td,
.grade-arvore-tabela td.ga-total { font-weight: var(--v-peso-negrito, 700); }
.grade-arvore .grade-arvore-tabela.t tr.ga-resultado > :is(th, td) { font-weight: var(--v-peso-negrito, 700);
  border-top: 2px solid var(--linha); }
.grade-arvore-tabela tr.ga-resultado > th .ga-rotulo { font-weight: var(--v-peso-negrito, 700); }
.grade-arvore-tabela tr.ga-saldo > :is(th, td) { font-style: italic; }
.grade-arvore-tabela tr.ga-saldo > th .ga-rotulo { font-weight: var(--v-peso-semi, 600); }
.ga-link { color: inherit; text-decoration: underline dotted;
  text-decoration-color: color-mix(in srgb, currentColor 45%, transparent); text-underline-offset: 3px; }
@media (hover: hover) { .ga-link:hover { text-decoration: underline; text-decoration-color: currentColor; } }
.ga-link:focus-visible { outline: 2px solid var(--v-foco, var(--verde)); outline-offset: 2px; border-radius: 2px; }
.ga-editar { display: block; width: 100%; min-height: 1.6em; margin: 0; padding: 1px 4px;
  border: 1px dashed transparent; border-radius: var(--v-raio-ctrl, 4px); background: none; color: inherit;
  font: inherit; font-variant-numeric: tabular-nums; text-align: inherit; cursor: text; }
@media (hover: hover) { .ga-editar:hover { border-color: var(--linha); background: var(--e-sutil, #eef1f0); } }
.ga-editar:focus-visible { outline: 2px solid var(--v-foco, var(--verde)); outline-offset: 1px; }
.grade-arvore .grade-arvore-tabela.t td.ga-editavel { box-shadow: inset 0 -1px 0 var(--linha); }
.ga-editar.ga-salvando { opacity: .55; cursor: progress; }
.ga-edicao { display: flex; align-items: flex-start; justify-content: flex-end; gap: var(--v-esp-1, 4px); margin: 0; }
.ga-edicao .campo { margin: 0; }
.ga-edicao .campo input { width: 9rem; text-align: right; }
.ga-edicao .campo-erro { max-width: 14rem; margin: var(--v-esp-1, 4px) 0 0; white-space: normal; text-align: left; }
.ga-edicao-acoes { display: inline-flex; gap: 2px; }
.grade-arvore-vazio { padding: var(--v-esp-3, 12px); color: var(--suave); }
@media (max-width: 600px) {
  .grade-arvore .grade-arvore-tabela.t tbody th[scope="row"] { min-width: 9.5rem; max-width: 12rem; }
  .grade-arvore-rolagem { max-height: 70vh; }
}
@media (prefers-reduced-motion: reduce) { .ga-alternar svg { transition: none; } }

/* — widgets/caminho.css */
.caminho { display: flex; flex-wrap: wrap; align-items: center; gap: var(--v-esp-2, 8px); margin: 0 0 var(--v-esp-3, 12px); }
.caminho-lista { display: flex; flex-wrap: wrap; align-items: center; gap: var(--v-esp-1, 4px); margin: 0; padding: 0; list-style: none; min-width: 0; }
.caminho-item { display: inline-flex; align-items: center; min-width: 0; color: var(--e-suave, var(--suave)); }
.caminho-item + .caminho-item::before { content: "›"; margin-right: var(--v-esp-1, 4px); color: var(--e-suave, var(--suave)); }
.caminho-item a { color: var(--azul); text-decoration: none; overflow-wrap: anywhere; }
.caminho-item a:focus-visible { text-decoration: underline; }
@media (hover: hover) { .caminho-item a:hover { text-decoration: underline; } }
.caminho-atual b { color: var(--tinta); overflow-wrap: anywhere; }

/* — widgets/linha_do_tempo.css */
.ldt { display: flex; flex-direction: column; gap: var(--v-esp-3, 12px); min-width: 0; }
.ldt-compor { display: flex; flex-direction: column; gap: var(--v-esp-2, 8px); }
.ldt-compor textarea { min-height: 72px; resize: vertical; }
.ldt-compor textarea[aria-invalid="true"] { border-color: var(--vermelho); }
.ldt-compor > .acoes { justify-content: flex-end; }
.ldt-erro { margin: 0; color: var(--vermelho); font-size: var(--v-fonte-82, .82rem); font-weight: var(--v-peso-semi, 600); }
.ldt-fixados { padding: var(--v-esp-2, 8px) var(--v-esp-3, 12px); border: 1px solid var(--linha);
  border-radius: var(--v-raio, 10px); background: var(--amarelo-f); }
.ldt-fixados > h3 { display: flex; align-items: center; gap: 6px; margin: 0 0 var(--v-esp-1, 4px); color: var(--amarelo);
  font-size: var(--v-fonte-78, .78rem); font-weight: var(--v-peso-negrito, 700); letter-spacing: .02em; text-transform: uppercase; }
.ldt-itens { position: relative; margin: 0; padding: 0; list-style: none; }
.ldt-itens::before { content: ""; position: absolute; top: 4px; bottom: 4px; left: 15px; width: 2px;
  background: var(--e-linha, #edf2ee); }
.ldt-item { position: relative; display: grid; grid-template-columns: 32px minmax(0, 1fr) auto; align-items: start;
  gap: var(--v-esp-3, 12px); padding: var(--v-esp-2, 8px) 0; }
.ldt-icone { position: relative; display: grid; place-items: center; width: 32px; height: 32px; border-radius: 50%;
  background: var(--e-sutil, #eef1f0); color: var(--suave); box-shadow: 0 0 0 3px var(--e-cartao, #fff); }
.ldt-fixados .ldt-icone { box-shadow: 0 0 0 3px var(--amarelo-f); }
.ldt-comentario > .ldt-icone { background: var(--azul-f); color: var(--azul); }
.ldt-atividade > .ldt-icone { background: var(--verde-claro); color: var(--verde-esc); }
.ldt-email > .ldt-icone { background: var(--amarelo-f); color: var(--amarelo); }
.ldt-etapa > .ldt-icone { background: var(--e-sutil-2, #dfe6e2); color: var(--tinta); }
.ldt-corpo { min-width: 0; padding-top: 5px; }
.ldt-cab { display: flex; flex-wrap: wrap; align-items: baseline; gap: 0 var(--v-esp-2, 8px); margin: 0;
  font-size: var(--v-fonte-85, .85rem); }
.ldt-autor { color: var(--tinta); }
.ldt-acao, .ldt-quando { color: var(--suave); }
.ldt-quando { font-size: var(--v-fonte-80, .8rem); font-variant-numeric: tabular-nums; }
.ldt-fixado { display: inline-flex; align-items: center; gap: 3px; color: var(--amarelo); font-size: var(--v-fonte-78, .78rem);
  font-weight: var(--v-peso-semi, 600); }
.ldt-titulo { margin: 2px 0 0; font-weight: var(--v-peso-semi, 600); }
.ldt-texto { margin: 4px 0 0; white-space: pre-line; overflow-wrap: anywhere; }
.ldt-mudanca { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin: 4px 0 0; font-weight: var(--v-peso-semi, 600); }
.ldt-anexos { display: flex; flex-wrap: wrap; gap: 6px; margin: 6px 0 0; padding: 0; list-style: none; }
.ldt-anexos a { display: inline-flex; align-items: center; gap: 4px; padding: 2px 10px; border: 1px solid var(--linha);
  border-radius: var(--v-raio-pilula, 999px); background: var(--e-cartao, #fff); font-size: var(--v-fonte-82, .82rem);
  text-decoration: none; }
@media (hover: hover) { .ldt-anexos a:hover { border-color: var(--verde); } }
.ldt-vazio { color: var(--suave); text-align: center; }
.ldt-barra { display: flex; flex-wrap: wrap; align-items: center; gap: var(--v-esp-2, 8px); }
.ldt-bolhas { display: flex; flex-direction: column; gap: var(--v-esp-3, 12px); margin: 0; padding: 0; list-style: none; }
.ldt-bolha { align-self: flex-start; width: min(100%, 820px); min-width: 0; padding: var(--v-esp-2, 8px) var(--v-esp-3, 12px);
  border: 1px solid var(--linha); border-radius: var(--v-raio, 10px); border-top-left-radius: 2px;
  background: var(--e-cartao, #fff); }
.ldt-bolha.ldt-meu { align-self: flex-end; border-top-left-radius: var(--v-raio, 10px); border-top-right-radius: 2px;
  background: var(--azul-f); }
.ldt-bolha.ldt-atual { border-color: var(--verde); box-shadow: 0 0 0 1px var(--verde); }
.ldt-apoio { margin: 2px 0 0; color: var(--suave); font-size: var(--v-fonte-80, .8rem); overflow-wrap: anywhere; }
.ldt-bolha-pe { display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; gap: var(--v-esp-2, 8px);
  margin-top: var(--v-esp-2, 8px); }
.ldt-quadro { display: block; width: 100%; height: 360px; min-height: 160px; margin: 6px 0 0; overflow: auto;
  resize: vertical; border: 1px solid var(--linha); border-radius: var(--v-raio-ctrl, 6px); background: var(--branco, #fff); }
.ldt-tamanho { color: var(--suave); font-size: var(--v-fonte-75, .75rem); }
.ldt-anexo-sem { display: inline-flex; align-items: center; gap: 4px; padding: 2px 10px; border: 1px dashed var(--linha);
  border-radius: var(--v-raio-pilula, 999px); color: var(--suave); font-size: var(--v-fonte-82, .82rem); }
@media (max-width: 760px) { .ldt-bolha { width: 100%; } }
.ldt-sugestoes { margin: 0; padding: var(--v-esp-1, 4px); list-style: none; max-height: 240px; overflow-y: auto;
  background: var(--e-cartao, var(--branco)); color: var(--tinta); border: 1px solid var(--e-linha-forte, var(--linha));
  border-radius: var(--v-raio-ctrl, 8px); box-shadow: var(--v-sombra-1); }
.ldt-sugestoes[hidden] { display: none; }
.ldt-sugestoes [role=option] { padding: var(--v-esp-1, 4px) var(--v-esp-2, 8px); border-radius: var(--v-raio-ctrl, 6px); cursor: pointer; font-size: var(--v-fonte-90, .9rem); }
.ldt-sugestoes [role=option].on { background: var(--e-sutil, var(--verde-fundo)); }
@media (hover: hover) { .ldt-sugestoes [role=option]:hover { background: var(--e-sutil, var(--verde-fundo)); } }

/* — widgets/lista_mestre.css */
.lista-mestre-2 { display: grid; grid-template-columns: minmax(200px, 280px) minmax(0, 1fr); gap: var(--v-esp-4, 16px);
  align-items: start; }
.lista-mestre-2 > .lm-lista { padding-right: var(--v-esp-3, 12px); border-right: 1px solid var(--linha); }
.lm-conteudo { min-width: 0; }
.lista-mestre button.nb-lat-item { width: 100%; border: 0; background: none; font: inherit; text-align: left;
  cursor: pointer; }
.lm-titulo { display: block; }
.lm-apoio { display: block; margin-top: 1px; overflow: hidden; color: var(--e-suave, var(--suave)); font-size: var(--v-fonte-78, .78rem);
  font-weight: var(--v-peso-normal, 400); text-overflow: ellipsis; white-space: nowrap; }
.lm-nao-lido .lm-titulo { font-weight: var(--v-peso-negrito, 700); }
.lm-nao-lido .lm-titulo::before { content: ""; display: inline-block; width: 7px; height: 7px;
  margin-right: var(--v-esp-1, 4px); border-radius: var(--v-raio-pilula, 999px); background: var(--verde);
  vertical-align: middle; }
@media (max-width: 760px) {
  .lista-mestre-2 { grid-template-columns: minmax(0, 1fr); }
  .lista-mestre-2 > .lm-lista { padding: 0 0 var(--v-esp-3, 12px); border-right: 0; border-bottom: 1px solid var(--linha); }
}
.lista-mestre-2 > .lm-lista, .lista-mestre .nb-lat-lista > li { min-width: 0; }
.lm-titulo { display: flex; align-items: baseline; gap: var(--v-esp-1, 4px); min-width: 0; }
.lm-titulo-t { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.lm-nao-lido .lm-titulo::before { flex: 0 0 auto; }
.lm-anexo { flex: 0 0 auto; color: var(--suave); }
.lm-quando { flex: 0 0 auto; margin-left: auto; color: var(--e-suave, var(--suave)); font-size: var(--v-fonte-75, .75rem); font-weight: var(--v-peso-normal, 400);
  font-variant-numeric: tabular-nums; }
.lm-detalhe { display: block; margin-top: 1px; overflow: hidden; color: var(--e-suave, var(--suave)); font-size: var(--v-fonte-75, .75rem);
  font-weight: var(--v-peso-normal, 400); opacity: .85; text-overflow: ellipsis; white-space: nowrap; }

/* — widgets/ficha.css */
table.t.ficha:not(:has(> colgroup)) > tbody > tr > th[scope="row"] { width: 35%; }

/* — widgets/documento.css */
.documento { max-width: 760px; min-width: 0; color: var(--tinta); line-height: 1.6; overflow-wrap: anywhere; }
.documento > :first-child { margin-top: 0; }
.documento:not(.documento-trecho):not(:first-child) { margin-top: var(--v-esp-3, 12px); }
.documento > :last-child { margin-bottom: 0; }
.documento-vazio { color: var(--suave); font-style: italic; }
.documento h3, .documento h4, .documento h5, .documento h6 { margin: var(--v-esp-4, 16px) 0 var(--v-esp-2, 8px);
  color: var(--tinta); line-height: 1.3; }
.documento h3 { font-size: 1.3rem; }
.documento h4 { font-size: var(--v-fonte-112, 1.12rem); }
.documento h5 { font-size: var(--v-fonte-100, 1rem); }
.documento h6 { font-size: var(--v-fonte-92, .92rem); color: var(--suave); }
.documento p, .documento ul, .documento ol, .documento blockquote, .documento pre, .documento-tabela {
  margin: 0 0 var(--v-esp-3, 12px); }
.documento ul, .documento ol { padding-left: 1.5em; }
.documento li + li { margin-top: 2px; }
.documento li > ul, .documento li > ol { margin: 2px 0 0; }
.documento-item-tarefa { list-style: none; margin-left: -1.3em; }
.documento-tarefa { display: inline-grid; place-items: center; width: 1em; height: 1em; margin-right: 4px;
  border: 1px solid var(--linha); border-radius: 3px; vertical-align: -2px; font-size: .9em; line-height: 1; }
.documento-tarefa.feita { border-color: var(--verde); background: var(--verde); color: var(--e-sobre-cor, #fff); }
.documento blockquote { padding: 2px 0 2px var(--v-esp-3, 12px); border-left: 3px solid var(--linha);
  color: var(--suave); }
.documento hr { margin: var(--v-esp-4, 16px) 0; border: 0; border-top: 1px solid var(--linha); }
.documento a { color: var(--azul); text-decoration: underline; }
.documento img { display: block; max-width: 100%; height: auto; margin: var(--v-esp-2, 8px) 0;
  border-radius: var(--v-raio-ctrl, 6px); }
.documento code { padding: 1px 5px; border-radius: 4px; background: var(--e-sutil, #eef1f0);
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: .88em; }
.documento pre { overflow-x: auto; padding: var(--v-esp-3, 12px); border: 1px solid var(--linha);
  border-radius: var(--v-raio-ctrl, 6px); background: var(--e-sutil, #eef1f0); line-height: 1.45; }
.documento pre code { padding: 0; background: none; font-size: var(--v-fonte-85, .85rem); white-space: pre; }
.documento-tabela { overflow-x: auto; }
.documento-tabela table { border-collapse: collapse; min-width: 50%; font-size: var(--v-fonte-90, .9rem); }
.documento-tabela th, .documento-tabela td { padding: 6px 10px; border: 1px solid var(--linha); text-align: left;
  vertical-align: top; }
.documento-tabela th { background: var(--v-cab, #f4f7f5); font-weight: var(--v-peso-semi, 600); }
.documento-tabela .documento-centro { text-align: center; }
.documento-tabela .documento-direita { text-align: right; }
.documento-anexo { display: inline-flex; align-items: baseline; gap: 4px; padding: 2px 10px;
  border: 1px solid var(--linha); border-radius: var(--v-raio-pilula, 999px); background: var(--e-cartao, #fff);
  color: var(--suave); font-size: var(--v-fonte-85, .85rem); }
.documento-anexo b { color: var(--tinta); font-weight: var(--v-peso-semi, 600); }
.documento-anexo.ausente { border-style: dashed; }
.documento-imagem { margin: .9rem 0; }
.documento-imagem img { display: block; max-width: 100%; height: auto; border: 1px solid var(--linha);
  border-radius: var(--raio); }
.documento-imagem figcaption { margin-top: .35rem; color: var(--suave); font-size: var(--v-fonte-82, .82rem); }
.documento-baixar { font-weight: var(--v-peso-semi, 600); }
.documento-trecho { max-width: none; color: var(--suave); font-size: var(--v-fonte-88, .88rem); line-height: 1.5; }
.documento-trecho mark { padding: 0 2px; border-radius: 3px; background: var(--amarelo-f); color: var(--tinta);
  font-weight: var(--v-peso-semi, 600); }

/* — widgets/documento_fiscal.css */
.docf { position: relative; display: grid; gap: var(--v-esp-3, 12px); min-width: 0; max-width: 100%; }
.df-titulo { margin: 0; font-size: var(--v-fonte-105, 1.05rem); overflow-wrap: anywhere; }
.df-acoes { display: flex; flex-wrap: wrap; gap: var(--v-esp-2, 8px); }
.docf .link-box code { font-variant-numeric: tabular-nums; letter-spacing: .02em; word-spacing: .15em;
  white-space: normal; word-break: normal; overflow-wrap: normal; }
.df-xml-parte { display: grid; gap: var(--v-esp-2, 8px); min-width: 0; }
.df-xml-titulo { margin: 0; font-size: var(--v-fonte-95, .95rem); }
.df-busca { display: flex; flex-wrap: wrap; align-items: center; gap: var(--v-esp-2, 8px) var(--v-esp-3, 12px);
  margin: 0; min-width: 0; }
.df-busca > .campo { margin: 0; }
.df-busca > .campo:first-child { flex: 1 1 16rem; min-width: 0; }
.df-busca > .campo:first-child input { width: 100%; box-sizing: border-box; }
.df-conta { color: var(--suave); font-size: var(--v-fonte-85, .85rem); }
.df-xml { max-height: 32rem; overflow: auto; overscroll-behavior: contain; padding: 6px 0;
  border: 1px solid var(--linha); border-radius: var(--v-raio-ctrl, 8px); background: var(--verde-fundo);
  font: var(--v-fonte-82, .82rem)/1.5 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; }
.df-xml:focus-visible { outline: 2px solid var(--v-foco, var(--verde)); outline-offset: 1px; }
.df-l { display: grid; grid-template-columns: 3.5em minmax(0, 1fr); align-items: start; }
.df-num { padding: 0 8px 0 4px; color: var(--suave); text-align: right; user-select: none; opacity: .75;
  font-variant-numeric: tabular-nums; }
.df-cod { display: block; min-width: 0; padding: 0 10px 0 calc(var(--df-nivel, 0) * 1.5em); background: none;
  color: var(--tinta); font: inherit; white-space: pre-wrap; overflow-wrap: anywhere; }
.df-cru .df-cod { padding-left: 4px; }
.df-pont { color: var(--suave); }
.df-tag { color: var(--azul); }
.df-attr { color: var(--verde-esc); }
.df-valor { color: var(--vermelho); }
.df-texto, .df-cdata { color: var(--tinta); }
.df-comentario { color: var(--suave); font-style: italic; }
.df-decl { color: var(--suave); }
.df-xml mark { padding: 0 1px; border-radius: 2px; background: var(--amarelo-f); color: var(--tinta);
  box-shadow: inset 0 -2px 0 var(--amarelo); }
.df-l.df-ctx .df-cod { opacity: .6; }
.df-l.df-salto { margin-top: 4px; padding-top: 4px; border-top: 1px dashed var(--linha); }
.df-nada { margin: 0; padding: 8px 12px; color: var(--suave); font-family: inherit; }
@media (max-width: 760px) {
  .df-xml { max-height: 60vh; font-size: var(--v-fonte-78, .78rem); }
  .df-l { grid-template-columns: 2.8em minmax(0, 1fr); }
  .df-cod { padding-left: calc(var(--df-nivel, 0) * .9em); }
}

/* — widgets/imagem.css */
.imagem { display: inline-flex; flex-direction: column; align-items: center; gap: var(--v-esp-2, 8px); margin: 0; max-width: 100%; }
.imagem img { display: block; max-width: 100%; height: auto; }
.imagem-nitida img { image-rendering: pixelated; background: var(--imagem-fundo-nitida, #fff); padding: var(--v-esp-2, 8px); border-radius: var(--v-raio-ctrl, 8px); }
.imagem figcaption { color: var(--e-suave, var(--suave)); text-align: center; overflow-wrap: anywhere; }
.imagem-vazia { color: var(--e-suave, var(--suave)); }

/* — widgets/avatar.css */
.avatar { position: relative; display: inline-grid; flex: none; place-items: center; width: 28px; height: 28px;
  border-radius: 50%; overflow: visible; vertical-align: middle; color: var(--avatar-texto, #fff);
  background: var(--avatar-0, #1f7a56); font-weight: var(--v-peso-negrito, 700); letter-spacing: .02em; line-height: 1; user-select: none; }
.avatar-iniciais { grid-area: 1 / 1; font-size: var(--v-fonte-72, .72rem); }
.avatar-foto { grid-area: 1 / 1; width: 100%; height: 100%; border-radius: 50%; object-fit: cover; display: block;
  background: var(--branco); }
.avatar-xs { width: 20px; height: 20px; }
.avatar-xs .avatar-iniciais { font-size: .56rem; }
.avatar-s { width: 28px; height: 28px; }
.avatar-m { width: 40px; height: 40px; }
.avatar-m .avatar-iniciais { font-size: var(--v-fonte-90, .9rem); }
.avatar-l { width: 64px; height: 64px; }
.avatar-l .avatar-iniciais { font-size: var(--v-fonte-135, 1.35rem); }
.avatar-xl { width: 128px; height: 128px; }
.avatar-xl .avatar-iniciais { font-size: 2.6rem; font-weight: var(--v-peso-semi, 600); }
.avatar[data-cor="0"] { background: var(--avatar-0, #1f7a56); }
.avatar[data-cor="1"] { background: var(--avatar-1, #1f5f99); }
.avatar[data-cor="2"] { background: var(--avatar-2, #8e44ad); }
.avatar[data-cor="3"] { background: var(--avatar-3, #b0532a); }
.avatar[data-cor="4"] { background: var(--avatar-4, #0e7c86); }
.avatar[data-cor="5"] { background: var(--avatar-5, #a8336a); }
.avatar[data-cor="6"] { background: var(--avatar-6, #5d6d1e); }
.avatar[data-cor="7"] { background: var(--avatar-7, #3f51b5); }
.avatar[data-cor="8"] { background: var(--avatar-8, #8a6d1f); }
.avatar[data-cor="9"] { background: var(--avatar-9, #4f5b66); }
.avatar[data-foto="sim"] { background: var(--e-sutil, var(--verde-fundo)); }
.avatar-presenca { position: absolute; right: 0; bottom: 0; width: 28%; height: 28%; min-width: 7px; min-height: 7px;
  border-radius: 50%; border: 2px solid var(--branco); background: var(--suave); box-sizing: border-box; }
.avatar-presenca-online { background: var(--verde); }
.avatar-presenca-ausente { background: var(--amarelo); }
.avatar-presenca-ocupado { background: var(--vermelho); }
.avatar-presenca-offline { background: var(--suave); }
.avatar-xl .avatar-presenca { width: 20px; height: 20px; right: 8px; bottom: 8px; border-width: 3px; }
a.quem-badge, a.sb-quem { text-decoration: none; }
.quem-badge > .avatar.avatar-xs, .sb-quem > .avatar.avatar-xs { width: 20px; height: 20px; overflow: visible;
  white-space: normal; }
.quem-badge:focus-visible, .sb-quem:focus-visible { outline: 2px solid var(--v-foco, var(--verde)); outline-offset: 2px; }
.avatar-com-nome { display: inline-flex; align-items: center; gap: var(--v-esp-1, 4px); max-width: 100%; min-width: 0;
  vertical-align: middle; }
.avatar-com-nome > .avatar-nome { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.campo-pessoa-avatar:has(> .avatar) { width: auto; height: auto; background: none; }

/* — widgets/cartao_perfil.css */
.cartao-perfil { display: flex; flex-direction: column; align-items: center; gap: var(--v-esp-2, 8px);
  text-align: center; }
.cp-topo { align-self: stretch; display: flex; justify-content: space-between; align-items: center; min-height: 24px;
  gap: var(--v-esp-2, 8px); }
.cp-papel { text-transform: uppercase; letter-spacing: .04em; }
.cp-presenca { display: inline-flex; align-items: center; gap: var(--v-esp-1, 6px); margin-left: auto; font-size: var(--v-fonte-78, .78rem);
  font-weight: var(--v-peso-semi, 600); text-transform: uppercase; letter-spacing: .04em; color: var(--e-suave, var(--suave)); }
.cp-ponto { width: 8px; height: 8px; border-radius: 50%; background: var(--suave); }
.cp-presenca-online .cp-ponto { background: var(--verde); }
.cp-presenca-ausente .cp-ponto { background: var(--amarelo); }
.cp-presenca-ocupado .cp-ponto { background: var(--vermelho); }
.cp-foto { display: flex; flex-direction: column; align-items: center; gap: var(--v-esp-2, 8px);
  margin: var(--v-esp-2, 8px) 0; }
.cp-nome { margin: 0; font-size: var(--v-fonte-110, 1.1rem); font-weight: var(--v-peso-semi, 600); color: var(--tinta); overflow-wrap: anywhere; }
.cp-cargo { margin: 0; color: var(--e-suave, var(--suave)); }
.cp-acoes { justify-content: center; margin-top: var(--v-esp-2, 8px); }

/* — widgets/recorte_foto.css */
.recorte-foto { display: flex; flex-direction: column; align-items: center; gap: var(--v-esp-2, 8px); }
.recorte-envio { display: contents; }
.recorte-oculto { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0);
  clip-path: inset(50%); white-space: nowrap; border: 0; padding: 0; }
.recorte-area { display: flex; flex-direction: column; align-items: center; gap: var(--v-esp-2, 8px);
  padding: var(--v-esp-3, 12px); border: 1px solid var(--linha); border-radius: var(--v-raio, 10px);
  background: var(--e-sutil, var(--verde-fundo)); }
.recorte-area[hidden] { display: none; }
.recorte-quadro { width: 256px; max-width: 100%; aspect-ratio: 1; border-radius: var(--v-raio-ctrl, 8px);
  background: var(--branco); cursor: grab; touch-action: none; }
.recorte-quadro:active { cursor: grabbing; }
.recorte-quadro:focus-visible { outline: 2px solid var(--v-foco, var(--verde)); outline-offset: 2px; }
.recorte-zoom { display: flex; align-items: center; gap: var(--v-esp-2, 8px); color: var(--e-suave, var(--suave));
  font-size: var(--v-fonte-85, .85rem); }
.recorte-zoom input { width: 160px; accent-color: var(--verde); }
.recorte-acoes { justify-content: center; }
.recorte-erro { margin: 0; color: var(--vermelho); font-size: var(--v-fonte-85, .85rem); }
.recorte-erro[hidden] { display: none; }
.recorte-andamento { margin: 0; min-height: 1em; color: var(--e-suave, var(--suave)); font-size: var(--v-fonte-85, .85rem); }

/* — widgets/etapas.css */
.etapas { list-style: none; padding: 0; }
button.etapas-item { margin: 0; padding: 0; border: 0; background: none; font: inherit; color: inherit;
  text-align: inherit; cursor: pointer; border-radius: 8px; }
button.etapas-item:focus-visible { outline: 2px solid var(--verde); outline-offset: 2px; }
.etapas-quando { font-weight: var(--v-peso-normal, 400); }
.etapas.passos { position: relative; margin: 1.4rem 0 1.3rem; }
.etapas.passos ol { display: grid; grid-template-columns: repeat(var(--marcos, 4), 1fr); }
.etapas.passos .etapas-item { box-sizing: border-box; width: 100%; display: flex; flex-direction: column;
  align-items: center; gap: .4rem; }
.etapas.passos .etapas-bola { position: relative; z-index: 1; box-sizing: border-box; width: 2rem; height: 2rem;
  border-radius: 50%; display: grid; place-items: center; font-weight: var(--v-peso-negrito, 700); font-size: var(--v-fonte-85, .85rem);
  background: var(--branco); color: var(--suave); border: 2px solid var(--linha);
  transition: background .3s, border-color .3s, color .3s, transform .3s, box-shadow .3s; }
.etapas.passos .etapas-rotulo { font-size: var(--v-fonte-78, .78rem); font-weight: var(--v-peso-semi, 600); color: var(--suave); text-align: center;
  transition: color .3s; }
.etapas.passos .atual .etapas-bola { background: var(--verde); border-color: var(--verde); color: var(--e-sobre-cor, #fff);
  transform: scale(1.12); box-shadow: 0 0 0 .3rem color-mix(in srgb, var(--verde) 22%, transparent); }
.etapas.passos .atual .etapas-rotulo { color: var(--verde-esc); }
.etapas.passos .feita .etapas-bola { background: var(--verde); border-color: var(--verde); color: var(--e-sobre-cor, #fff);
  font-size: 0; }
.etapas.passos .feita .etapas-bola::before { content: "✓"; font-size: var(--v-fonte-95, .95rem); }
@media (hover: hover) { .etapas.passos .pode:hover .etapas-bola { transform: scale(1.08); } }
.etapas.passos .etapas-marco:not(.pode) > button.etapas-item { cursor: default; }
.etapas-linha { position: absolute; top: 1rem; left: calc(50% / var(--marcos, 4)); right: calc(50% / var(--marcos, 4));
  height: 2px; transform: translateY(-50%); background: var(--linha); }
.etapas-enche { display: block; width: 0; height: 100%; background: var(--verde);
  transition: width .45s cubic-bezier(.4, 0, .2, 1); }
.etapas.passos { display: block; gap: 0; flex-wrap: nowrap; font-size: inherit; }
.etapas.passos :is(.etapas-item, .etapas-linha, .etapas-enche, .etapas-bola, .etapas-rotulo, .etapas-quando) {
  padding: 0; }
.etapas.passos :is(span.etapas-item, .etapas-rotulo, .etapas-quando) { background: none; border-radius: 0; }
.etapas.passos .etapas-linha { background: var(--linha); border-radius: 0; }
.etapas.passos .etapas-enche { background: var(--verde); border-radius: 0; }
.etapas.funil { margin: 8px 0 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); gap: 8px; }
.etapas.funil .etapas-item { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 4px;
  width: 100%; font-size: var(--v-fonte-82, .82rem); color: var(--e-suave, #6b7a72); }
.etapas.funil .etapas-bola { width: 28px; height: 28px; border-radius: 50%; border: 2px solid var(--e-linha-forte, #cfdad3);
  display: flex; align-items: center; justify-content: center; font-weight: var(--v-peso-negrito, 700); background: var(--e-cartao, #fff); }
.etapas.funil .feita .etapas-item { color: var(--verde-esc); }
.etapas.funil .feita .etapas-bola { background: var(--verde); border-color: var(--verde); color: var(--e-sobre-cor, #fff); }
.etapas.funil .atual .etapas-item { color: var(--e-tinta, #1d2b24); font-weight: var(--v-peso-semi, 600); }
.etapas.funil .atual .etapas-bola { border-color: var(--amarelo); color: var(--amarelo); }
.etapas.funil .etapas-quando { font-size: var(--v-fonte-72, .72rem); color: var(--e-apagado, #8a978f); }
@media (hover: hover) { .etapas.funil button.etapas-item:hover .etapas-bola { border-color: var(--verde); } }
.etapas.andamento { margin: 0 0 .4rem; display: grid; gap: .7rem; }
.etapas.andamento > li { position: relative; padding-left: 2rem; color: var(--suave); }
.etapas.andamento > li::before { content: ""; position: absolute; left: 0; top: .1rem; box-sizing: border-box;
  width: 1.3rem; height: 1.3rem; border-radius: 50%; border: 2px solid var(--linha); }
.etapas.andamento > li.feita { color: var(--tinta); }
.etapas.andamento > li.feita::before { content: "✓"; display: grid; place-items: center; font-size: var(--v-fonte-75, .75rem);
  font-weight: var(--v-peso-negrito, 700); color: var(--e-sobre-cor, #fff); background: var(--verde); border-color: var(--verde); }
.etapas.andamento > li.atual { color: var(--tinta); font-weight: var(--v-peso-semi, 600); }
.etapas.andamento > li.atual::before { border-color: var(--verde); border-right-color: transparent;
  animation: estado-gira .8s linear infinite; }
.etapas.andamento .etapas-quando { margin-left: .35em; color: var(--suave); font-size: var(--v-fonte-82, .82rem); }
@media (prefers-reduced-motion: reduce) {
  .etapas.passos :is(.etapas-bola, .etapas-rotulo, .etapas-enche) { transition: none; }
  .etapas.andamento > li.atual::before { animation: none; }
}

/* — widgets/assistente.css */
.ast { position: relative; display: grid; gap: var(--v-esp-3, 12px); min-width: 0; max-width: 100%; }
.ast-vazio { padding: var(--v-esp-3, 12px); color: var(--suave); }
.ast > .progresso, .ast-lista { border: 1px solid var(--linha); border-radius: var(--v-raio, var(--raio, 10px));
  background: var(--e-cartao, var(--branco)); }
.ast > .progresso { padding: var(--v-esp-3, 12px) var(--v-esp-4, 16px); }
.ast-lista { padding: var(--v-esp-2, 8px); }
.ast-corpo { display: grid; grid-template-columns: minmax(15rem, 20rem) minmax(0, 1fr); gap: var(--v-esp-4, 16px);
  align-items: start; min-width: 0; }
.ast-um .ast-corpo { grid-template-columns: minmax(0, 1fr); }
.ast-lista ol { display: grid; gap: 2px; margin: 0; padding: 0; list-style: none; }
.ast-link { display: flex; align-items: flex-start; gap: var(--v-esp-2, 8px); width: 100%; box-sizing: border-box;
  margin: 0; padding: var(--v-esp-2, 8px) 10px; border: 0; border-left: 3px solid transparent; border-radius: var(--v-raio-ctrl, 8px);
  background: none; color: var(--tinta); font: inherit; text-align: left; text-decoration: none; cursor: pointer; }
@media (hover: hover) { .ast-link:hover { background: var(--e-sutil, #eef1f0); } }
.ast-link:focus-visible { outline: 2px solid var(--v-foco, var(--verde)); outline-offset: -2px; }
.ast-aberto .ast-link { border-left-color: var(--verde); background: var(--verde-fundo); }
.ast-icone { flex: none; display: inline-grid; place-items: center; width: 20px; height: 20px; margin-top: 1px;
  color: var(--suave); }
.ast-nome { display: grid; gap: 1px; min-width: 0; }
.ast-passo-titulo { overflow-wrap: anywhere; }
.ast-n { color: var(--suave); font-variant-numeric: tabular-nums; }
.ast-sit { color: var(--suave); font-size: var(--v-fonte-80, .8rem); }
.ast-passo.ast-feito .ast-icone, .ast-passo.ast-feito .ast-sit { color: var(--verde-esc); }
.ast-passo.ast-erro .ast-icone, .ast-passo.ast-erro .ast-sit { color: var(--vermelho); }
.ast-passo.ast-esperando .ast-icone, .ast-passo.ast-esperando .ast-sit { color: var(--amarelo); }
.ast-passo.ast-desligado .ast-link { color: var(--suave); opacity: .7; }
.ast-passo.ast-desligado .ast-passo-titulo { text-decoration: line-through;
  text-decoration-color: color-mix(in srgb, currentColor 40%, transparent); }
.ast-painel { display: grid; gap: var(--v-esp-3, 12px); min-width: 0; padding: var(--v-esp-4, 16px);
  border: 1px solid var(--linha); border-radius: var(--v-raio, var(--raio, 10px));
  background: var(--e-cartao, var(--branco)); }
.ast-cab { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;
  gap: var(--v-esp-2, 8px); }
.ast-titulo { margin: 0; font-size: var(--v-fonte-110, 1.1rem); overflow-wrap: anywhere; }
.ast-titulo-n { color: var(--suave); font-weight: var(--v-peso-normal, 400); }
.ast-opcional { color: var(--suave); font-size: var(--v-fonte-85, .85rem); font-weight: var(--v-peso-normal, 400); }
.ast-cab .selo { display: inline-flex; align-items: center; gap: 4px; }
.ast-descricao { margin: 0; color: var(--tinta); }
.ast-depende { display: flex; flex-wrap: wrap; align-items: center; gap: 4px; margin: 0; padding: 6px 10px;
  border-radius: var(--v-raio-ctrl, 8px); background: var(--amarelo-f); color: var(--tinta); font-size: var(--v-fonte-90, .9rem); }
.ast-depende > svg { color: var(--amarelo); }
.ast-depende-link { margin: 0; padding: 0; border: 0; background: none; color: var(--azul); font: inherit;
  text-decoration: underline; cursor: pointer; }
.ast-depende-link:focus-visible { outline: 2px solid var(--v-foco, var(--verde)); outline-offset: 2px; }
.ast-depende-sit { color: var(--suave); }
.ast-resultado { display: grid; gap: 4px; padding: 8px 12px; border-left: 3px solid var(--linha);
  border-radius: var(--v-raio-ctrl, 8px); background: var(--verde-fundo); }
.ast-resultado p { margin: 0; }
.ast-painel.ast-erro .ast-resultado { border-left-color: var(--vermelho); background: var(--vermelho-f); }
.ast-painel.ast-feito .ast-resultado { border-left-color: var(--verde); }
.ast-painel.ast-esperando .ast-resultado { border-left-color: var(--amarelo); background: var(--amarelo-f); }
.ast-resultado-texto { overflow-wrap: anywhere; }
.ast-caminho { display: flex; flex-wrap: wrap; align-items: center; gap: 4px; }
.ast-caminho > svg { color: var(--suave); }
.ast-caminho-link { display: inline-flex; align-items: center; gap: 3px; color: var(--azul); font-weight: var(--v-peso-semi, 600); }
.ast-caminho-link:focus-visible { outline: 2px solid var(--v-foco, var(--verde)); outline-offset: 2px; }
.ast-quando { color: var(--suave); font-size: var(--v-fonte-80, .8rem); }
.ast-conferindo { color: var(--suave); font-style: italic; }
.ast-form { min-width: 0; }
.ast-acoes { display: flex; flex-wrap: wrap; gap: var(--v-esp-2, 8px); }
@media (max-width: 760px) {
  .ast-corpo { grid-template-columns: minmax(0, 1fr); }
  .ast-painel { padding: var(--v-esp-3, 12px); }
  .ast-acoes > * { flex: 1 1 auto; justify-content: center; }
}

/* — widgets/mensageiro.css */
.ch { display: grid; grid-template-columns: 84px minmax(240px, 320px) minmax(0, 1fr); gap: 0;
  height: 100%; min-height: 520px; background: var(--e-cartao, #fff); color: var(--tinta);
  border: 1px solid var(--linha); border-radius: var(--v-raio-grande, 14px); overflow: hidden; }
.ch.ch-com-sobre { grid-template-columns: 84px minmax(240px, 320px) minmax(0, 1fr) minmax(260px, 320px); }
.ch-pagina { height: calc(100dvh - 210px); }
.ch-gaveta { border: 0; border-radius: 0; }
.ch-abas { display: flex; flex-direction: column; gap: var(--v-esp-1, 4px); padding: var(--v-esp-2, 8px) var(--v-esp-1, 4px);
  border-right: 1px solid var(--linha); background: var(--e-sutil, #f4f7f5); overflow-y: auto; }
.ch-aba { display: flex; flex-direction: column; align-items: center; gap: var(--v-esp-1, 4px); width: 100%;
  padding: var(--v-esp-2, 8px) var(--v-esp-1, 4px); border: 0; border-radius: var(--v-raio, 10px); background: none;
  color: var(--suave); font: inherit; font-size: var(--v-fonte-72, .72rem); cursor: pointer; text-decoration: none; }
@media (hover: hover) { .ch-aba:hover { background: var(--verde-fundo, #e9f6ef); color: var(--tinta); } }
.ch-aba.atual { background: var(--verde-claro, #dff3e8); color: var(--verde-esc, #146c43); font-weight: var(--v-peso-semi, 600); }
.ch-aba:focus-visible { outline: none; box-shadow: var(--v-foco); }
.ch-aba-ic { position: relative; display: grid; place-items: center; width: 32px; height: 32px; }
.ch-aba-ic img { width: 28px; height: 28px; border-radius: 50%; object-fit: cover; }
.ch-aba-ic .contador { position: absolute; top: -6px; right: -12px; }
.ch-aba-nome { max-width: 76px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ch-lista { display: flex; flex-direction: column; min-width: 0; min-height: 0; border-right: 1px solid var(--linha); }
.ch-lista-topo { display: flex; gap: var(--v-esp-2, 8px); padding: var(--v-esp-3, 12px) var(--v-esp-3, 12px) var(--v-esp-2, 8px); }
.ch-busca { display: flex; flex: 1; align-items: center; gap: var(--v-esp-2, 8px); padding: 0 var(--v-esp-3, 12px);
  border: 1px solid var(--linha); border-radius: var(--v-raio-pilula, 999px); background: var(--e-campo, #fff);
  color: var(--suave); }
.ch-busca input { flex: 1; min-width: 0; height: var(--ctl-h, 36px); border: 0; background: none; color: var(--tinta);
  font: inherit; outline: none; }
.ch-busca:focus-within { border-color: var(--verde); }
.ch-bt-ic { display: inline-grid; place-items: center; width: 36px; height: 36px; flex: none; border: 0;
  border-radius: var(--v-raio-pilula, 999px); background: none; color: var(--suave); cursor: pointer; }
.ch-bt-ic.atual { background: var(--verde-fundo, #e9f6ef); color: var(--verde-esc, #146c43); }
@media (hover: hover) { .ch-bt-ic:hover { background: var(--verde-fundo, #e9f6ef); color: var(--verde-esc, #146c43); } }
.ch-bt-ic:focus-visible, .ch-bt:focus-visible, .ch-pilula:focus-visible, .ch-item:focus-visible { outline: none; box-shadow: var(--v-foco); }
.ch-bt { display: inline-flex; align-items: center; justify-content: center; gap: var(--v-esp-1, 4px);
  padding: var(--v-esp-2, 8px) var(--v-esp-4, 16px); border: 0; border-radius: var(--v-raio-ctrl, 8px);
  background: var(--verde); color: var(--branco, #fff); font: inherit; font-weight: var(--v-peso-semi, 600); cursor: pointer; }
.ch-bt[disabled] { opacity: .5; cursor: not-allowed; }
.ch-filtro { display: flex; flex-wrap: wrap; gap: var(--v-esp-2, 8px); padding: 0 var(--v-esp-3, 12px) var(--v-esp-2, 8px); }
.ch-pilula { display: inline-flex; align-items: center; gap: var(--v-esp-1, 4px); padding: var(--v-esp-1, 4px) var(--v-esp-3, 12px);
  border: 1px solid var(--linha); border-radius: var(--v-raio-pilula, 999px); background: none; color: var(--suave);
  font: inherit; font-size: var(--v-fonte-82, .82rem); cursor: pointer; }
.ch-pilula.atual { border-color: var(--verde); background: var(--verde-fundo, #e9f6ef); color: var(--verde-esc, #146c43); }
.ch-recentes { display: flex; gap: var(--v-esp-2, 8px); padding: var(--v-esp-1, 4px) var(--v-esp-3, 12px) var(--v-esp-3, 12px);
  overflow-x: auto; border-bottom: 1px solid var(--linha); scrollbar-width: thin; }
.ch-recente { display: flex; flex-direction: column; align-items: center; gap: var(--v-esp-1, 4px); width: 58px; flex: none;
  padding: 0; border: 0; background: none; color: var(--suave); font: inherit; font-size: var(--v-fonte-72, .72rem); cursor: pointer; }
.ch-recente span:last-child { max-width: 58px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ch-recente.atual { color: var(--verde-esc, #146c43); font-weight: var(--v-peso-semi, 600); }
.ch-itens { margin: 0; padding: var(--v-esp-1, 4px) 0; list-style: none; overflow-y: auto; flex: 1; min-height: 0; }
.ch-item { gap: var(--v-esp-3, 12px); padding: var(--v-esp-2, 8px) var(--v-esp-3, 12px); }
@media (hover: hover) { .ch-item:hover { background: var(--e-sutil, #f4f7f5); } }
.ch-item.atual { background: var(--verde-fundo, #e9f6ef); }
.ch-item-meio { display: flex; flex: 1; flex-direction: column; min-width: 0; }
.ch-item-nome { display: flex; align-items: center; gap: var(--v-esp-1, 4px); overflow: hidden; text-overflow: ellipsis;
  white-space: nowrap; }
.ch-item.nao-lida .ch-item-nome { font-weight: var(--v-peso-negrito, 700); }
.ch-item-sub { overflow: hidden; color: var(--suave); font-size: var(--v-fonte-82, .82rem); text-overflow: ellipsis; white-space: nowrap; }
.ch-item-fim { display: flex; flex-direction: column; align-items: flex-end; gap: var(--v-esp-1, 4px); }
.ch-item-hora { color: var(--suave); font-size: var(--v-fonte-72, .72rem); }
.ch-vazio { margin: 0; padding: var(--v-esp-4, 16px); color: var(--suave); font-size: var(--v-fonte-88, .88rem); text-align: center; }
.ch-nova { display: flex; flex-direction: column; gap: var(--v-esp-2, 8px); min-height: 0; flex: 1; padding: var(--v-esp-3, 12px) 0 0; }
.ch-nova > * { margin-left: var(--v-esp-3, 12px); margin-right: var(--v-esp-3, 12px); }
.ch-nova > .ch-itens { margin: 0; }
.ch-nova-topo { display: flex; align-items: center; gap: var(--v-esp-2, 8px); }
.ch-nova-form { display: flex; flex-direction: column; gap: var(--v-esp-2, 8px); }
.ch-nova-form input[type="text"] { height: var(--ctl-h, 36px); padding: 0 var(--v-esp-3, 12px); border: 1px solid var(--linha);
  border-radius: var(--v-raio-ctrl, 8px); background: var(--e-campo, #fff); color: var(--tinta); font: inherit; }
.ch-marca { display: flex; align-items: center; gap: var(--v-esp-2, 8px); color: var(--suave); font-size: var(--v-fonte-85, .85rem); }
.ch-conversa { display: flex; flex-direction: column; min-width: 0; min-height: 0; }
.ch-sobre { min-width: 0; min-height: 0; border-left: 1px solid var(--linha); overflow-y: auto; }
.ch-foto { position: relative; display: inline-grid; place-items: center; flex: none; border-radius: 50%;
  background: var(--azul-f, #e7f0fb); color: var(--azul, #2f6db5); font-weight: var(--v-peso-negrito, 700); text-transform: uppercase; }
.ch-foto img { width: 100%; height: 100%; border-radius: 50%; object-fit: cover; }
.ch-foto-p { width: 28px; height: 28px; font-size: var(--v-fonte-68, .68rem); }
.ch-foto-m { width: 44px; height: 44px; font-size: var(--v-fonte-90, .9rem); }
.ch-foto-g { width: 96px; height: 96px; font-size: 1.8rem; }
.ch-foto.cor-1, .ch-foto.cor-5 { background: var(--verde-claro, #dff3e8); color: var(--verde-esc, #146c43); }
.ch-foto.cor-2, .ch-foto.cor-6 { background: var(--amarelo-f, #fdf3d8); color: var(--amarelo, #9a6b00); }
.ch-foto.cor-3 { background: var(--vermelho-f, #fbe5e3); color: var(--vermelho, #c0392b); }
.ch-foto.cor-7 { background: var(--e-roxo-f, #efe8fb); color: var(--tinta); }
.ch-foto-ic { background: var(--verde-fundo, #e9f6ef); color: var(--verde-esc, #146c43); }
@media (max-width: 700px) {
  .ch, .ch.ch-com-sobre { display: flex; flex-direction: column; height: calc(100dvh - 120px); min-height: 0; }
  .ch-abas { flex-direction: row; border-right: 0; border-bottom: 1px solid var(--linha); overflow-x: auto; }
  .ch-aba { width: auto; min-width: 64px; }
  .ch-lista { flex: 1; border-right: 0; }
  .ch-conversa { flex: 1; }
  .ch-mostra-lista .ch-conversa, .ch-mostra-lista .ch-sobre { display: none; }
  .ch-mostra-conversa .ch-abas, .ch-mostra-conversa .ch-lista { display: none; }
  .ch-mostra-conversa.ch-com-sobre .ch-conversa { display: none; }
  .ch-sobre { flex: 1; border-left: 0; }
}
.ch-itens > li { position: relative; }
.ch-itens .ch-item-menu { position: absolute; right: var(--v-esp-2, 8px); top: var(--v-esp-1, 4px); display: none; }
.ch-itens > li:hover .ch-item-menu, .ch-itens .ch-item-menu[open], .ch-itens > li:focus-within .ch-item-menu { display: block; }
.ch-item-menu > summary { display: inline-grid; place-items: center; width: 28px; height: 28px; border-radius: 50%;
  background: var(--e-cartao, #fff); color: var(--suave); list-style: none; cursor: pointer; }
.ch-item-menu > summary::-webkit-details-marker { display: none; }
.ch-item-menu .ch-menu-lista { position: absolute; right: 0; top: 100%; z-index: 6; display: flex; flex-direction: column;
  min-width: 190px; padding: var(--v-esp-1, 4px); border: 1px solid var(--linha); border-radius: var(--v-raio, 10px);
  background: var(--e-cartao, #fff); box-shadow: var(--v-sombra-2); }
.ch-item-menu .ch-menu-lista > button, .ch-item-menu .ch-menu-lista > a { padding: var(--v-esp-2, 8px) var(--v-esp-3, 12px);
  border: 0; border-radius: var(--v-raio-ctrl, 8px); background: none; color: var(--tinta); font: inherit; font-size: var(--v-fonte-85, .85rem);
  text-align: left; text-decoration: none; cursor: pointer; }
@media (hover: hover) { .ch-item-menu .ch-menu-lista > button:hover, .ch-item-menu .ch-menu-lista > a:hover { background: var(--verde-fundo, #e9f6ef); } }
.ch-arroba { color: var(--azul, #2f6db5); font-weight: var(--v-peso-negrito, 700); }

/* — widgets/conversa_chat.css */
.ch-c { display: flex; flex: 1; flex-direction: column; min-height: 0; background: var(--e-sutil, #f4f7f5); }
.ch-c-vazia { align-items: center; justify-content: center; color: var(--suave); }
.ch-c-escolha { display: grid; justify-items: center; gap: var(--v-esp-2, 8px); padding: var(--v-esp-5, 24px); text-align: center; }
.ch-c-topo { display: flex; align-items: center; gap: var(--v-esp-3, 12px); padding: var(--v-esp-2, 8px) var(--v-esp-3, 12px);
  border-bottom: 1px solid var(--linha); background: var(--e-cartao, #fff); }
.ch-c-quem { display: flex; flex: 1; flex-direction: column; min-width: 0; }
.ch-c-sub { color: var(--suave); font-size: var(--v-fonte-80, .8rem); }
.ch-estado { font-style: italic; }
.ch-estado.on { color: var(--verde-esc, #146c43); font-style: normal; font-weight: var(--v-peso-semi, 600); }
.ch-c-botoes { display: flex; gap: var(--v-esp-1, 4px); }
.ch-voltar { display: none; }
.ch-c-busca { margin: var(--v-esp-2, 8px) var(--v-esp-3, 12px) 0; flex: none; }
.ch-fio-topo { display: flex; align-items: center; gap: var(--v-esp-2, 8px); padding: var(--v-esp-2, 8px) var(--v-esp-3, 12px);
  border-bottom: 1px solid var(--linha); background: var(--amarelo-f, #fdf3d8); font-size: var(--v-fonte-85, .85rem); }
.ch-erro { margin: var(--v-esp-2, 8px) var(--v-esp-3, 12px) 0; padding: var(--v-esp-2, 8px) var(--v-esp-3, 12px);
  border-radius: var(--v-raio-ctrl, 8px); background: var(--vermelho-f, #fbe5e3); color: var(--vermelho, #c0392b); font-size: var(--v-fonte-85, .85rem); }
.ch-msgs { display: flex; flex: 1; flex-direction: column; gap: var(--v-esp-2, 8px); min-height: 0; padding: var(--v-esp-3, 12px) var(--v-esp-4, 16px);
  overflow-y: auto; overscroll-behavior: contain; }
.ch-mais { align-self: center; padding: var(--v-esp-1, 4px) var(--v-esp-3, 12px); border: 1px solid var(--linha);
  border-radius: var(--v-raio-pilula, 999px); background: var(--e-cartao, #fff); color: var(--suave); font: inherit; font-size: var(--v-fonte-80, .8rem); cursor: pointer; }
.ch-dia { display: flex; justify-content: center; position: sticky; top: 0; z-index: 1; }
.ch-dia span { padding: var(--v-esp-1, 4px) var(--v-esp-3, 12px); border-radius: var(--v-raio-pilula, 999px);
  background: var(--e-sutil, #eef1f0); color: var(--suave); font-size: var(--v-fonte-75, .75rem); }
.ch-sistema { align-self: center; max-width: 80%; margin: 0; color: var(--suave); font-size: var(--v-fonte-80, .8rem); text-align: center; }
.ch-m { position: relative; display: flex; align-items: flex-end; gap: var(--v-esp-2, 8px); max-width: 78%; }
.ch-m.minha { align-self: flex-end; flex-direction: row-reverse; }
.ch-m.piscar .ch-balao { box-shadow: var(--v-foco); }
.ch-balao { display: flex; flex-direction: column; gap: var(--v-esp-1, 4px); min-width: 0; padding: var(--v-esp-2, 8px) var(--v-esp-3, 12px);
  border: 1px solid var(--linha); border-radius: var(--v-raio-grande, 14px); background: var(--e-cartao, #fff); box-shadow: var(--v-sombra-1); }
.ch-m.minha .ch-balao { border-color: transparent; background: var(--verde-claro, #dff3e8); }
.ch-m.mencao:not(.minha) .ch-balao { border-color: var(--amarelo, #9a6b00); }
.ch-m.apagada .ch-balao { color: var(--suave); }
.ch-autor { color: var(--verde-esc, #146c43); font-size: var(--v-fonte-78, .78rem); font-weight: var(--v-peso-negrito, 700); }
.ch-texto { overflow-wrap: anywhere; line-height: 1.45; }
.ch-texto a { color: var(--azul, #2f6db5); }
.ch-texto q { display: block; padding-left: var(--v-esp-2, 8px); border-left: 3px solid var(--linha); color: var(--suave); }
.ch-mencao { color: var(--azul, #2f6db5); font-weight: var(--v-peso-semi, 600); }
.ch-citada { display: block; padding: var(--v-esp-1, 4px) var(--v-esp-2, 8px); border: 0; border-left: 3px solid var(--verde);
  border-radius: var(--v-raio-ctrl, 8px); background: var(--e-sutil, #eef1f0); color: var(--suave); font: inherit;
  font-size: var(--v-fonte-80, .8rem); text-align: left; cursor: pointer; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100%; }
.ch-hora { align-self: flex-end; display: inline-flex; align-items: center; gap: var(--v-esp-1, 4px); color: var(--suave); font-size: var(--v-fonte-70, .7rem); }
.ch-hora .lida { color: var(--azul, #2f6db5); }
.ch-reacoes { display: flex; flex-wrap: wrap; gap: var(--v-esp-1, 4px); }
.ch-reacao { padding: 0 var(--v-esp-2, 8px); border: 1px solid var(--linha); border-radius: var(--v-raio-pilula, 999px);
  background: var(--e-cartao, #fff); font: inherit; font-size: var(--v-fonte-80, .8rem); cursor: pointer; }
.ch-reacao.minha { border-color: var(--verde); background: var(--verde-fundo, #e9f6ef); }
.ch-comentar { align-self: flex-start; padding: 0; border: 0; background: none; color: var(--azul, #2f6db5); font: inherit; font-size: var(--v-fonte-80, .8rem); cursor: pointer; }
.ch-anexos { display: flex; flex-wrap: wrap; gap: var(--v-esp-2, 8px); }
.ch-anexo { display: flex; flex-direction: column; gap: var(--v-esp-1, 4px); max-width: 220px; padding: var(--v-esp-2, 8px);
  border: 1px solid var(--linha); border-radius: var(--v-raio, 10px); background: var(--e-cartao, #fff); color: var(--tinta); text-decoration: none; }
.ch-anexo img { max-width: 200px; max-height: 160px; border-radius: var(--v-raio-ctrl, 8px); object-fit: cover; }
.ch-anexo span { display: inline-flex; align-items: center; gap: var(--v-esp-1, 4px); overflow-wrap: anywhere; }
.ch-anexo small { color: var(--suave); }
.ch-acoes { position: absolute; top: calc(-1 * var(--v-esp-4, 16px)); right: var(--v-esp-2, 8px); display: none; gap: var(--v-esp-1, 4px);
  padding: var(--v-esp-1, 4px); border: 1px solid var(--linha); border-radius: var(--v-raio-pilula, 999px);
  background: var(--e-cartao, #fff); box-shadow: var(--v-sombra-1); }
.ch-m.minha .ch-acoes { right: auto; left: var(--v-esp-2, 8px); }
.ch-m:hover .ch-acoes, .ch-m:focus-within .ch-acoes { display: flex; }
.ch-acoes button { display: inline-grid; place-items: center; min-width: 26px; height: 26px; padding: 0; border: 0;
  border-radius: 50%; background: none; color: var(--suave); font-size: var(--v-fonte-85, .85rem); cursor: pointer; }
@media (hover: hover) { .ch-acoes button:hover { background: var(--verde-fundo, #e9f6ef); color: var(--verde-esc, #146c43); } }
.ch-escrevendo { margin: 0; color: var(--suave); font-size: var(--v-fonte-80, .8rem); font-style: italic; }
.ch-escrever { position: relative; display: flex; flex-direction: column; gap: var(--v-esp-2, 8px); padding: var(--v-esp-2, 8px) var(--v-esp-3, 12px) var(--v-esp-3, 12px);
  border-top: 1px solid var(--linha); background: var(--e-cartao, #fff); }
.ch-barra { display: flex; align-items: center; gap: var(--v-esp-2, 8px); padding: var(--v-esp-1, 4px) var(--v-esp-2, 8px);
  border-left: 3px solid var(--verde); background: var(--e-sutil, #eef1f0); font-size: var(--v-fonte-82, .82rem); }
.ch-barra span { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ch-envios { display: flex; flex-wrap: wrap; gap: var(--v-esp-2, 8px); }
.ch-envio { display: inline-flex; align-items: center; gap: var(--v-esp-1, 4px); padding: var(--v-esp-1, 4px) var(--v-esp-2, 8px);
  border-radius: var(--v-raio-pilula, 999px); background: var(--e-sutil, #eef1f0); font-size: var(--v-fonte-80, .8rem); }
.ch-envio em { color: var(--vermelho, #c0392b); }
.ch-envio button { padding: 0; border: 0; background: none; cursor: pointer; color: var(--suave); }
.ch-campo { display: flex; align-items: flex-end; gap: var(--v-esp-1, 4px); padding: var(--v-esp-1, 4px);
  border: 1px solid var(--linha); border-radius: var(--v-raio-grande, 14px); background: var(--e-campo, #fff); }
.ch-campo:focus-within { border-color: var(--verde); }
.ch-campo textarea { flex: 1; min-height: 36px; max-height: 160px; padding: var(--v-esp-2, 8px); border: 0; background: none;
  color: var(--tinta); font: inherit; line-height: 1.4; resize: none; outline: none; }
.ch-anexar { cursor: pointer; }
.ch-mandar { display: inline-grid; place-items: center; width: 38px; height: 38px; flex: none; border: 0; border-radius: 50%;
  background: var(--verde); color: var(--branco, #fff); cursor: pointer; }
.ch-mandar:focus-visible { outline: none; box-shadow: var(--v-foco); }
.ch-emoji { position: relative; }
.ch-emoji summary { list-style: none; }
.ch-emoji summary::-webkit-details-marker { display: none; }
.ch-emoji-grade { position: absolute; right: 0; bottom: 44px; z-index: 5; display: grid; grid-template-columns: repeat(6, 32px);
  gap: var(--v-esp-1, 4px); padding: var(--v-esp-2, 8px); border: 1px solid var(--linha); border-radius: var(--v-raio, 10px);
  background: var(--e-cartao, #fff); box-shadow: var(--v-sombra-2); }
.ch-emoji-grade button { width: 32px; height: 32px; padding: 0; border: 0; border-radius: var(--v-raio-ctrl, 8px); background: none; font-size: var(--v-fonte-115, 1.15rem); cursor: pointer; }
@media (hover: hover) { .ch-emoji-grade button:hover { background: var(--verde-fundo, #e9f6ef); } }
.ch-sugestoes { position: absolute; left: var(--v-esp-5, 24px); bottom: 100%; z-index: 5; min-width: 220px; margin: 0;
  padding: var(--v-esp-1, 4px); list-style: none; border: 1px solid var(--linha); border-radius: var(--v-raio, 10px);
  background: var(--e-cartao, #fff); box-shadow: var(--v-sombra-2); }
.ch-sugestoes li { padding: var(--v-esp-2, 8px) var(--v-esp-3, 12px); border-radius: var(--v-raio-ctrl, 8px); cursor: pointer; }
.ch-sugestoes li.on { background: var(--verde-fundo, #e9f6ef); }
@media (hover: hover) { .ch-sugestoes li:hover { background: var(--verde-fundo, #e9f6ef); } }
.ch-so-le { margin: 0; padding: var(--v-esp-3, 12px); border-top: 1px solid var(--linha); color: var(--suave); font-size: var(--v-fonte-85, .85rem); text-align: center; }
@media (max-width: 700px) {
  .ch-voltar { display: inline-grid; }
  .ch-m { max-width: 92%; }
  .ch-msgs { padding: var(--v-esp-2, 8px); }
}
.ch-menu { position: relative; }
.ch-menu > summary { display: inline-grid; place-items: center; min-width: 26px; height: 26px; border-radius: 50%;
  color: var(--suave); list-style: none; cursor: pointer; }
.ch-menu > summary::-webkit-details-marker { display: none; }
@media (hover: hover) { .ch-menu > summary:hover { background: var(--verde-fundo, #e9f6ef); color: var(--verde-esc, #146c43); } }
.ch-menu-lista { position: absolute; right: 0; top: 100%; z-index: 6; display: flex; flex-direction: column; min-width: 200px;
  padding: var(--v-esp-1, 4px); border: 1px solid var(--linha); border-radius: var(--v-raio, 10px);
  background: var(--e-cartao, #fff); box-shadow: var(--v-sombra-2); }
.ch-m.minha .ch-menu-lista { right: auto; left: 0; }
.ch-menu-lista > button, .ch-menu-lista > a { display: block; width: 100%; padding: var(--v-esp-2, 8px) var(--v-esp-3, 12px);
  border: 0; border-radius: var(--v-raio-ctrl, 8px); background: none; color: var(--tinta); font: inherit; font-size: var(--v-fonte-85, .85rem);
  text-align: left; text-decoration: none; cursor: pointer; }
@media (hover: hover) { .ch-menu-lista > button:hover, .ch-menu-lista > a:hover { background: var(--verde-fundo, #e9f6ef); } }
.ch-acoes .ch-menu-lista button { display: block; width: 100%; height: auto; border-radius: var(--v-raio-ctrl, 8px); }
.ch-vista { margin: var(--v-esp-1, 4px) 0 0; padding: var(--v-esp-2, 8px) var(--v-esp-3, 12px) 0; border-top: 1px solid var(--linha);
  color: var(--suave); font-size: var(--v-fonte-75, .75rem); }
.ch-fixada { display: flex; align-items: center; gap: var(--v-esp-2, 8px); padding: var(--v-esp-1, 4px) var(--v-esp-3, 12px);
  border-bottom: 1px solid var(--linha); background: var(--e-cartao, #fff); color: var(--suave); font-size: var(--v-fonte-85, .85rem); }
.ch-fixada-texto { flex: 1; min-width: 0; overflow: hidden; padding: 0; border: 0; background: none; color: var(--tinta);
  font: inherit; text-align: left; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; }

/* — widgets/sobre_conversa.css */
.ch-s { display: flex; flex-direction: column; gap: var(--v-esp-3, 12px); padding: var(--v-esp-3, 12px); background: var(--e-sutil, #f4f7f5); min-height: 100%; }
.ch-s-topo { display: flex; align-items: center; justify-content: space-between; gap: var(--v-esp-2, 8px); }
.ch-s-bloco { display: flex; flex-direction: column; gap: var(--v-esp-2, 8px); padding: var(--v-esp-3, 12px);
  border: 1px solid var(--linha); border-radius: var(--v-raio-grande, 14px); background: var(--e-cartao, #fff); }
.ch-s-quem { align-items: center; text-align: center; }
.ch-s-renomear { display: flex; gap: var(--v-esp-2, 8px); width: 100%; }
.ch-s-renomear input { flex: 1; min-width: 0; height: var(--ctl-h, 36px); padding: 0 var(--v-esp-2, 8px); border: 1px solid var(--linha);
  border-radius: var(--v-raio-ctrl, 8px); background: var(--e-campo, #fff); color: var(--tinta); font: inherit; }
.ch-link { display: inline-flex; align-items: center; gap: var(--v-esp-1, 4px); padding: 0; border: 0; background: none;
  color: var(--azul, #2f6db5); font: inherit; font-size: var(--v-fonte-85, .85rem); text-decoration: none; cursor: pointer; }
.ch-link.perigo { color: var(--vermelho, #c0392b); }
.ch-s-linha { gap: var(--v-esp-2, 8px); padding: var(--v-esp-1, 4px) 0;
  list-style: none; }
.ch-s-linha::-webkit-details-marker { display: none; }
.ch-s-linha > span:nth-of-type(1) { flex: 1; }
.ch-s-linha select { max-width: 150px; padding: var(--v-esp-1, 4px); border: 1px solid var(--linha); border-radius: var(--v-raio-ctrl, 8px);
  background: var(--e-campo, #fff); color: var(--tinta); font: inherit; font-size: var(--v-fonte-80, .8rem); }
.ch-chave { position: relative; width: 34px; height: 20px; flex: none; border-radius: var(--v-raio-pilula, 999px); background: var(--linha); }
.ch-chave::after { content: ""; position: absolute; top: 3px; left: 3px; width: 14px; height: 14px; border-radius: 50%;
  background: var(--branco, #fff); transition: transform .15s; }
.ch-chave.on { background: var(--verde); }
.ch-chave.on::after { transform: translateX(14px); }
.ch-cont { min-width: 22px; padding: 0 var(--v-esp-1, 4px); border-radius: var(--v-raio-pilula, 999px); background: var(--e-sutil, #eef1f0);
  color: var(--suave); font-size: var(--v-fonte-75, .75rem); text-align: center; }
.ch-s-tit { display: flex; align-items: center; justify-content: space-between; margin: 0; font-weight: var(--v-peso-semi, 600); }
.ch-s-pessoas, .ch-s-mini { display: flex; flex-direction: column; gap: var(--v-esp-2, 8px); margin: 0; padding: 0; list-style: none; }
.ch-s-pessoas li { display: flex; align-items: center; gap: var(--v-esp-2, 8px); }
.ch-s-pessoas li > span:not(.ch-foto) { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ch-s-pessoas small { color: var(--suave); }
.ch-s-mini li { overflow-wrap: anywhere; font-size: var(--v-fonte-85, .85rem); }
.ch-s-midia { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--v-esp-2, 8px); }
.ch-s-midia a { display: flex; flex-direction: column; align-items: center; gap: var(--v-esp-1, 4px); color: var(--suave); text-decoration: none; font-size: var(--v-fonte-70, .7rem); }
.ch-s-midia img, .ch-s-midia span { display: grid; place-items: center; width: 100%; aspect-ratio: 4 / 3; border-radius: var(--v-raio-ctrl, 8px);
  background: var(--e-sutil, #eef1f0); object-fit: cover; }
.ch-s-midia small { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ch-s-config { display: flex; flex-direction: column; gap: var(--v-esp-1, 4px); }
.ch-convite { max-width: 100%; overflow: hidden; color: var(--suave); font-size: var(--v-fonte-75, .75rem); text-overflow: ellipsis; white-space: nowrap; }
@media (prefers-reduced-motion: reduce) { .ch-chave::after { transition: none; } }

/* — widgets/matriz.css */
.tabela-wrap[data-widget="matriz"] td { min-width: 12rem; }
.tabela-wrap[data-widget="matriz"] td:first-child { min-width: 16rem; }
.tabela-wrap[data-widget="matriz"] thead th { vertical-align: bottom; }
.tabela-wrap[data-widget="matriz"] select { width: 100%; }
.tabela-wrap[data-widget="matriz"] tbody td:first-child,
.tabela-wrap[data-widget="matriz"] thead tr:first-child th:first-child {
  position: sticky; left: 0; z-index: 1; background: var(--branco); }
.tabela-wrap[data-widget="matriz"] thead tr:first-child th:first-child { background: var(--verde-fundo); z-index: 2; }
.tabela-wrap[data-widget="matriz"] tbody tr:nth-child(even) > td:first-child {
  background: linear-gradient(var(--v-zebra), var(--v-zebra)), var(--branco); }
.tabela-wrap[data-widget="matriz"] tr.gr-contexto > td:first-child b,
.tabela-wrap[data-widget="matriz"] tr.gr-contexto > td:first-child .ref { color: var(--suave); font-weight: var(--v-peso-medio, 500); }
.tabela-wrap[data-widget="matriz"] td.ac-sugerida { background: color-mix(in srgb, var(--azul-f) 70%, transparent); }
.tabela-wrap[data-widget="matriz"] td.ac-mudada { background: color-mix(in srgb, var(--amarelo-f) 80%, transparent); }
.tabela-wrap[data-widget="matriz"] tr.ac-tem > td:first-child { box-shadow: inset 3px 0 0 var(--verde); }
.tabela-wrap[data-widget="matriz"] tr:target > td { animation: matriz-alvo 1.6s ease; }
@keyframes matriz-alvo { from { background: color-mix(in srgb, var(--verde) 25%, transparent); } }
.matriz-salvar { position: sticky; left: 0; display: flex; flex-wrap: wrap; align-items: center;
  gap: var(--v-esp-2, 8px); margin-top: var(--v-esp-2, 8px); padding: var(--v-esp-2, 8px) var(--v-esp-3, 12px);
  border: 1px solid var(--linha); border-radius: var(--v-raio-ctrl, 8px); background: var(--verde-fundo); }
.matriz-salvar-conta { margin-right: auto; color: var(--suave); font-size: var(--v-fonte-88, .88rem); }
.tabela-wrap[data-widget="matriz"]:has(.ac-mudada) .matriz-salvar-conta { color: var(--amarelo); font-weight: var(--v-peso-semi, 600); }

/* — widgets/conciliacao.css */
.conciliacao { position: relative; display: grid; gap: var(--v-esp-3, 12px); min-width: 0; max-width: 100%; }
.conc-alto { display: grid; gap: var(--v-esp-2, 8px); min-width: 0; }
.conc-alto .kpi .s { font-variant-numeric: tabular-nums; }
.conc-alto-barra { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;
  gap: var(--v-esp-2, 8px); }
.conc-atalhos { margin: 0; color: var(--suave); font-size: var(--v-fonte-80, .8rem); }
.conc-atalhos kbd { display: inline-block; min-width: 1.5em; padding: 0 4px; border: 1px solid var(--linha);
  border-radius: 4px; background: var(--e-cartao, var(--branco)); color: var(--tinta); font: inherit;
  font-size: var(--v-fonte-75, .75rem); text-align: center; }
.conc-corpo { display: grid; grid-template-columns: minmax(0, 45fr) minmax(0, 55fr); gap: var(--v-esp-3, 12px);
  align-items: start; min-width: 0; }
.conc-esquerda { min-width: 0; }
.conc-extrato { position: relative; max-height: 70vh; margin: 0; padding: 0; overflow-y: auto; overflow-x: hidden;
  overscroll-behavior: contain; list-style: none; border: 1px solid var(--linha);
  border-radius: var(--v-raio-ctrl, 8px); background: var(--e-cartao, var(--branco)); }
.conc-linha { position: relative; display: grid; grid-template-columns: auto minmax(0, 1fr) auto;
  grid-template-areas: "data desc valor" "data desc grau"; align-items: center; gap: 2px var(--v-esp-2, 8px);
  padding: var(--v-esp-2, 8px) var(--v-esp-3, 12px); border-bottom: 1px solid var(--e-linha, var(--linha));
  color: var(--tinta); font-size: var(--v-fonte-86, .86rem); cursor: pointer; }
.conc-linha:last-child { border-bottom: 0; }
@media (hover: hover) { .conc-linha:hover { background: var(--v-linha-hover, var(--e-sutil, #eef1f0)); } }
.conc-linha[aria-selected="true"] { background: var(--azul-f); box-shadow: inset 3px 0 0 var(--azul); }
.conc-linha:focus-visible { outline: 2px solid var(--v-foco, var(--verde)); outline-offset: -2px; }
.conc-linha.feita > :not(.conc-grau) { opacity: .62; }
.conc-linha.esperando { cursor: progress; }
.conc-linha.esperando > * { opacity: .55; }
.conc-data { grid-area: data; align-self: start; padding-top: 1px; color: var(--suave); font-size: var(--v-fonte-80, .8rem);
  font-variant-numeric: tabular-nums; white-space: nowrap; }
.conc-desc { grid-area: desc; min-width: 0; overflow-wrap: anywhere; }
.conc-doc { display: block; color: var(--suave); font-size: var(--v-fonte-76, .76rem); }
.conc-linha .conc-valor { grid-area: valor; justify-self: end; }
.conc-grau { grid-area: grau; justify-self: end; }
.conc-valor { font-weight: var(--v-peso-semi, 600); font-variant-numeric: tabular-nums; white-space: nowrap; }
.conc-valor.entrada { color: var(--azul); }
.conc-valor.saida { color: var(--vermelho); }
.conc-painel { position: sticky; top: var(--v-esp-3, 12px); display: grid; gap: var(--v-esp-3, 12px); min-width: 0;
  padding: var(--v-esp-3, 12px) var(--v-esp-4, 16px); border: 1px solid var(--linha);
  border-radius: var(--v-raio-ctrl, 8px); background: var(--e-cartao, var(--branco)); color: var(--tinta); }
.conc-painel-cab { display: grid; gap: 4px; min-width: 0; }
.conc-painel-t { margin: 0; font-size: var(--v-fonte-100, 1rem); font-weight: var(--v-peso-negrito, 700); overflow-wrap: anywhere; }
.conc-painel-apoio { display: flex; flex-wrap: wrap; align-items: center; gap: 4px var(--v-esp-2, 8px); margin: 0;
  color: var(--suave); font-size: var(--v-fonte-82, .82rem); }
.conc-secao { display: grid; gap: var(--v-esp-2, 8px); min-width: 0; }
.conc-secao-t { margin: 0; color: var(--suave); font-size: var(--v-fonte-75, .75rem); font-weight: var(--v-peso-negrito, 700); letter-spacing: .03em;
  text-transform: uppercase; }
.conc-explica { margin: 0; color: var(--suave); font-size: var(--v-fonte-82, .82rem); }
.conc-apoio { color: var(--suave); font-size: var(--v-fonte-78, .78rem); }
.conc-busca { margin: 0; }
.conc-itens { display: grid; gap: 4px; margin: 0; padding: 0; list-style: none; }
.conc-item { min-width: 0; border: 1px solid var(--linha); border-radius: var(--v-raio-ctrl, 8px);
  background: var(--e-cartao, var(--branco)); }
.conc-item.marcado { border-color: var(--azul); background: var(--azul-f); }
.conc-item-linha { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: start;
  gap: var(--v-esp-2, 8px); margin: 0; padding: 6px var(--v-esp-2, 8px); font-size: var(--v-fonte-84, .84rem); font-weight: var(--v-peso-normal, 400);
  color: var(--tinta); text-transform: none; letter-spacing: 0; }
div.conc-item-linha { grid-template-columns: minmax(0, 1fr) auto; }
label.conc-item-linha { cursor: pointer; }
.conc-marcar { width: 16px; height: 16px; margin: 2px 0 0; accent-color: var(--azul); }
.conc-marcar:focus-visible { outline: 2px solid var(--v-foco, var(--verde)); outline-offset: 2px; }
.conc-item-corpo { display: grid; gap: 1px; min-width: 0; }
.conc-item-t { overflow-wrap: anywhere; }
.conc-item-tipo { margin-right: 4px; color: var(--suave); font-size: var(--v-fonte-72, .72rem); font-weight: var(--v-peso-negrito, 700); letter-spacing: .03em;
  text-transform: uppercase; }
.conc-item-apoio { color: var(--suave); font-size: var(--v-fonte-78, .78rem); overflow-wrap: anywhere; }
.conc-item-valor { font-weight: var(--v-peso-semi, 600); font-variant-numeric: tabular-nums; white-space: nowrap; }
.conc-conta { display: grid; gap: 6px; padding: var(--v-esp-2, 8px) var(--v-esp-3, 12px);
  border-radius: var(--v-raio-ctrl, 8px); background: var(--e-sutil, #eef1f0); }
.conc-soma, .conc-diferenca { margin: 0; font-size: var(--v-fonte-86, .86rem); font-variant-numeric: tabular-nums; }
.conc-diferenca.igual { color: var(--verde-esc); }
.conc-diferenca.a-mais { color: var(--tinta); }
.conc-tratar { display: grid; gap: 4px; min-width: 0; margin: 0; padding: 0; border: 0; }
.conc-tratar legend { margin-bottom: 4px; padding: 0; font-size: var(--v-fonte-86, .86rem); }
.conc-opcao { display: flex; align-items: flex-start; gap: 6px; margin: 0; font-size: var(--v-fonte-84, .84rem); font-weight: var(--v-peso-normal, 400);
  color: var(--tinta); text-transform: none; letter-spacing: 0; cursor: pointer; }
.conc-opcao input { margin: 3px 0 0; accent-color: var(--azul); }
.conc-opcao input:disabled + span { color: var(--suave); }
.conc-erro { margin: 0; padding: 6px var(--v-esp-2, 8px); border-radius: var(--v-raio-ctrl, 8px);
  background: var(--vermelho-f); color: var(--vermelho); font-size: var(--v-fonte-84, .84rem); }
.conc-criar { padding-top: var(--v-esp-2, 8px); border-top: 1px solid var(--e-linha, var(--linha)); }
.conc-criar-t { color: var(--suave); font-size: var(--v-fonte-80, .8rem); }
@media (max-width: 760px) {
  .conc-corpo { grid-template-columns: minmax(0, 1fr); }
  .conc-extrato { max-height: 50vh; }
  .conc-painel { position: static; padding: var(--v-esp-3, 12px); }
}

/* — widgets/indicador.css */
.kpi { background: var(--e-cartao, #fff); border: 1px solid var(--linha); border-radius: var(--raio); padding: 14px 16px; }
.kpi .r { font-size: var(--v-fonte-75, .75rem); text-transform: uppercase; color: var(--suave); letter-spacing: .03em; }
.kpi .v { font-size: 1.5rem; font-weight: var(--v-peso-negrito, 700); margin-top: 2px; }
.kpi .s { font-size: var(--v-fonte-80, .8rem); color: var(--suave); }
.kpi .v.verde { color: var(--verde); } .kpi .v.amarelo { color: var(--amarelo); }
.kpi .v.vermelho { color: var(--vermelho); } .kpi .v.azul { color: var(--azul); }
:where(:root[data-visual="novo"]) a.kpi { text-decoration: none; color: inherit; }
@media (hover: hover) { :where(:root[data-visual="novo"]) a.kpi:hover { border-color: var(--verde); } }

/* — widgets/indicadores.css */
.kpis { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 12px; margin-bottom: 18px; }

/* — widgets/grafico.css */
.grafico { margin: 0; min-width: 0; background: var(--g-superficie, transparent); border-radius: var(--v-raio, 10px); }
.grafico-svg { display: block; width: 100%; overflow: visible; }
.grafico .s1 { --g: var(--g-1); } .grafico .s2 { --g: var(--g-2); } .grafico .s3 { --g: var(--g-3); }
.grafico .s4 { --g: var(--g-4); } .grafico .s5 { --g: var(--g-5); } .grafico .s6 { --g: var(--g-6); }
.grafico .so { --g: var(--suave); }
.grafico-barra { fill: var(--g); }
.grafico-linha { fill: none; stroke: var(--g); stroke-width: 2px; stroke-linejoin: round; stroke-linecap: round;
  vector-effect: non-scaling-stroke; }
.grafico-ponto { fill: none; stroke: var(--g); stroke-width: 8px; stroke-linecap: round; vector-effect: non-scaling-stroke; }
.grafico-fatia { fill: var(--g); stroke: var(--g-superficie, var(--branco)); stroke-width: 2px; stroke-linejoin: round; }
.grafico-grade { stroke: var(--linha); stroke-width: 1px; vector-effect: non-scaling-stroke; }
.grafico-base { stroke: var(--suave); stroke-width: 1px; vector-effect: non-scaling-stroke; }
.grafico-area { display: flex; gap: var(--v-esp-2, 8px); }
.grafico-plot { flex: 1; min-width: 0; }
.grafico-eixo-y { position: relative; flex: none; }
.grafico-marca, .grafico-rotulo { font-size: var(--v-fonte-72, .72rem); line-height: 1; color: var(--suave); white-space: nowrap;
  font-variant-numeric: tabular-nums; }
.grafico-eixo-y .grafico-marca { position: absolute; right: 0; transform: translateY(-50%); }
.grafico-eixo-x { position: relative; height: 1.4em; margin-top: var(--v-esp-1, 4px); font-size: var(--v-fonte-72, .72rem); }
.grafico-eixo-x .grafico-rotulo { position: absolute; top: 0; transform: translateX(-50%); font-size: 1em; }
.grafico-pizza { display: grid; grid-template-columns: minmax(120px, 200px) minmax(0, 1fr); align-items: center;
  gap: var(--v-esp-4, 16px); }
.grafico-pizza .grafico-svg { height: auto; max-width: 200px; }
.grafico-total { fill: var(--tinta); font-size: 24px; font-weight: var(--v-peso-negrito, 700); }
.grafico-sob-total { fill: var(--suave); font-size: var(--v-fonte-13px, 13px); }
@media (max-width: 560px) { .grafico-pizza { grid-template-columns: minmax(0, 1fr); justify-items: center; } }
.grafico-funil { display: grid; grid-template-columns: minmax(5rem, 11rem) minmax(0, 1fr) minmax(5rem, 9rem);
  grid-template-rows: repeat(var(--etapas, 1), var(--etapa, 44px)); column-gap: var(--v-esp-3, 12px); align-items: center; }
.grafico-funil > .grafico-svg { grid-column: 2; align-self: start; }
.grafico-funil-nome { grid-column: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
  font-size: var(--v-fonte-88, .88rem); color: var(--tinta); }
.grafico-funil-numero { grid-column: 3; display: flex; flex-direction: column; line-height: 1.25;
  font-variant-numeric: tabular-nums; }
.grafico-funil-numero b { font-size: var(--v-fonte-95, .95rem); color: var(--tinta); }
.grafico-funil-conversao { font-size: var(--v-fonte-75, .75rem); color: var(--suave); }
.grafico-legenda { display: flex; flex-wrap: wrap; gap: var(--v-esp-1, 4px) var(--v-esp-4, 16px); margin: var(--v-esp-2, 8px) 0 0;
  padding: 0; list-style: none; font-size: var(--v-fonte-82, .82rem); color: var(--tinta); }
.grafico-legenda li { display: inline-flex; align-items: center; gap: var(--v-esp-2, 8px); }
.grafico-cor { flex: none; width: 10px; height: 10px; border-radius: 3px; background: var(--g); }
.grafico-legenda.em-pe { flex-direction: column; flex-wrap: nowrap; margin: 0; min-width: 0; max-width: 22rem; }
.grafico-legenda.em-pe li { display: grid; grid-template-columns: auto 1fr auto 3.5rem; }
.grafico-legenda-nome { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.grafico-legenda-pct { color: var(--suave); text-align: right; font-variant-numeric: tabular-nums; }
.grafico-legenda b { font-variant-numeric: tabular-nums; }
.grafico-nota { margin: var(--v-esp-2, 8px) 0 0; font-size: var(--v-fonte-85, .85rem); color: var(--suave); }
.grafico-nota b { color: var(--tinta); }

/* — widgets/painel.css */
.painel-graficos { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 360px), 1fr));
  gap: var(--v-esp-4, 16px); margin-bottom: 18px; }
.painel-graficos > .card { margin-bottom: 0; min-width: 0; }
.painel-mais { margin: var(--v-esp-2, 8px) 0 0; font-size: var(--v-fonte-82, .82rem); color: var(--suave); }
.painel-seletores { display: flex; flex-wrap: wrap; align-items: center; gap: var(--v-esp-2, 8px);
  margin-bottom: var(--v-esp-4, 16px); }
.painel-seletores > * { margin: 0; }

/* — widgets/selo.css */
.selo { display: inline-block; padding: 2px 9px; border-radius: 20px; font-size: var(--v-fonte-78, .78rem); font-weight: var(--v-peso-semi, 600); white-space: nowrap; }
.selo.verde { background: var(--verde-claro); color: var(--verde-esc); }
.selo.amarelo { background: var(--amarelo-f); color: var(--amarelo); }
.selo.vermelho { background: var(--vermelho-f); color: var(--vermelho); }
.selo.azul { background: var(--azul-f); color: var(--azul); }
.selo.cinza, .selo.sem { background: var(--e-sutil, #eef1ef); color: var(--suave); }

/* — widgets/nota.css */
.ac-chip { display: inline-grid; place-items: center; padding: .05rem .4rem; border-radius: .35rem; font-size: var(--v-fonte-68, .68rem);
  font-weight: var(--v-peso-extra, 800); letter-spacing: .04em; color: var(--e-sobre-cor, #fff); background: var(--verde); vertical-align: .1em; }
.ac-porque { margin-top: .3rem; font-size: var(--v-fonte-76, .76rem); line-height: 1.35; color: var(--azul);
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.ac-porque .ac-chip { font-size: .6rem; padding: 0 .3rem; }
.ac-mudou { margin-top: .3rem; font-size: var(--v-fonte-76, .76rem); font-weight: var(--v-peso-semi, 600); color: var(--amarelo); }

/* — widgets/achados.css */
.busca-lista { list-style: none; margin: 0; padding: 0; display: grid; gap: 2px; }
.busca-item { display: flex; gap: .7rem; align-items: flex-start; padding: .6rem .7rem; border-radius: .5rem;
  color: var(--tinta); text-decoration: none; }
.busca-item:focus-visible { background: var(--e-sutil, #eef1ef); }
@media (hover: hover) { .busca-item:hover { background: var(--e-sutil, #eef1ef); } }
.busca-item > .ic { margin-top: .2rem; color: var(--suave); flex: none; }
.busca-item > span { display: grid; gap: .15rem; min-width: 0; }
.busca-texto { color: var(--suave); font-size: var(--v-fonte-85, .85rem); }
.busca-item mark { background: color-mix(in srgb, var(--amarelo-f) 85%, transparent); color: inherit; border-radius: 2px; }

/* — widgets/escolhas.css */
.md-grade { display: grid; grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr)); gap: .7rem; }
.md-cartao { position: relative; display: flex; flex-direction: column; gap: .35rem; margin: 0; padding: .9rem 1rem .85rem;
  border: 1px solid var(--linha); border-radius: .7rem; background: var(--branco); color: var(--tinta);
  font-size: var(--v-fonte-90, .9rem); font-weight: var(--v-peso-normal, normal); transition: border-color .2s, box-shadow .2s, transform .2s, background .2s; }
.md-cartao.md-ligado { border-color: var(--verde);
  background: color-mix(in srgb, var(--azul-f) 55%, var(--branco));
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--verde) 25%, transparent); }
.md-topo { display: flex; align-items: center; gap: .45rem; color: var(--verde-esc); font-size: var(--v-fonte-95, .95rem); }
.md-desc { color: var(--suave); font-size: var(--v-fonte-82, .82rem); line-height: 1.4; }
.md-escopos { color: var(--suave); font-size: var(--v-fonte-72, .72rem); opacity: .85; }
.md-cartao .btn { align-self: flex-start; margin-top: .35rem; }
@media (prefers-reduced-motion: reduce) { .md-cartao { transition: none; } }

/* — widgets/sugestoes.css */
.ac-sugestoes { display: grid; grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr)); gap: .4rem 1.6rem;
  margin: .9rem 0 1rem; }
.ac-sugestoes h3 { margin: 0 0 .4rem; font-size: var(--v-fonte-82, .82rem); text-transform: uppercase; letter-spacing: .03em; color: var(--suave); }
.ac-sugestoes ul { list-style: none; margin: 0; padding: 0; display: grid; gap: .45rem; }
.ac-sugestoes li { padding: .45rem .7rem; border-radius: .5rem; background: color-mix(in srgb, var(--azul-f) 70%, transparent);
  line-height: 1.45; }
.ac-sugestoes li a { font-weight: var(--v-peso-negrito, 700); }
.ac-motivo { display: block; font-size: var(--v-fonte-78, .78rem); }

/* — widgets/formulario.css */
.formulario { display: grid; gap: var(--v-esp-3, 12px); min-width: 0; }
.formulario form { display: grid; gap: var(--v-esp-3, 12px); min-width: 0; margin: 0; }
.formulario .grade { row-gap: 0; }
.form-secao { min-width: 0; padding: var(--v-esp-3, 12px) var(--v-esp-4, 16px); border: 1px solid var(--e-linha, var(--linha));
  border-radius: var(--v-raio, 10px); background: var(--e-cartao, var(--branco)); }
details.form-secao > summary { margin-bottom: var(--v-esp-2, 8px); color: var(--verde-esc); font-weight: var(--v-peso-negrito, 700);
  cursor: pointer; }
details.form-secao:not([open]) > summary { margin-bottom: 0; }
.form-secao-topo { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;
  gap: var(--v-esp-2, 8px); margin-bottom: var(--v-esp-2, 8px); }
.form-secao-topo h3 { margin: 0; }
.form-secao .ficha { margin: 0; }
.form-pe { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: var(--v-esp-2, 8px); }
@media (max-width: 760px) { .form-pe > * { flex: 1 1 auto; } }
.form-secao-topo > .btn:only-child { margin-left: auto; }

/* — widgets/campo.css */
.campo { min-width: 0; margin: 0 0 var(--v-esp-3, 12px); }
fieldset.campo { border: 0; padding: 0; }
fieldset.campo > legend { padding: 0; margin-bottom: 3px; color: var(--suave); font-size: var(--v-fonte-80, .8rem); font-weight: var(--v-peso-semi, 600); }
.campo-ajuda { margin: var(--v-esp-1, 4px) 0 0; color: var(--suave); font-size: var(--v-fonte-82, .82rem); overflow-wrap: anywhere; }
.campo-erro { display: flex; align-items: center; gap: var(--v-esp-1, 4px); margin: var(--v-esp-1, 4px) 0 0;
  color: var(--vermelho); font-size: var(--v-fonte-82, .82rem); font-weight: var(--v-peso-semi, 600); }
.campo-erro .ic { flex: none; }
.campo :is(input, select, textarea)[aria-invalid="true"] { border-color: var(--vermelho); }
.campo :is(input, select, textarea)[aria-invalid="true"]:focus { outline-color: var(--vermelho); }
.campo input[readonly] { background: var(--e-cartao-2, var(--verde-fundo)); color: var(--tinta); }
.campo-com { display: flex; align-items: center; gap: var(--v-esp-2, 8px); }
.campo-com > input { flex: 1 1 auto; min-width: 0; }
.campo-antes, .campo-depois { flex: none; color: var(--suave); font-weight: var(--v-peso-semi, 600); }
.campo-mostrar { flex: none; }
.campo-contador { margin: 2px 0 0; color: var(--suave); font-size: var(--v-fonte-78, .78rem); text-align: right; }
.campo textarea[spellcheck="false"] { font-family: ui-monospace, Menlo, Consolas, monospace; font-size: var(--v-fonte-85, .85rem); }
.campo-linha > input[type=date] { width: auto; flex: 1 1 140px; }
.campo-interruptor { position: relative; display: inline-flex; align-items: center; gap: var(--v-esp-2, 8px);
  min-height: var(--ctl-h, 36px); margin: 0; color: var(--tinta); font-size: var(--v-fonte-90, .9rem); font-weight: var(--v-peso-semi, 600); cursor: pointer; }
.campo-interruptor > input { position: absolute; width: 1px; height: 1px; margin: 0; opacity: 0; }
.campo-trilho { position: relative; flex: none; width: 38px; height: 22px; border-radius: var(--v-raio-pilula, 999px);
  background: var(--e-linha-forte, var(--linha)); transition: background-color .15s; }
.campo-trilho::after { content: ""; position: absolute; top: 3px; left: 3px; width: 16px; height: 16px;
  border-radius: 50%; background: var(--e-campo, var(--branco)); box-shadow: var(--v-sombra-1); transition: transform .15s; }
.campo-interruptor > input:checked + .campo-trilho, [role="switch"][aria-checked="true"] > .campo-trilho {
  background: var(--v-acao, var(--verde)); }
.campo-interruptor > input:checked + .campo-trilho::after, [role="switch"][aria-checked="true"] > .campo-trilho::after {
  transform: translateX(16px); }
.campo-interruptor > input:focus-visible + .campo-trilho { outline: 2px solid var(--v-foco, var(--verde)); outline-offset: 2px; }
.campo-interruptor > input:disabled + .campo-trilho { opacity: .5; }
.campo-interruptor > input[aria-invalid="true"] + .campo-trilho { box-shadow: 0 0 0 2px var(--vermelho); }
.campo-marcar { display: flex; flex-wrap: wrap; gap: 6px; }
.campo-marcar .chip:has(> input:checked) { border-color: var(--verde); background: var(--verde-claro);
  color: var(--verde-esc); }
.campo-marcar .chip:has(> input:focus-visible) { outline: 2px solid var(--v-foco, var(--verde)); outline-offset: 1px; }
.campo-cor-amostra { display: inline-block; flex: none; width: 28px; height: 28px; border-radius: var(--v-raio-ctrl, 8px);
  border: 1px solid var(--e-linha-forte, var(--linha)); background: var(--cor-amostra, transparent); }
.campo-paleta { display: flex; flex-wrap: wrap; gap: var(--v-esp-2, 8px); }
.campo-cor-opcao { position: relative; display: inline-flex; margin: 0; cursor: pointer; }
.campo-cor-opcao > input { position: absolute; width: 1px; height: 1px; margin: 0; opacity: 0; }
.campo-cor-opcao > input:checked + .campo-cor-amostra { box-shadow: 0 0 0 2px var(--e-campo, var(--branco)),
  0 0 0 4px var(--tinta); }
.campo-cor-opcao > input:focus-visible + .campo-cor-amostra { outline: 2px solid var(--v-foco, var(--verde));
  outline-offset: 4px; }
.campo-partes { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 0 var(--v-esp-3, 12px); }
.campo-parte { min-width: 0; }
.campo-sem-numero { display: inline-flex; align-items: center; gap: 6px; margin: -6px 0 var(--v-esp-2, 8px);
  color: var(--tinta); font-size: var(--v-fonte-85, .85rem); font-weight: var(--v-peso-medio, 500); }
@media (max-width: 760px) { .campo-partes > .campo-parte { grid-column: span 12; } }
.campo-linhas { display: grid; gap: var(--v-esp-2, 8px); justify-items: start; }
.campo-linha-rep { display: flex; flex-wrap: wrap; align-items: flex-end; gap: var(--v-esp-2, 8px) var(--v-esp-3, 12px);
  width: 100%; padding-bottom: var(--v-esp-2, 8px); border-bottom: 1px solid var(--e-linha, var(--linha)); }
.campo-linha-rep > .campo { flex: 1 1 160px; margin-bottom: 0; }
.campo-linha-rep > .campo-remover { flex: none; margin-bottom: 2px; }
.campo-arquivo-atual { display: flex; align-items: center; gap: 6px; margin: 0 0 6px; font-size: var(--v-fonte-90, .9rem); }
.campo-envios { display: grid; gap: 6px; margin: var(--v-esp-2, 8px) 0 0; padding: 0; list-style: none; }
.campo-envios li { display: flex; flex-wrap: wrap; align-items: center; gap: var(--v-esp-2, 8px); }
.campo-envios progress { width: 120px; accent-color: var(--verde); }
:is(.campo-pessoa, .campo-relacionado) { position: relative; display: flex; align-items: center; gap: var(--v-esp-2, 8px);
  min-width: 0; }
:is(.campo-pessoa, .campo-relacionado) > input[role=combobox] { flex: 1 1 auto; min-width: 0; }
.campo-pessoa-valor { position: absolute; width: 1px; height: 1px; margin: 0; padding: 0; overflow: hidden;
  clip: rect(0 0 0 0); border: 0; opacity: 0; pointer-events: none; }
.campo-pessoa-avatar { display: inline-grid; flex: none; place-items: center; width: 24px; height: 24px;
  border-radius: 50%; background: var(--verde-claro); color: var(--verde-esc); font-size: var(--v-fonte-68, .68rem); font-weight: var(--v-peso-negrito, 700);
  letter-spacing: .02em; }
.campo-pessoa > .campo-pessoa-avatar:empty { display: none; }
:is(.campo-pessoa-limpar, .campo-relacionado-limpar, .campo-relacionado-tirar) { display: inline-grid; flex: none;
  place-items: center; width: 28px; height: 28px; border-radius: 50%; color: var(--suave); }
.campo-relacionado-tirar { width: 20px; height: 20px; }
@media (hover: hover) { :is(.campo-pessoa-limpar, .campo-relacionado-limpar, .campo-relacionado-tirar):hover {
  background: var(--e-sutil, var(--verde-fundo)); color: var(--tinta); } }
:is(.campo-pessoa-limpar, .campo-relacionado-limpar, .campo-relacionado-tirar):focus-visible {
  outline: 2px solid var(--v-foco, var(--verde)); outline-offset: 1px; }
:is(.campo-pessoa-limpar, .campo-relacionado-limpar)[hidden] { display: none; }
:is(.campo-pessoa-lista, .campo-relacionado-lista) { position: absolute; left: 0; right: 0; top: calc(100% + 4px);
  z-index: 830; max-height: 280px; overflow-y: auto; margin: 0; padding: var(--v-esp-1, 4px); list-style: none;
  background: var(--e-cartao, var(--branco)); color: var(--tinta); border: 1px solid var(--e-linha-forte, var(--linha));
  border-radius: var(--v-raio-ctrl, 8px); box-shadow: var(--v-sombra-1); }
:is(.campo-pessoa-lista, .campo-relacionado-lista)[hidden] { display: none; }
:is(.campo-pessoa-lista, .campo-relacionado-lista) [role=option] { display: flex; align-items: center; min-height: 34px;
  padding: var(--v-esp-1, 4px) var(--v-esp-2, 8px); border-radius: var(--v-raio-ctrl, 8px); cursor: pointer;
  font-size: var(--v-fonte-90, .9rem); }
.campo-pessoa-lista [role=option] { gap: var(--v-esp-2, 8px); border-radius: 6px; }
:is(.campo-pessoa-lista, .campo-relacionado-lista) [role=option].ativo { background: var(--e-sutil, var(--verde-fundo)); }
@media (hover: hover) { :is(.campo-pessoa-lista, .campo-relacionado-lista) [role=option]:hover {
  background: var(--e-sutil, var(--verde-fundo)); } }
:is(.campo-pessoa-lista, .campo-relacionado-lista) [role=option][aria-selected="true"] { font-weight: var(--v-peso-semi, 600); }
:is(.campo-pessoa-nada, .campo-relacionado-nada) { padding: var(--v-esp-1, 4px) var(--v-esp-2, 8px); color: var(--suave);
  font-size: var(--v-fonte-82, .82rem); }
.campo-pessoa-nada { padding-block: 6px; }
:is(.campo-pessoa, .campo-relacionado).desligado { opacity: .6; }
.campo-relacionado-mais { padding: var(--v-esp-1, 4px) var(--v-esp-2, 8px); color: var(--verde-esc); font-size: var(--v-fonte-85, .85rem);
  font-weight: var(--v-peso-semi, 600); cursor: pointer; border-radius: var(--v-raio-ctrl, 8px); }
@media (hover: hover) { .campo-relacionado-mais:hover { background: var(--e-sutil, var(--verde-fundo)); } }
.campo-relacionado.multiplo { flex-wrap: wrap; }
.campo-relacionado-escolhidos { display: contents; margin: 0; padding: 0; list-style: none; }
.campo-relacionado-chip { display: inline-flex; align-items: center; gap: var(--v-esp-1, 4px); max-width: 100%; }
.campo-relacionado.multiplo > input[role=combobox] { flex: 1 1 10rem; }
.editor { display: flex; flex-direction: column; gap: 0; min-width: 0; }
.editor-barra { display: flex; flex-wrap: wrap; align-items: center; gap: 2px; padding: 4px;
  border: 1px solid var(--linha); border-bottom: 0; border-radius: var(--raio) var(--raio) 0 0;
  background: var(--e-sutil, var(--verde-fundo)); }
.editor-bt { display: inline-grid; place-items: center; width: 30px; height: 28px; padding: 0; border: 0;
  border-radius: 6px; background: transparent; color: var(--suave); cursor: pointer; }
@media (hover: hover) { .editor-bt:hover { background: var(--e-cartao, var(--branco)); color: var(--tinta); } }
.editor-bt:focus-visible { outline: 2px solid var(--v-foco, var(--verde)); outline-offset: 1px; }
.editor-bt[disabled] { opacity: .45; cursor: not-allowed; }
.editor-corpo { display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; }
.editor.com-previa .editor-corpo { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
.editor-valor[hidden] { display: none; }
.editor-corpo > textarea, .editor-area { width: 100%; min-height: 220px; margin: 0;
  border-radius: 0 0 var(--raio) var(--raio); }
.editor-area { box-sizing: border-box; padding: 10px 12px; border: 1px solid var(--linha);
  background: var(--e-cartao, var(--branco)); color: var(--tinta); overflow-y: auto; max-height: 480px;
  line-height: 1.5; }
.editor-area:focus { outline: 2px solid var(--v-foco, var(--verde)); outline-offset: -1px; }
.editor-area:empty::before { content: attr(data-placeholder); color: var(--suave); }
.editor-area blockquote { margin: .5rem 0; padding-left: 10px; border-left: 3px solid var(--linha);
  color: var(--suave); }
.editor-previa { min-width: 0; max-height: 480px; overflow-y: auto; padding: 8px 12px;
  border: 1px dashed var(--linha); border-radius: var(--raio); }
.editor-previa-titulo { margin: 0 0 6px; color: var(--suave); font-size: var(--v-fonte-75, .75rem); font-weight: var(--v-peso-semi, 600);
  text-transform: uppercase; letter-spacing: .04em; }
@media (max-width: 760px) { .editor.com-previa .editor-corpo { grid-template-columns: minmax(0, 1fr); } }
@media (prefers-reduced-motion: reduce) { .campo-trilho, .campo-trilho::after { transition: none; } }

/* — widgets/formulario_simples.css */
.form-simples { margin: 0; min-width: 0; }
.form-simples .grade { row-gap: 0; }
.form-simples-linha { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 10px; margin-bottom: 14px; }
.form-simples-linha > .campo { margin: 0; min-width: 160px; }
.form-simples-linha > .campo-busca { flex: 1 1 260px; max-width: 460px; }
.form-simples-linha > .campo-texto { flex: 1 1 16em; max-width: 28em; }
.form-simples-linha > .campo-busca input { width: 100%; }
table .form-simples-linha { margin: 0; }
table .form-simples-linha > .campo { min-width: 0; }
@media (max-width: 760px) {
  .form-simples-linha > .campo-busca { max-width: none; flex-basis: 100%; }
  .form-simples-linha > .campo-busca input { font-size: var(--v-fonte-16px, 16px); }
}

/* — widgets/botao.css */
.btn { display: inline-flex; align-items: center; gap: 6px; border: 1px solid var(--verde); background: var(--verde); color: var(--e-sobre-cor, #fff); padding: 9px 16px; border-radius: 8px; font: inherit; font-weight: var(--v-peso-semi, 600); cursor: pointer; text-decoration: none; }
@media (hover: hover) { .btn:hover { background: var(--e-verde-esc-forte, var(--verde-esc)); border-color: var(--e-verde-esc-forte, var(--verde-esc)); } }
.btn.sec { background: var(--e-cartao, #fff); color: var(--verde-esc); }
@media (hover: hover) { .btn.sec:hover { background: var(--verde-claro); } }
.btn.peq { padding: 5px 10px; font-size: var(--v-fonte-85, .85rem); }
.btn.alerta { background: var(--e-amarelo-forte, var(--amarelo)); border-color: var(--e-amarelo-forte, var(--amarelo)); }
.btn.perigo { background: var(--e-vermelho-forte, var(--vermelho)); border-color: var(--e-vermelho-forte, var(--vermelho)); color: var(--e-sobre-cor, #fff); }
@media (hover: hover) { .btn.perigo:hover { filter: brightness(.92); } }
:is(.btn.perigo.sec, .gaveta-registro > dialog > .modal-pe .btn.perigo, .gaveta-registro-pe .btn.perigo) { background: var(--e-cartao, #fff); color: var(--e-vermelho-t, var(--vermelho)); border-color: var(--e-vermelho-forte, var(--vermelho)); }
@media (hover: hover) { :is(.btn.perigo.sec, .gaveta-registro > dialog > .modal-pe .btn.perigo, .gaveta-registro-pe .btn.perigo):hover { background: var(--e-vermelho-f, var(--vermelho-f)); filter: none; } }
.ui-carregando, .btn.ui-carregando[aria-busy="true"] { cursor: progress; opacity: 1; }
.btn.ui-carregando { box-sizing: border-box; overflow: hidden; white-space: nowrap; }
.btn.ui-carregando:not(.ui-gira-icone) { padding-left: 6px; padding-right: 6px; }
.btn.peq.ui-carregando:not(.ui-gira-icone) { padding-left: 3px; padding-right: 3px; }
.ui-gira-icone > .ui-gira + svg { display: none; }
.ui-gira { flex: none; display: inline-block; width: .9em; height: .9em; margin-right: 6px; box-sizing: border-box;
  border-radius: 50%; border: 2px solid color-mix(in srgb, currentColor 30%, transparent); border-top-color: currentColor;
  vertical-align: -.12em; animation: estado-gira .8s linear infinite; }
.btn > .ui-gira { margin-right: 0; }
.btn.peq > .ui-gira { width: .8em; height: .8em; }
@media (prefers-reduced-motion: reduce) { .ui-gira { animation-duration: 2.4s; } }
.btn.desligado { opacity: .4; pointer-events: none; }
.btn-dividido { position: relative; display: inline-flex; align-items: stretch; vertical-align: middle; }
.btn-dividido > .btn, .btn-dividido .btn-seta-bt { white-space: nowrap; flex: none; }
.btn-dividido > .btn { border-top-right-radius: 0; border-bottom-right-radius: 0; }
.btn-dividido > .btn-seta { position: static; display: flex; }
.btn-dividido .btn-seta-bt { height: 100%; padding-inline: 8px; border-top-left-radius: 0; border-bottom-left-radius: 0;
  border-left: 1px solid color-mix(in srgb, currentColor 35%, transparent); list-style: none; }
.btn-dividido > .btn-seta-bt { margin: 0; }
.btn-dividido .btn-seta-bt::-webkit-details-marker { display: none; }
.btn-dividido .btn-seta-bt > svg { transition: transform .15s ease-out; }
.btn-dividido .btn-seta[open] > .btn-seta-bt > svg { transform: rotate(180deg); }
.btn-dividido .btn-seta > .nb-pop-lista { left: 0; right: auto; }
@media (prefers-reduced-motion: reduce) { .btn-dividido .btn-seta-bt > svg { transition: none; } }

/* — widgets/menu_acoes.css */
:where(:root[data-visual="novo"]) .nb-pop { position: relative; }
:where(:root[data-visual="novo"]) .nb-pop > summary { list-style: none; cursor: pointer; }
:where(:root[data-visual="novo"]) .nb-pop > summary::-webkit-details-marker { display: none; }
:where(:root[data-visual="novo"]) .nb-pop-lista { position: absolute; right: 0; top: calc(100% + 6px); z-index: 820;
  min-width: 220px; max-width: min(340px, calc(100vw - 24px)); margin: 0; padding: var(--v-esp-1, 4px); list-style: none;
  background: var(--e-cartao, #fff); color: var(--tinta); border: 1px solid var(--linha);
  border-radius: var(--v-raio, 10px); box-shadow: var(--v-sombra-1); }
:where(:root[data-visual="novo"]) .nb-pop-lista a { display: flex; align-items: center; gap: var(--v-esp-2, 8px);
  min-height: var(--ctl-h, 36px); padding: 0 var(--v-esp-3, 12px); border-radius: var(--v-raio-ctrl, 8px);
  color: var(--tinta); text-decoration: none; }
@media (hover: hover) { :where(:root[data-visual="novo"]) .nb-pop-lista a:hover { background: var(--e-sutil, #eef1f0); } }
:where(:root[data-visual="novo"]) .nb-pop-tit { margin: var(--v-esp-1, 4px) var(--v-esp-3, 12px) var(--v-esp-1, 4px); color: var(--suave); font-size: var(--v-fonte-12px, 12px); font-weight: var(--v-peso-semi, 600); }
:where(:root[data-visual="novo"]) .menu-acoes { display: inline-block; }
:where(:root[data-visual="novo"]) .menu-acoes > .menu-acoes-bt { width: var(--ctl-h-peq, 30px); height: var(--ctl-h-peq, 30px);
  display: grid; place-items: center; border: 1px solid var(--linha); border-radius: var(--v-raio-ctrl, 8px);
  background: var(--e-cartao, #fff); color: var(--tinta); }
@media (hover: hover) { :where(:root[data-visual="novo"]) .menu-acoes > .menu-acoes-bt:hover { background: var(--e-sutil, #eef1f0); } }
:where(:root[data-visual="novo"]) .menu-acoes > .menu-acoes-bt:focus-visible { outline: 2px solid var(--verde); outline-offset: 1px; }
:where(:root[data-visual="novo"]) .menu-acoes .nb-pop-lista > li { margin: 0; }
:where(:root[data-visual="novo"]) .menu-acoes .nb-pop-lista button { gap: var(--v-esp-2, 8px); min-height: var(--ctl-h, 36px); margin: 0; padding: 0 var(--v-esp-3, 12px);
  border-radius: var(--v-raio-ctrl, 8px); }
@media (hover: hover) { :where(:root[data-visual="novo"]) .menu-acoes .nb-pop-lista button:hover { background: var(--e-sutil, #eef1f0); } }
:where(:root[data-visual="novo"]) .menu-acoes .nb-pop-lista button:disabled { opacity: .5; cursor: not-allowed; }
:where(:root[data-visual="novo"]) .menu-acoes [role="menuitem"]:focus-visible { outline: 2px solid var(--verde);
  outline-offset: -2px; }
:where(:root[data-visual="novo"]) .menu-acoes [role="menuitem"] > svg { flex: none; color: var(--suave); }
:where(:root[data-visual="novo"]) .menu-acoes [role="menuitem"].perigo,
:where(:root[data-visual="novo"]) .menu-acoes [role="menuitem"].perigo > svg { color: var(--e-vermelho-t, var(--vermelho)); }
:where(:root[data-visual="novo"]) .menu-acoes-sep { height: 1px; margin: var(--v-esp-1, 4px); background: var(--linha); }
:where(:root[data-visual="novo"]) .menu-acoes > .menu-acoes-bt.menu-acoes-texto { display: inline-flex;
  align-items: center; gap: 6px; width: auto; height: var(--ctl-h-peq, 30px); padding: 0 10px; font-weight: var(--v-peso-semi, 600);
  white-space: nowrap; cursor: pointer; }
:where(:root[data-visual="novo"]) .menu-acoes > .menu-acoes-texto > svg { flex: none; }
:where(:root[data-visual="novo"]) .menu-acoes > .menu-acoes-texto > svg:last-child { color: var(--suave); }
:where(:root[data-visual="novo"]) :is(.menu-acoes, .seletor) .nb-pop-lista { width: max-content;
  min-width: 200px; max-width: min(420px, calc(100vw - 2 * var(--v-esp-4, 16px))); box-sizing: border-box; }
:where(:root[data-visual="novo"]) :is(.menu-acoes, .seletor, .barra-area) .nb-pop-lista :is(a, button) {
  white-space: nowrap; box-sizing: border-box; line-height: 1.25; }
:where(:root[data-visual="novo"]) .menu-acoes [role="menuitem"] > .menu-acoes-ic { flex: none; width: 16px;
  height: 16px; color: var(--suave); }
:where(:root[data-visual="novo"]) .menu-acoes [role="menuitem"].perigo > .menu-acoes-ic { color: inherit; }
:where(:root[data-visual="novo"]) .menu-acoes-t { flex: 1 1 auto; min-width: 0; overflow: hidden;
  text-overflow: ellipsis; white-space: nowrap; }
.nb-pop[data-lado="direita"] > .nb-pop-lista { left: auto !important; right: 0 !important; }
.nb-pop[data-lado="esquerda"] > .nb-pop-lista { left: 0 !important; right: auto !important; }
.nb-pop[data-lado="tela"] > .nb-pop-lista { position: fixed; left: var(--v-esp-2, 8px) !important;
  right: var(--v-esp-2, 8px) !important; width: auto; min-width: 0; max-width: none; }

/* — widgets/confirmacao.css */
.ui-confirma-texto { margin: 0 0 16px; }
.ui-confirma .acoes { justify-content: flex-end; }
.ui-confirma-mais { margin: -8px 0 16px; color: var(--suave); font-size: var(--v-fonte-92, .92rem); }

/* — widgets/conexao_banco.css */
.conexao-banco { display: inline-flex; vertical-align: middle; }

/* — widgets/importar.css */
.importar { display: flex; flex-direction: column; gap: var(--v-esp-4, 16px); min-width: 0; }
.importar :is(.importar-arquivo, .importar-colunas, .importar-previa, .importar-resultado) { display: flex;
  flex-direction: column; gap: var(--v-esp-3, 12px); }
.importar .acoes { justify-content: flex-end; }
.importar-opcoes { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: var(--v-esp-3, 12px); }
.importar-info { margin: 0; color: var(--suave); font-size: var(--v-fonte-88, .88rem); }
.importar-dica { margin: 0; color: var(--suave); font-size: var(--v-fonte-82, .82rem); }
.importar-tit { margin: var(--v-esp-2, 8px) 0 0; font-size: var(--v-fonte-95, .95rem); }
.importar-letra { margin-left: 4px; color: var(--suave); font-size: var(--v-fonte-75, .75rem); }
.importar-exemplo { display: inline-block; max-width: 220px; overflow: hidden; color: var(--suave);
  text-overflow: ellipsis; white-space: nowrap; vertical-align: bottom; }
.importar-colunas .campo { min-width: 220px; margin: 0; }
.importar-nota { display: block; margin-top: 2px; color: var(--suave); font-size: var(--v-fonte-78, .78rem); }
.importar-numeros { margin-bottom: 0; }
.importar-duplicados { max-width: 520px; }
.importar-lista { padding: var(--v-esp-2, 8px) var(--v-esp-3, 12px); border: 1px solid var(--linha);
  border-radius: var(--v-raio, 10px); background: var(--e-cartao, #fff); }
.importar-lista.erros { border-color: var(--vermelho); background: var(--vermelho-f); }
.importar-lista > h3 { margin: 0 0 var(--v-esp-1, 4px); font-size: var(--v-fonte-85, .85rem); }
.importar-lista > ul { display: grid; gap: 2px; margin: 0; padding-left: var(--v-esp-4, 16px); font-size: var(--v-fonte-86, .86rem); }
.importar-lista > p { margin: var(--v-esp-1, 4px) 0 0; color: var(--suave); font-size: var(--v-fonte-82, .82rem); }
.importar-vai { white-space: nowrap; }
.importar-vai.erro { color: var(--vermelho); font-weight: var(--v-peso-semi, 600); }

/* — widgets/exportar.css */
.exportar { display: inline-flex; position: relative; }
.exportar-menu > summary.btn { display: inline-flex; align-items: center; gap: var(--v-esp-2, 8px); white-space: nowrap; }
.exportar-menu .nb-pop-lista { min-width: 300px; }
.exportar-menu .nb-pop-tit { margin: var(--v-esp-2, 8px) var(--v-esp-3, 12px) var(--v-esp-1, 4px); }
.exportar-menu .exportar-filtros { width: 0; min-width: 100%; box-sizing: border-box; }
.exportar-filtros { color: var(--suave); font-size: var(--v-fonte-78, .78rem); font-weight: var(--v-peso-normal, 400); }
.exportar-pronto { display: grid; gap: var(--v-esp-3, 12px); }
.exportar-arquivos { display: grid; gap: var(--v-esp-2, 8px); margin: 0; padding: 0; list-style: none; }
.exportar-arquivos li { display: flex; flex-wrap: wrap; align-items: center; gap: var(--v-esp-2, 8px); }
.exportar-arquivos small, .exportar-quantos, .exportar-vale, .exportar-nada { color: var(--suave); }
.exportar-quantos, .exportar-vale, .exportar-nada { margin: 0; font-size: var(--v-fonte-88, .88rem); }

/* — widgets/copiar.css */
.link-box { display: flex; gap: 8px; align-items: center; background: var(--verde-claro); border: 1px dashed var(--verde); padding: 10px 12px; border-radius: 8px; flex-wrap: wrap; }
.link-box code { font-size: var(--v-fonte-90, .9rem); word-break: break-all; flex: 1; min-width: 200px; }
.campo-copia { display: flex; gap: 6px; }
.campo-copia input { background: var(--e-cartao-2, #fbfdfc); }
.campo-copia > .btn, .link-box > .btn { flex: none; }

/* — widgets/estado.css */
.estado { display: grid; justify-items: center; gap: 6px; text-align: center; padding: 26px 18px; color: var(--suave); }
.estado > b, .estado > strong { color: var(--tinta); font-size: var(--v-fonte-100, 1rem); }
.estado > p { margin: 0; max-width: 60ch; }
.estado > .acoes { justify-content: center; margin-top: 4px; }
.estado.erro > b, .estado.erro > strong { color: var(--vermelho); }
.estado.carregando::before { content: ""; width: 18px; height: 18px; border-radius: 50%; border: 2px solid var(--linha);
  border-top-color: var(--verde); animation: estado-gira .8s linear infinite; }
@media (prefers-reduced-motion: reduce) { .estado.carregando::before { animation: none; } }
.estado > .ic { color: var(--suave); opacity: .85; }

/* — widgets/esqueleto.css */
.esqueleto { display: block; padding: var(--v-esp-2, 8px) 0; }
.esq-desenho { display: grid; gap: var(--v-esp-2, 8px); }
.esq-barra { display: block; height: 12px; border-radius: var(--v-raio-pilula, 999px);
  background: linear-gradient(90deg, var(--e-sutil, #eef1f0) 0%, var(--e-sutil-2, #dfe6e2) 50%, var(--e-sutil, #eef1f0) 100%);
  background-size: 200% 100%; animation: esq-brilho 1.4s ease-in-out infinite; }
.esq-l0 { width: 92%; } .esq-l1 { width: 74%; } .esq-l2 { width: 58%; } .esq-l3 { width: 83%; }
.esq-curta { width: 40%; } .esq-titulo { width: 55%; height: 14px; } .esq-grande { height: 26px; width: 70%; }
.esq-rotulo { width: 28%; }
@keyframes esq-brilho { 0% { background-position: 100% 0; } 100% { background-position: -100% 0; } }
@media (prefers-reduced-motion: reduce) { .esq-barra { animation: none; } }
.esq-ficha, .esq-linhas { padding: var(--v-esp-3, 12px); border-radius: var(--v-raio, 10px);
  background: var(--e-cartao, var(--branco, #fff)); }
.esq-tabela .esq-desenho { gap: 0; border: 1px solid var(--linha, #d8e3dc); border-radius: var(--v-raio, 10px);
  overflow: hidden; background: var(--grade-fundo, var(--e-cartao, var(--branco, #fff))); }
.esq-tab-cab, .esq-tab-linha { display: grid; grid-auto-flow: column; grid-auto-columns: 1fr; gap: var(--v-esp-3, 12px);
  align-items: center; padding: var(--v-esp-3, 12px); }
.esq-tab-cab { background: var(--e-sutil, #eef1f0); }
.esq-tab-cab .esq-barra { height: 10px; width: 60%; }
.esq-tab-linha + .esq-tab-linha, .esq-tab-cab + .esq-tab-linha { border-top: 1px solid var(--linha, #d8e3dc); }
.esq-kanban .esq-desenho { grid-auto-flow: column; grid-auto-columns: minmax(220px, 1fr); overflow-x: auto; }
.esq-kb-coluna { display: grid; align-content: start; gap: var(--v-esp-2, 8px); padding: var(--v-esp-2, 8px);
  border-radius: var(--v-raio, 10px); background: var(--e-sutil, #eef1f0); }
.esq-kb-cartao { display: grid; gap: var(--v-esp-2, 8px); padding: var(--v-esp-3, 12px);
  border-radius: var(--v-raio-ctrl, 8px); background: var(--e-cartao, var(--branco, #fff)); }
.esq-numeros, .esq-cartoes { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: var(--v-esp-3, 12px); }
.esq-numero, .esq-cartao, .esq-lista { display: grid; gap: var(--v-esp-2, 8px); padding: var(--v-esp-3, 12px);
  border: 1px solid var(--linha, #d8e3dc); border-radius: var(--v-raio, 10px); background: var(--e-cartao, var(--branco, #fff)); }
.esq-cartoes { grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); }
.esq-graficos { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: var(--v-esp-3, 12px); }
.esq-grafico-caixa { padding: var(--v-esp-3, 12px); border: 1px solid var(--linha, #d8e3dc); border-radius: var(--v-raio, 10px);
  background: var(--e-cartao, var(--branco, #fff)); }
.esq-grafico { height: 160px; border-radius: var(--v-raio, 10px);
  background: linear-gradient(90deg, var(--e-sutil, #eef1f0) 0%, var(--e-sutil-2, #dfe6e2) 50%, var(--e-sutil, #eef1f0) 100%);
  background-size: 200% 100%; animation: esq-brilho 1.4s ease-in-out infinite; }
@media (prefers-reduced-motion: reduce) { .esq-grafico { animation: none; } }
.esq-par { display: grid; grid-template-columns: minmax(90px, 30%) 1fr; gap: var(--v-esp-3, 12px); align-items: center; }

/* — widgets/bloco.css */
.bloco { display: contents; }
.bloco-atualizando > * > * { opacity: .62; transition: opacity .2s ease; }
@media (prefers-reduced-motion: reduce) { .bloco-atualizando > * > * { transition: none; } }

/* — widgets/aviso.css */
.msg { padding: 12px 16px; border-radius: 8px; margin-bottom: 16px; }
.msg.erro { background: var(--vermelho-f); color: var(--vermelho); border: 1px solid var(--e-vermelho-b, #f0c4be); }
.msg.ok { background: var(--verde-claro); color: var(--verde-esc); border: 1px solid var(--e-verde-b, #bfe3cd); }
.msg.info { background: var(--azul-f); color: var(--azul); border: 1px solid var(--e-azul-b, #c8dcef); }
.msg ul { margin: 4px 0 0 18px; padding: 0; }
.msg.atencao { background: var(--amarelo-f); color: var(--e-amarelo-t, #7a5214); border: 1px solid var(--e-amarelo-b, #f0dcb4); }

/* — widgets/progresso.css */
.barra-prog { height: 7px; background: var(--e-sutil, #e6ece8); border-radius: 10px; overflow: hidden; margin: 3px 0; }
.barra-prog span { display: block; height: 100%; border-radius: 10px; }
.progresso { display: grid; gap: 2px; min-width: 0; }
.progresso-cab { display: flex; justify-content: space-between; align-items: baseline; gap: 8px; font-size: var(--v-fonte-84, .84rem); }
.progresso-rot { min-width: 0; overflow-wrap: anywhere; color: var(--tinta); }
.progresso-n { flex: none; color: var(--suave); font-variant-numeric: tabular-nums; }
.progresso .barra-prog > span { background: var(--verde); }
.progresso.amarelo .barra-prog > span { background: var(--e-amarelo-forte, var(--amarelo)); }
.progresso.vermelho .barra-prog > span { background: var(--e-vermelho-forte, var(--vermelho)); }
.progresso.azul .barra-prog > span { background: var(--azul); }
@media (prefers-reduced-motion: no-preference) {
  .progresso .barra-prog > span { transition: width .3s ease; }
}

/* — widgets/varredura.css */
.ac-scan { position: relative; overflow: hidden; }
.ac-scan::after { content: ""; position: absolute; left: 0; right: 0; top: -30%; height: 30%; pointer-events: none;
  background: linear-gradient(180deg, transparent, color-mix(in srgb, var(--verde) 12%, transparent), transparent);
  animation: ac-faixa 2.6s linear infinite; }
.ac-nuvem { display: flex; flex-wrap: wrap; gap: .4rem; margin: 1.3rem 0 1rem; max-height: 15rem; overflow: hidden;
  -webkit-mask-image: linear-gradient(var(--tinta) 65%, transparent); mask-image: linear-gradient(var(--tinta) 65%, transparent); }
.ac-nuvem span { padding: .25rem .65rem; border-radius: 999px; font-size: var(--v-fonte-78, .78rem); white-space: nowrap;
  background: var(--e-sutil, #eef1ef); color: var(--suave);
  animation: ac-varre 3.6s ease-in-out infinite; animation-delay: calc(var(--i) * 70ms); }
.ac-privado { margin: 0; }
@keyframes ac-faixa { to { top: 100%; } }
@keyframes ac-varre {
  0%, 60%, 100% { background: var(--e-sutil, #eef1ef); color: var(--suave); transform: none; }
  12% { background: var(--verde); color: var(--e-sobre-cor, #fff); transform: translateY(-1px); }
  30% { background: var(--verde-claro); color: var(--verde-esc); }
}
@media (prefers-reduced-motion: reduce) { .ac-scan::after, .ac-nuvem span { animation: none !important; } }

/* — marcas.css */
.marca { display: inline-flex; align-items: center; gap: 8px; text-decoration: none; }
.marca img { display: block; }
.area-tit { font-size: var(--v-fonte-15px, 15px); text-transform: uppercase; letter-spacing: .6px; opacity: .75; margin: 0 0 10px; }
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; }
body.entrada { background: #0b3b24; }
body.entrada { --fundo: var(--fundo-marca, var(--marca, #0b5c3f)); }
body.entrada .pagina {
  background: radial-gradient(900px 380px at 82% -14%, color-mix(in srgb, var(--fundo) 55%, #fff) 0%,
              transparent 60%),
              radial-gradient(700px 320px at 8% 105%, color-mix(in srgb, var(--fundo) 70%, #fff) 0%,
              transparent 58%),
              linear-gradient(158deg, color-mix(in srgb, var(--fundo) 88%, #000),
              color-mix(in srgb, var(--fundo) 96%, #000) 48%,
              color-mix(in srgb, var(--fundo) 62%, #000));
  max-width: none; margin: 0; padding: 30px max(20px, calc((100vw - 1180px) / 2)) 70px;
  position: relative; min-height: calc(100vh - 70px); overflow: hidden;
}
body.entrada .pagina::before {
  content: ""; position: absolute; right: 34px; top: 26px; width: 330px; height: 140px;
  background: var(--logo, none) right top / contain no-repeat;
  filter: brightness(0) invert(1); opacity: .30; pointer-events: none;
}
body.entrada .pagina::after {
  content: var(--marca-texto, ""); position: absolute; right: 26px; top: 8px; font-size: 92px; font-weight: var(--v-peso-extra, 800);
  letter-spacing: -.03em; color: #fff; opacity: .24; pointer-events: none; line-height: 1; white-space: nowrap;
}
body.entrada .pagina > * { position: relative; z-index: 1; }
body.entrada h1 { color: #fff; margin-bottom: 6px; }
body.entrada .ajuda { color: rgba(255,255,255,.78); font-size: var(--v-fonte-95, .95rem); max-width: 70ch; }
body.entrada .area-tit { color: rgba(255,255,255,.8); }
body.entrada .msg { background: var(--e-veu, rgba(255,255,255,.92)); }

/* — 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 1px 2px rgba(16, 32, 24, .06), 0 4px 14px rgba(16, 32, 24, .06);
  --pm-largura: 440px;
}
: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 1px 2px rgba(0, 0, 0, .3), 0 4px 14px rgba(0, 0, 0, .25);
}
.pm-casca-raiz { font-size: 14px; }
.pm-aba { right: 0; z-index: 950;
  padding: 8px 5px 11px 6px;
  color: #fff; text-decoration: none; border-radius: 14px 0 0 14px; box-shadow: -3px 4px 16px rgba(16, 32, 24, .22);
  transition: padding .18s ease, box-shadow .18s ease; }
.pm-aba[hidden] { display: none !important; }
.pm-aba img { width: 28px; height: 28px; border-radius: 50%; object-fit: cover; display: block;
  box-shadow: 0 0 0 2px rgba(255, 255, 255, .9); background: #fff; }
.pm-aba span { writing-mode: vertical-rl; transform: rotate(180deg); }
.pm-aba:hover { padding-right: 12px; box-shadow: -5px 6px 22px rgba(16, 32, 24, .3); color: #fff; }
.pm-aba:focus-visible { outline: 3px solid #ffd166; outline-offset: 2px; }
@media (max-width: 700px) { .pm-aba { top: auto; bottom: 88px; transform: none; padding: 8px 5px 10px 6px; }
  .pm-aba img { width: 34px; height: 34px; } }
@media print { .pm-aba { display: none !important; } }
body.pm-casca { margin: 0; height: 100vh; height: 100dvh; overflow: hidden; background: var(--pm-fundo); color: var(--pm-tinta); }
.pm-layout { display: flex; height: 100vh; height: 100dvh; }
.pm-site { position: relative; flex: 1 1 auto; min-width: 0; background: #fff; }
.pm-quadro { display: block; width: 100%; height: 100%; border: 0; background: #fff; }
:root[data-tema="escuro"] .pm-site, :root[data-tema="escuro"] .pm-quadro { background: var(--pm-fundo); }
.pm-veu { position: absolute; inset: 0; cursor: col-resize; z-index: 2; }
.pm-veu[hidden] { display: none; }
.pm-divisor { flex: none; width: 7px; cursor: col-resize; background: var(--pm-linha); position: relative;
  transition: background .15s; touch-action: none; }
.pm-divisor::after { content: ""; position: absolute; left: 2px; top: 50%; width: 3px; height: 36px; margin-top: -18px;
  border-radius: 3px; background: var(--pm-suave); opacity: .45; }
.pm-divisor:hover, .pm-divisor:focus-visible, .pm-divisor.arrastando { background: var(--pm-forte); outline: 0; }
.pm-divisor { background: var(--pm-forte); }
.pm-divisor::after { background: #fff; opacity: .75; }
.pm-divisor:hover, .pm-divisor:focus-visible, .pm-divisor.arrastando {
  background: color-mix(in srgb, var(--pm-forte) 78%, #000); }
.pm-painel { flex: none; width: var(--pm-largura); min-width: 300px; max-width: 72vw; display: flex; flex-direction: column;
  background: var(--pm-fundo); min-height: 0; position: relative; }
.pm-layout.recolhido .pm-painel, .pm-layout.recolhido .pm-divisor { display: none; }
.pm-oculto { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.pm-cab { flex: none; display: flex; align-items: center; gap: 8px; padding: 10px 10px 10px 14px; background: var(--pm-cartao);
  border-bottom: 1px solid var(--pm-linha); box-shadow: 0 1px 0 rgba(0, 0, 0, .02); }
.pm-avatar { width: 38px; height: 38px; border-radius: 50%; object-fit: cover; flex: none;
  box-shadow: 0 0 0 2px var(--pm-cartao), 0 0 0 4px var(--pm-forte); }
.pm-quem { display: flex; flex-direction: column; line-height: 1.2; flex: 1 1 auto; min-width: 0; margin-left: 4px; }
.pm-quem strong { font-size: var(--v-fonte-100, 1rem); }
.pm-quem span { font-size: var(--v-fonte-78, .78rem); color: var(--pm-suave); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pm-quem span.ocupada::before { content: ""; display: inline-block; width: 7px; height: 7px; border-radius: 50%;
  background: var(--pm-forte); margin-right: 6px; vertical-align: 1px; animation: pm-pulsa 1.2s ease-in-out infinite; }
.pm-ico { flex: none; width: 34px; height: 34px; display: inline-grid; place-items: center; border: 0; border-radius: 9px;
  background: transparent; color: var(--pm-suave); cursor: pointer; padding: 0; }
.pm-ico svg { width: 19px; height: 19px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.pm-ico:hover, .pm-ico[aria-expanded="true"] { background: var(--pm-claro); color: var(--pm-forte-esc); }
.pm-ico:focus-visible, .pm-enviar:focus-visible, .pm-conversas button:focus-visible { outline: 2px solid var(--pm-forte); outline-offset: 1px; }
.pm-so-celular { display: none; }
.pm-conversas { flex: none; background: var(--pm-cartao); border-bottom: 1px solid var(--pm-linha); max-height: 40vh; overflow-y: auto;
  padding: 8px 8px 10px; }
.pm-conversas[hidden] { display: none; }
.pm-conversas-tit { font-size: var(--v-fonte-72, .72rem); text-transform: uppercase; letter-spacing: .06em; color: var(--pm-suave); padding: 4px 8px 6px; font-weight: var(--v-peso-negrito, 700); }
.pm-conversas ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 2px; }
.pm-conversas button { width: 100%; text-align: left; border: 0; background: transparent; color: var(--pm-tinta); font: inherit;
  padding: 7px 10px; border-radius: 8px; cursor: pointer; display: flex; gap: 10px; align-items: baseline; }
.pm-conversas button:hover { background: var(--pm-claro); }
.pm-conversas button[aria-current="true"] { background: var(--pm-claro); font-weight: var(--v-peso-semi, 600); color: var(--pm-forte-esc); }
.pm-conversas .t { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: var(--v-fonte-90, .9rem); }
.pm-conversas .q { flex: none; font-size: var(--v-fonte-75, .75rem); color: var(--pm-suave); font-variant-numeric: tabular-nums; }
.pm-vazio { color: var(--pm-suave); font-size: var(--v-fonte-86, .86rem); padding: 6px 10px; }
.pm-mensagens { flex: 1 1 auto; min-height: 0; overflow-y: auto; padding: 18px 14px 10px; display: flex; flex-direction: column;
  gap: 14px; scroll-behavior: smooth; overscroll-behavior: contain; }
.pm-mensagens:focus { outline: 0; }
.pm-msg { display: flex; gap: 9px; align-items: flex-start; max-width: 100%; animation: pm-entra .22s ease-out; }
.pm-msg.pessoa { justify-content: flex-end; }
.pm-msg .pm-foto { width: 32px; height: 32px; border-radius: 50%; object-fit: cover; flex: none; margin-top: 2px;
  box-shadow: 0 0 0 2px var(--pm-cartao), 0 0 0 3px var(--pm-linha); }
.pm-balao { min-width: 0; max-width: 100%; overflow-wrap: anywhere; font-size: .93rem; line-height: 1.55; }
.pm-msg.pessoa .pm-balao { background: var(--pm-forte); color: #fff; padding: 9px 14px; border-radius: 16px 16px 4px 16px;
  max-width: 86%; white-space: pre-wrap; box-shadow: var(--pm-sombra); }
.pm-msg.pamella .pm-balao { background: var(--pm-cartao); color: var(--pm-tinta); padding: 10px 14px; border: 1px solid var(--pm-linha);
  border-radius: 4px 16px 16px 16px; flex: 1 1 auto; box-shadow: var(--pm-sombra); }
.pm-msg.pamella .pm-balao:empty { display: none; }
.pm-coluna { display: flex; flex-direction: column; gap: 6px; flex: 1 1 auto; min-width: 0; }
.pm-msg.erro .pm-balao { border-color: #f0c4be; background: var(--vermelho-f, #fbeae8); color: var(--vermelho, #c0392b); }
.pm-digitando { display: inline-flex; gap: 4px; padding: 12px 14px; background: var(--pm-cartao); border: 1px solid var(--pm-linha);
  border-radius: 4px 16px 16px 16px; width: max-content; }
.pm-digitando i { width: 7px; height: 7px; border-radius: 50%; background: var(--pm-suave); opacity: .5; animation: pm-pula 1s infinite; }
.pm-digitando i:nth-child(2) { animation-delay: .15s; } .pm-digitando i:nth-child(3) { animation-delay: .3s; }
.pm-linha { display: flex; align-items: center; gap: 7px; font-size: var(--v-fonte-80, .8rem); color: var(--pm-suave); padding: 0 4px; }
.pm-linha .pm-sinal { width: 14px; height: 14px; flex: none; display: inline-grid; place-items: center; }
.pm-linha.inicio .pm-sinal::before { content: ""; width: 10px; height: 10px; border-radius: 50%; border: 2px solid var(--pm-linha);
  border-top-color: var(--pm-forte); animation: pm-gira .8s linear infinite; }
.pm-linha.fim .pm-sinal::before { content: "✓"; color: var(--pm-forte); font-weight: var(--v-peso-negrito, 700); }
.pm-linha.erro .pm-sinal::before { content: "!"; color: var(--vermelho, #c0392b); font-weight: var(--v-peso-extra, 800); }
.pm-linha.navegar .pm-sinal::before { content: "↗"; color: var(--pm-forte); }
.pm-linha a { color: var(--pm-forte-esc); }
.pm-mensagens > .pm-linha { padding-left: 45px; }
.pm-linha b { font-weight: var(--v-peso-semi, 600); color: var(--pm-tinta); }
.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; color: var(--pm-tinta); }
.pm-md h1 { font-size: var(--v-fonte-115, 1.15rem); } .pm-md h2 { font-size: 1.06rem; color: var(--pm-forte-esc); } .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 a { color: var(--pm-forte-esc); text-decoration-thickness: 1px; text-underline-offset: 2px; }
.pm-md strong { font-weight: var(--v-peso-semi-forte, 650); }
.pm-md hr { border: 0; border-top: 1px solid var(--pm-linha); margin: 1em 0; }
.pm-md blockquote { border-left: 3px solid var(--pm-forte); padding: 2px 0 2px 12px; color: var(--pm-suave); }
.pm-md code { font: .86em/1.45 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; }
.pm-md :not(pre) > code { background: var(--pm-claro); padding: .1em .38em; border-radius: 5px; }
.pm-md pre { position: relative; background: var(--pm-codigo); border: 1px solid var(--pm-linha); border-radius: 10px;
  overflow: hidden; }
.pm-md pre code.hljs, .pm-md pre code { display: block; padding: 12px 14px; overflow-x: auto; background: transparent; }
.pm-md pre[data-lingua]::before { content: attr(data-lingua); position: absolute; top: 6px; right: 10px; font-size: var(--v-fonte-68, .68rem);
  text-transform: uppercase; letter-spacing: .06em; color: var(--pm-suave); pointer-events: none; }
.pm-tabela { overflow-x: auto; border: 1px solid var(--pm-linha); border-radius: 10px; }
.pm-md table { border-collapse: collapse; width: 100%; font-size: var(--v-fonte-86, .86rem); }
.pm-md th { text-align: left; background: var(--pm-claro); color: var(--pm-forte-esc); font-weight: var(--v-peso-semi-forte, 650); font-size: var(--v-fonte-78, .78rem);
  text-transform: uppercase; letter-spacing: .02em; }
.pm-md th[align=right], .pm-md td[align=right] { text-align: right; }
.pm-md th[align=center], .pm-md td[align=center] { text-align: center; }
.pm-md th, .pm-md td { padding: 6px 10px; border-bottom: 1px solid var(--pm-linha); vertical-align: top; }
.pm-md tr:last-child td { border-bottom: 0; }
.pm-md tbody tr:nth-child(even) td { background: color-mix(in srgb, var(--pm-claro) 40%, transparent); }
.pm-mermaid { background: var(--pm-cartao); border: 1px solid var(--pm-linha); border-radius: 10px; padding: 12px;
  overflow-x: auto; text-align: center; }
.pm-mermaid svg { max-width: 100%; height: auto; }
.pm-mermaid[data-pronto]:not(.falhou) { cursor: zoom-in; }
.pm-zoom { border: 0; padding: 0; border-radius: 14px; background: var(--pm-cartao); color: var(--pm-tinta);
  width: min(1200px, 94vw); max-height: 92vh; box-shadow: 0 20px 60px rgba(0, 0, 0, .35); }
.pm-zoom::backdrop { background: rgba(10, 20, 15, .55); }
.pm-zoom-cab { display: flex; align-items: center; justify-content: space-between; padding: 8px 8px 8px 16px;
  border-bottom: 1px solid var(--pm-linha); font-weight: var(--v-peso-semi, 600); }
.pm-zoom-corpo { padding: 18px; overflow: auto; max-height: calc(92vh - 56px); text-align: center; }
.pm-zoom-corpo svg { max-width: none !important; width: 100%; min-width: 600px; height: auto; }
.pm-mermaid.esperando { color: var(--pm-suave); font-size: var(--v-fonte-82, .82rem); text-align: left; }
.pm-mermaid.esperando pre { display: none; }
.pm-mermaid.esperando::before { content: "desenhando o diagrama…"; }
.pm-mermaid.falhou { text-align: left; padding: 0; border: 0; background: transparent; }
.pm-mermaid .pm-aviso { font-size: var(--v-fonte-78, .78rem); color: var(--amarelo, #b7791f); margin: 0 0 4px; }
.pm-confirma { background: var(--pm-cartao); border: 1px solid var(--pm-linha); border-left: 4px solid var(--amarelo, #b7791f);
  border-radius: 10px; padding: 12px 14px; box-shadow: var(--pm-sombra); font-size: var(--v-fonte-90, .9rem); }
.pm-confirma h3 { font-size: var(--v-fonte-92, .92rem); margin: 0 0 4px; display: flex; gap: 6px; align-items: center; color: var(--pm-tinta); }
.pm-confirma p { margin: 0 0 8px; }
.pm-confirma dl { display: grid; grid-template-columns: max-content 1fr; gap: 3px 12px; margin: 0 0 10px; font-size: var(--v-fonte-84, .84rem); }
.pm-confirma dt { color: var(--pm-suave); }
.pm-confirma dd { margin: 0; overflow-wrap: anywhere; white-space: pre-wrap; }
.pm-confirma .pm-confirma-tit { font-weight: var(--v-peso-semi, 600); }
.pm-confirma .pm-destino { background: var(--pm-claro); color: var(--pm-tinta); border-radius: 8px; padding: 6px 10px;
  overflow-wrap: anywhere; }
.pm-confirma .pm-destino strong { color: var(--pm-forte-esc); font-weight: var(--v-peso-semi-forte, 650); }
.pm-confirma .pm-bloco { white-space: pre-wrap; overflow-wrap: anywhere; background: var(--pm-fundo); border: 1px solid var(--pm-linha);
  border-radius: 8px; padding: 6px 10px; margin: 0 0 8px; max-height: 16rem; overflow-y: auto; font-size: var(--v-fonte-84, .84rem); }
.pm-confirma dd .pm-bloco { margin: 0; }
.pm-confirma .pm-itens { margin: 0 0 8px; padding-left: 1.2em; font-size: var(--v-fonte-84, .84rem); }
.pm-confirma dd .pm-itens { margin: 0; }
.pm-confirma .pm-acoes { display: flex; gap: 8px; justify-content: flex-end; }
.pm-confirma:has(.pm-exclui) { border-left-color: var(--vermelho, #c0392b); }
.pm-confirma .pm-exclui { margin: 0 0 8px; font-size: var(--v-fonte-86, .86rem); color: var(--pm-tinta); }
.pm-confirma .pm-exclui strong { color: var(--vermelho, #c0392b); font-weight: var(--v-peso-semi-forte, 650); overflow-wrap: anywhere; }
.pm-confirma .pm-acoes .btn { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pm-confirma.resolvido { opacity: .75; border-left-color: var(--pm-linha); }
.pm-confirma .pm-resolucao { font-size: var(--v-fonte-82, .82rem); color: var(--pm-suave); margin: 0; }
.pm-credencial { flex: none; margin: 0 12px 8px; background: var(--pm-cartao); border: 1px solid var(--pm-linha); border-top: 3px solid var(--azul, #1f5f99);
  border-radius: 12px; padding: 12px 14px; box-shadow: var(--pm-sombra); display: grid; gap: 4px; }
.pm-credencial[hidden] { display: none; }
.pm-credencial-cab { display: flex; align-items: center; gap: 8px; color: var(--pm-tinta); }
.pm-credencial-cab svg { width: 18px; height: 18px; fill: none; stroke: var(--azul, #1f5f99); stroke-width: 2; stroke-linecap: round; }
.pm-credencial-motivo { margin: 0 0 4px; font-size: var(--v-fonte-84, .84rem); color: var(--pm-suave); }
.pm-credencial label { margin: 4px 0 0; }
.pm-credencial input { background: var(--pm-cartao); color: var(--pm-tinta); }
.pm-credencial-erro { margin: 4px 0 0; font-size: var(--v-fonte-82, .82rem); color: var(--vermelho, #c0392b); }
.pm-credencial-erro[hidden] { display: none; }
.pm-credencial-nota { margin: 4px 0 2px; font-size: var(--v-fonte-74, .74rem); color: var(--pm-suave); }
.pm-credencial-acoes { display: flex; gap: 8px; justify-content: flex-end; margin-top: 4px; }
.pm-envio { flex: none; position: relative; margin: 0 12px 12px; background: var(--pm-cartao); border: 1px solid var(--pm-linha); border-radius: 14px;
  padding: 6px 6px 4px 12px; display: grid; grid-template-columns: 1fr auto auto auto; align-items: end; gap: 6px; box-shadow: var(--pm-sombra);
  transition: border-color .15s, box-shadow .15s; }
.pm-envio:focus-within { border-color: var(--pm-forte); box-shadow: 0 0 0 3px color-mix(in srgb, var(--pm-forte) 18%, transparent); }
.pm-envio textarea { border: 0; outline: 0 !important; resize: none; padding: 7px 0; min-height: 22px; max-height: 180px;
  background: transparent; font: inherit; font-size: .94rem; line-height: 1.45; color: var(--pm-tinta); }
.pm-enviar { width: 38px; height: 38px; border-radius: 11px; border: 0; background: var(--pm-forte); color: #fff; cursor: pointer;
  display: grid; place-items: center; padding: 0; transition: background .15s, transform .1s; }
.pm-enviar:hover { background: var(--verde-esc, #04522d); }
.pm-enviar:active { transform: scale(.95); }
.pm-enviar:disabled { background: var(--pm-linha); cursor: default; }
.pm-enviar svg { width: 19px; height: 19px; fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; }
.pm-enviar .pm-i-parar { display: none; fill: currentColor; stroke: none; }
.pm-envio.ocupado .pm-enviar { background: var(--pm-tinta); }
.pm-envio.ocupado .pm-i-enviar { display: none; } .pm-envio.ocupado .pm-i-parar { display: block; }
.pm-clipe { width: 38px; height: 38px; border-radius: 11px; border: 1px solid var(--pm-linha); background: var(--pm-cartao);
  color: var(--pm-suave); cursor: pointer; display: grid; place-items: center; padding: 0; transition: color .15s, border-color .15s; }
.pm-clipe svg { width: 19px; height: 19px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.pm-clipe:hover { color: var(--pm-forte-esc); border-color: var(--pm-forte); }
.pm-clipe:focus-visible { outline: 2px solid var(--pm-forte); outline-offset: 1px; }
.pm-mic { position: relative; width: 38px; height: 38px; border-radius: 11px; border: 1px solid var(--pm-linha); background: var(--pm-cartao);
  color: var(--pm-suave); cursor: pointer; display: grid; place-items: center; padding: 0; transition: color .15s, border-color .15s, background .15s; }
.pm-mic svg { width: 19px; height: 19px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; position: relative; }
.pm-mic:hover { color: var(--pm-forte-esc); border-color: var(--pm-forte); }
.pm-mic:focus-visible { outline: 2px solid var(--pm-forte); outline-offset: 1px; }
.pm-mic.indisponivel { opacity: .45; cursor: not-allowed; }
.pm-mic.indisponivel:hover { color: var(--pm-suave); border-color: var(--pm-linha); }
.pm-mic[aria-pressed="true"] { color: #fff; background: var(--vermelho, #c0392b); border-color: var(--vermelho, #c0392b); }
.pm-mic[aria-pressed="true"]::before { content: ""; position: absolute; inset: -4px; border-radius: 14px; border: 2px solid var(--vermelho, #c0392b);
  opacity: .35; transform: scale(calc(1 + var(--nivel, 0) * .18)); transition: transform .08s linear; animation: pm-escuta 1.4s ease-in-out infinite; }
.pm-envio.transcrevendo .pm-mic[aria-pressed="true"] { background: var(--pm-suave); border-color: var(--pm-suave); }
.pm-envio.transcrevendo .pm-mic[aria-pressed="true"]::before { border-color: var(--pm-suave); }
.pm-envio.ouvindo, .pm-envio.ouvindo:focus-within { border-color: var(--vermelho, #c0392b); box-shadow: 0 0 0 3px rgba(192, 57, 43, .14); }
.pm-dica.aviso { color: var(--vermelho, #c0392b); opacity: 1; }
.pm-dica.ouvindo { color: var(--vermelho, #c0392b); opacity: 1; font-weight: var(--v-peso-semi, 600); }
@keyframes pm-escuta { 50% { opacity: .1; } }
.pm-dica { grid-column: 1 / -1; margin: 0; font-size: var(--v-fonte-70, .7rem); color: var(--pm-suave); opacity: .85; padding-bottom: 2px; }
.pm-boas .pm-md h3 { font-size: 1.04rem; color: var(--pm-forte-esc); margin-top: 0; }
.pm-boas .pm-md > ul > li { margin-top: .4em; }
.pm-md details { border: 1px solid var(--pm-linha); border-radius: 10px; margin: 0 0 .5em; background: var(--pm-fundo); }
.pm-md summary { cursor: pointer; padding: 7px 12px; font-size: var(--v-fonte-90, .9rem); border-radius: 10px; }
.pm-md summary:hover { background: var(--pm-claro); }
.pm-md summary:focus-visible { outline: 2px solid var(--pm-forte); outline-offset: 1px; }
.pm-md details[open] > summary { border-bottom: 1px solid var(--pm-linha); border-radius: 10px 10px 0 0; }
.pm-md details > :not(summary) { margin: .6em 12px; font-size: var(--v-fonte-88, .88rem); }
.pm-md details > ul ul { margin: .15em 0 .3em; }
.pm-sugestoes { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
.pm-sug-tit { font-size: var(--v-fonte-78, .78rem); color: var(--pm-suave); margin-right: 2px; }
.pm-sugestoes button { border: 1px solid var(--pm-linha); background: var(--pm-cartao); color: var(--pm-tinta); border-radius: 99px;
  padding: 6px 12px; font: inherit; font-size: var(--v-fonte-82, .82rem); cursor: pointer; text-align: left; }
.pm-sugestoes button:hover, .pm-sugestoes button:focus-visible { border-color: var(--pm-forte); color: var(--pm-forte-esc); outline: 0; }
.pm-aba-casca { font-family: inherit; }
.pm-layout:not(.recolhido) ~ .pm-aba-casca { display: none; }
@keyframes pm-gira { to { transform: rotate(360deg); } }
@keyframes pm-pula { 0%, 60%, 100% { transform: translateY(0); opacity: .45; } 30% { transform: translateY(-4px); opacity: 1; } }
@keyframes pm-pulsa { 50% { opacity: .35; } }
@keyframes pm-entra { from { opacity: 0; transform: translateY(4px); } }
@media (prefers-reduced-motion: reduce) {
  .pm-msg, .pm-digitando i, .pm-linha .pm-sinal::before, .pm-quem span.ocupada::before, .pm-mic::before { animation: none !important; }
  .pm-mensagens { scroll-behavior: auto; }
}
@media (max-width: 760px) {
  .pm-divisor { display: none; }
  .pm-painel { position: fixed; inset: 0; width: auto !important; max-width: none; min-width: 0; z-index: 20; }
  .pm-so-celular { display: inline-grid; }
  .pm-so-largo { display: none; }
  .pm-cab { padding-left: 6px; }
}
.pm-tipo { flex: none; width: 34px; height: 38px; border-radius: 6px 11px 6px 6px; display: grid; place-items: end center;
  padding-bottom: 6px; box-sizing: border-box; font: var(--v-peso-negrito, 700) var(--v-fonte-58, .58rem)/1 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  letter-spacing: .02em; color: #fff; background: var(--pm-tipo, #5b6b62); position: relative; }
.pm-tipo::before { content: ""; position: absolute; top: 0; right: 0; width: 10px; height: 10px; border-radius: 0 0 0 4px;
  background: rgba(255, 255, 255, .35); }
.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 { grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: 6px; padding: 4px 0 2px; max-height: 148px; overflow-y: auto; }
.pm-anexos[hidden] { display: none; }
.pm-chip { position: relative; display: flex; align-items: center; gap: 8px; max-width: 232px; min-width: 0;
  padding: 4px 4px 4px 4px; border: 1px solid var(--pm-linha); border-radius: 10px; background: var(--pm-fundo);
  font-size: var(--v-fonte-80, .8rem); overflow: hidden; animation: pm-entra .18s ease-out; }
.pm-chip .pm-tipo { width: 30px; height: 34px; }
.pm-chip-mini { width: 34px; height: 34px; border-radius: 7px; object-fit: cover; flex: none; background: var(--pm-cartao); }
.pm-chip-txt { display: flex; flex-direction: column; min-width: 0; line-height: 1.25; }
.pm-chip-nome { font-weight: var(--v-peso-semi, 600); color: var(--pm-tinta); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pm-chip-info { font-size: var(--v-fonte-72, .72rem); color: var(--pm-suave); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
  font-variant-numeric: tabular-nums; }
.pm-chip-x { flex: none; width: 24px; height: 24px; border: 0; border-radius: 7px; background: transparent; color: var(--pm-suave);
  display: grid; place-items: center; padding: 0; cursor: pointer; margin-left: auto; }
.pm-chip-x svg { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 2.4; stroke-linecap: round; }
.pm-chip-x:hover { background: var(--pm-claro); color: var(--pm-tinta); }
.pm-chip-x:focus-visible { outline: 2px solid var(--pm-forte); outline-offset: 0; }
.pm-chip-barra { position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background: var(--pm-linha); }
.pm-chip-barra::after { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: var(--p, 0%); background: var(--pm-forte);
  transition: width .15s linear; }
.pm-chip.subindo .pm-chip-mini, .pm-chip.subindo .pm-tipo { opacity: .6; }
.pm-chip.erro { border-color: #f0c4be; background: var(--vermelho-f, #fbeae8); }
.pm-chip.erro .pm-chip-info { color: var(--vermelho, #c0392b); white-space: normal; }
:root[data-tema="escuro"] .pm-chip.erro { background: #3a1f1c; border-color: #6b302a; }
:root[data-tema="escuro"] .pm-chip.erro .pm-chip-info { color: #ff9c90; }
.pm-soltar { position: absolute; inset: 0; z-index: 30; display: grid; place-items: center; padding: 18px;
  background: color-mix(in srgb, var(--pm-fundo) 82%, transparent); backdrop-filter: blur(2px); pointer-events: none; }
.pm-soltar[hidden] { display: none; }
.pm-soltar-caixa { width: 100%; height: 100%; max-height: 360px; border: 2px dashed var(--pm-forte); border-radius: 18px;
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; text-align: center;
  background: var(--pm-cartao); color: var(--pm-tinta); padding: 16px; box-sizing: border-box; box-shadow: var(--pm-sombra); }
.pm-soltar-caixa svg { width: 44px; height: 44px; fill: none; stroke: var(--pm-forte); stroke-width: 1.8; stroke-linecap: round;
  stroke-linejoin: round; }
.pm-soltar-caixa strong { font-size: var(--v-fonte-105, 1.05rem); }
.pm-soltar-caixa span { font-size: var(--v-fonte-82, .82rem); color: var(--pm-suave); max-width: 30ch; }
.pm-casca svg.ic { stroke-width: 1.8; }
.pm-soltar-caixa svg.ic { color: var(--pm-forte); }
.pm-credencial-cab svg.ic { color: var(--azul, #1f5f99); }
.pm-enviar .pm-i-parar.ic { width: 16px; height: 16px; }
.pm-confirma h3 svg.ic { width: 15px; height: 15px; flex: none; }
.pm-resolucao svg.ic { width: 15px; height: 15px; vertical-align: -3px; margin-right: 4px; }
.pm-pessoa-col { display: flex; flex-direction: column; align-items: flex-end; gap: 5px; max-width: 86%; min-width: 0; }
.pm-msg.pessoa .pm-pessoa-col .pm-balao { max-width: 100%; }
.pm-anexos-msg { display: flex; flex-wrap: wrap; gap: 6px; justify-content: flex-end; }
.pm-anexo-img { display: block; border-radius: 12px; overflow: hidden; border: 1px solid var(--pm-linha); background: var(--pm-cartao);
  box-shadow: var(--pm-sombra); line-height: 0; }
.pm-anexo-img img { width: 96px; height: 96px; object-fit: cover; display: block; }
.pm-anexo-img:focus-visible, .pm-anexo-arq:focus-visible { outline: 2px solid var(--pm-forte); outline-offset: 2px; }
.pm-anexo-arq { display: flex; align-items: center; gap: 8px; max-width: 240px; padding: 6px 10px 6px 6px; border-radius: 12px;
  background: var(--pm-cartao); border: 1px solid var(--pm-linha); color: var(--pm-tinta); text-decoration: none; box-shadow: var(--pm-sombra); }
.pm-anexo-arq:hover { border-color: var(--pm-forte); }
.pm-anexo-arq .pm-tipo { width: 28px; height: 32px; padding-bottom: 5px; }
.pm-anexo-txt { display: flex; flex-direction: column; min-width: 0; line-height: 1.25; }
.pm-anexo-nome { font-size: var(--v-fonte-82, .82rem); font-weight: var(--v-peso-semi, 600); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pm-anexo-tam { font-size: var(--v-fonte-72, .72rem); color: var(--pm-suave); }
.pm-arquivo { background: var(--pm-cartao); border: 1px solid var(--pm-linha); border-radius: 12px; box-shadow: var(--pm-sombra);
  overflow: hidden; max-width: 420px; }
.pm-arquivo-previa { display: block; background: var(--pm-fundo); border-bottom: 1px solid var(--pm-linha); line-height: 0; text-align: center; }
.pm-arquivo-previa img { max-width: 100%; max-height: 260px; object-fit: contain; display: inline-block; }
.pm-arquivo-previa:focus-visible { outline: 2px solid var(--pm-forte); outline-offset: -2px; }
.pm-arquivo-linha { display: flex; align-items: center; gap: 10px; padding: 10px 10px 10px 12px; }
.pm-arquivo-info { display: flex; flex-direction: column; min-width: 0; flex: 1 1 auto; line-height: 1.3; }
.pm-arquivo-nome { font-size: var(--v-fonte-88, .88rem); font-weight: var(--v-peso-semi-forte, 650); color: var(--pm-tinta); overflow-wrap: anywhere; }
.pm-arquivo-tam { font-size: var(--v-fonte-75, .75rem); color: var(--pm-suave); }
.pm-arquivo-acoes { display: flex; gap: 6px; flex: none; }
.pm-arquivo-bt { display: inline-flex; align-items: center; gap: 6px; padding: 7px 12px; border-radius: 9px; font-size: var(--v-fonte-82, .82rem);
  font-weight: var(--v-peso-semi, 600); text-decoration: none; background: var(--pm-forte); color: #fff; border: 1px solid var(--pm-forte); }
.pm-arquivo-bt:hover { background: var(--verde-esc, #04522d); color: #fff; }
.pm-arquivo-bt.sec { background: transparent; color: var(--pm-forte-esc); border-color: var(--pm-linha); }
.pm-arquivo-bt.sec:hover { border-color: var(--pm-forte); background: var(--pm-claro); color: var(--pm-forte-esc); }
.pm-arquivo-bt:focus-visible { outline: 2px solid var(--pm-forte); outline-offset: 2px; }
@media (prefers-reduced-motion: reduce) { .pm-chip { animation: none; } .pm-chip-barra::after { transition: none; } }
@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  @media screen {
    :root[data-acrilico="on"] {
      --pm-blur: 18px; --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 1px 2px rgba(16, 24, 40, .05), 0 6px 18px rgba(16, 24, 40, .08);
      --pm-sombra-painel: -10px 0 36px 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);
    }
    :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 1px 2px rgba(0, 0, 0, .25), 0 6px 18px rgba(0, 0, 0, .22);
      --pm-sombra-painel: -10px 0 36px rgba(0, 0, 0, .40);
    }
    :root[data-acrilico="on"] .pm-site, :root[data-acrilico="on"] .pm-quadro { background: transparent; }
    :root[data-acrilico="on"] .pm-painel { background: var(--acr-vidro, var(--pm-fundo)); box-shadow: var(--pm-sombra-painel); }
    :root[data-acrilico="on"] .pm-painel::before {
      content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none;
      -webkit-backdrop-filter: blur(var(--pm-blur)) saturate(var(--pm-sat));
      backdrop-filter: blur(var(--pm-blur)) saturate(var(--pm-sat)); }
    :root[data-acrilico="on"] .pm-cab { box-shadow: inset 0 -1px 0 var(--pm-brilho); }
    :root[data-acrilico="on"] .pm-msg.pamella .pm-balao, :root[data-acrilico="on"] .pm-digitando {
      border-color: var(--pm-linha); box-shadow: var(--pm-sombra), inset 0 1px 0 var(--pm-brilho); }
    :root[data-acrilico="on"] .pm-msg.pessoa .pm-balao { background: var(--pm-pessoa);
      box-shadow: var(--pm-sombra), inset 0 1px 0 rgba(255, 255, 255, .14); }
    :root[data-acrilico="on"] :is(.pm-confirma, .pm-credencial, .pm-arquivo, .pm-anexo-arq, .pm-anexo-img, .pm-envio,
      .pm-mermaid:not(.falhou)) { box-shadow: var(--pm-sombra), inset 0 1px 0 var(--pm-brilho); }
    :root[data-acrilico="on"] .pm-envio:focus-within {
      box-shadow: 0 0 0 3px color-mix(in srgb, var(--pm-forte) 22%, transparent), var(--pm-sombra); }
    :root[data-acrilico="on"] .pm-dica { opacity: 1; }
    :root[data-acrilico="on"]:not([data-tema="escuro"]) .pm-md pre :is(.hljs-doctag, .hljs-keyword, .hljs-template-tag,
      .hljs-template-variable, .hljs-type, .hljs-variable.language_) { color: #b52a37; }
    :root[data-acrilico="on"]:not([data-tema="escuro"]) .pm-md pre :is(.hljs-built_in, .hljs-symbol) { color: #a84300; }
    :root[data-acrilico="on"]:not([data-tema="escuro"]) .pm-md pre :is(.hljs-code, .hljs-comment, .hljs-formula) { color: #57606a; }
    :root[data-acrilico="on"]:not([data-tema="escuro"]) .pm-md pre :is(.hljs-name, .hljs-quote, .hljs-selector-pseudo,
      .hljs-selector-tag) { color: #1a6e2f; }
    :root[data-acrilico="on"] :is(.pm-confirma, .pm-credencial) .btn:not(.sec), :root[data-acrilico="on"] .pm-arquivo-bt:not(.sec) {
      background: var(--pm-acao); border-color: var(--pm-acao); color: #fff; }
    :root[data-acrilico="on"] :is(.pm-confirma, .pm-credencial) .btn:not(.sec):hover,
    :root[data-acrilico="on"] .pm-arquivo-bt:not(.sec):hover { background: color-mix(in srgb, var(--pm-acao) 80%, #000); }
    :root[data-acrilico="on"] :is(.pm-confirma, .pm-credencial) .btn.sec {
      background: var(--pm-cartao); border-color: var(--pm-linha); color: var(--pm-tinta); }
    :root[data-acrilico="on"] .pm-credencial input { background: var(--pm-cartao); border-color: var(--pm-linha); }
    :root[data-acrilico="on"] .pm-enviar { background: color-mix(in srgb, var(--pm-acao) 90%, transparent); }
    :root[data-acrilico="on"] .pm-envio.ocupado .pm-enviar { background: color-mix(in srgb, var(--pm-tinta) 80%, transparent); }
    :root[data-acrilico="on"] .pm-zoom { background: color-mix(in srgb, var(--pm-base) 90%, transparent);
      -webkit-backdrop-filter: blur(var(--pm-blur)) saturate(var(--pm-sat));
      backdrop-filter: blur(var(--pm-blur)) saturate(var(--pm-sat)); }
    :root[data-acrilico="on"] .pm-soltar { background: color-mix(in srgb, var(--pm-base) 70%, transparent); }
    :root[data-acrilico="on"] .pm-soltar-caixa { background: color-mix(in srgb, var(--pm-base) 82%, transparent); }
    :root[data-acrilico="on"] .pm-aba {
      background: color-mix(in srgb, var(--marca, #0b5c3f) 90%, transparent);
      -webkit-backdrop-filter: blur(var(--pm-blur)) saturate(var(--pm-sat));
      backdrop-filter: blur(var(--pm-blur)) saturate(var(--pm-sat));
      box-shadow: -3px 4px 18px rgba(16, 32, 24, .22), inset 0 1px 0 rgba(255, 255, 255, .22); }
    :root[data-acrilico="on"] .pm-aba:hover {
      box-shadow: -5px 6px 22px rgba(16, 32, 24, .3), inset 0 1px 0 rgba(255, 255, 255, .22); }
  }
}
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); }
.pm-md th, .pm-md td { overflow-wrap: break-word; word-break: normal; }

/* — visual.css */
:root[data-visual="novo"] body {
  --v-esp-1: 4px; --v-esp-2: 8px; --v-esp-3: 12px; --v-esp-4: 16px; --v-esp-5: 24px; --v-esp-6: 32px;
  --v-raio-ctrl: 8px; --v-raio: 10px; --v-raio-grande: 14px; --v-raio-pilula: 999px;
  --v-sombra-1: 0 1px 2px rgba(16, 32, 24, .06), 0 4px 12px rgba(16, 32, 24, .08);
  --v-sombra-2: 0 12px 32px rgba(16, 32, 24, .20);
  --v-fonte-58: .58rem; --v-fonte-68: .68rem; --v-fonte-70: .7rem; --v-fonte-72: .72rem; --v-fonte-74: .74rem;
  --v-fonte-75: .75rem; --v-fonte-76: .76rem; --v-fonte-78: .78rem; --v-fonte-80: .8rem; --v-fonte-82: .82rem;
  --v-fonte-84: .84rem; --v-fonte-85: .85rem; --v-fonte-86: .86rem; --v-fonte-88: .88rem; --v-fonte-90: .9rem;
  --v-fonte-92: .92rem; --v-fonte-95: .95rem; --v-fonte-100: 1rem; --v-fonte-105: 1.05rem; --v-fonte-110: 1.1rem;
  --v-fonte-112: 1.12rem; --v-fonte-115: 1.15rem; --v-fonte-135: 1.35rem; --v-fonte-155: 1.55rem;
  --v-fonte-10px: 10px; --v-fonte-11px: 11px; --v-fonte-11-5px: 11.5px; --v-fonte-12px: 12px;
  --v-fonte-12-5px: 12.5px; --v-fonte-13px: 13px; --v-fonte-13-5px: 13.5px; --v-fonte-14px: 14px;
  --v-fonte-15px: 15px; --v-fonte-16px: 16px;
  --v-peso-normal: 400; --v-peso-medio: 500; --v-peso-semi: 600; --v-peso-semi-forte: 650; --v-peso-negrito: 700;
  --v-peso-extra: 800;
  --ctl-h: 36px; --ctl-h-peq: 30px;
  --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(--grade-fundo, #fff));
}
:root[data-visual="novo"][data-tema="escuro"] body { --v-cab: color-mix(in srgb, #fff 9%, var(--grade-fundo, #17211c)); }
:root[data-visual="novo"]:not([data-tema="escuro"]) body { --amarelo: #8a5a0f;
  --e-suave: var(--suave); --e-apagado: #667469; }
: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"]) body { accent-color: var(--verde); }
:where(:root[data-visual="novo"]) ::selection { background: color-mix(in srgb, var(--verde) 26%, transparent); }
:where(:root[data-visual="novo"]) .btn {
  min-height: var(--ctl-h); padding-block: 0; line-height: 1.2; justify-content: center; box-sizing: border-box;
  border-radius: var(--v-raio-ctrl); background: var(--v-acao); border-color: var(--v-acao);
  vertical-align: middle; }
: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"]) .btn:is(:disabled, [aria-disabled="true"]) { opacity: .5; cursor: not-allowed; }
:root[data-visual="novo"]:not([data-tema="escuro"]) .btn.alerta { background: #94600f; border-color: #94600f; }
:where(:root[data-visual="novo"]) :is(.acoes, .filtros) { --linha-h: var(--ctl-h); align-items: center; }
:where(:root[data-visual="novo"]) :is(.acoes, .filtros):has(> .btn.peq, > * > .btn.peq) { --linha-h: var(--ctl-h-peq); }
:where(:root[data-visual="novo"]) .filtros:has(> div > label + :is(input, select)) { align-items: end; }
:where(:root[data-visual="novo"]) :is(.acoes, .filtros) > :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); box-sizing: border-box; }
: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: 10px; font-size: var(--v-fonte-85, .85rem); }
:where(:root[data-visual="novo"]) :is(.acoes, .filtros) > :is(.chip, .selo) {
  display: inline-flex; align-items: center; padding-block: 0; }
:where(:root[data-visual="novo"]) .grade > :is(.c2, .c3, .c4, .c5, .c6, .c8):has(> .card:only-child) {
  display: flex; flex-direction: column; }
:where(:root[data-visual="novo"]) .grade > :is(.c2, .c3, .c4, .c5, .c6, .c8) > .card:only-child { flex: 1; }
:root[data-visual="novo"] .btn.whats { background: #17733f; border-color: #17733f; }
: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); box-sizing: border-box; }
: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: 10px; border: 1px solid var(--e-linha-forte, #c5d3ca); background: var(--e-campo, #fff);
  color: var(--tinta); 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); box-sizing: border-box; }
:where(:root[data-visual="novo"]) .selo { line-height: 1.45; vertical-align: middle; }
:where(:root[data-visual="novo"]) .abas a { font-weight: var(--v-peso-semi, 600); }
:where(:root[data-visual="novo"]) :is(.num, .etapas li.feito .bola) { background: var(--v-acao); border-color: var(--v-acao); }
:root[data-visual="novo"] .kpi .v.verde { color: var(--verde-esc); }
:where(:root[data-visual="novo"]) :is(a, button, summary, [tabindex]:not([tabindex="-1"]), .btn):focus-visible {
  outline: 2px solid var(--v-foco); outline-offset: 2px; }
:root[data-visual="novo"] .tm-aba:focus-visible, :root[data-visual="novo"] .tm-foto:focus-visible {
  outline-color: var(--v-foco); }
:where(:root[data-visual="novo"]) table.t th { text-transform: none; letter-spacing: 0; font-weight: var(--v-peso-semi-forte, 650); background: var(--v-cab); }
:where(:root[data-visual="novo"]) .kpi .r { text-transform: none; letter-spacing: 0; font-weight: var(--v-peso-semi, 600); }
:where(:root[data-visual="novo"] table:not(.ficha):not([class*="fp-"]):not(.rom-linhas) tr:nth-child(even) > td) { background-color: var(--v-zebra); }
:where(:root[data-visual="novo"] table:not(.ficha):not([class*="fp-"]):not(.rom-linhas) tr:first-child:has(> th):not(:has(> td)) ~ tr:nth-child(even) > td) {
  background-color: transparent; }
:where(:root[data-visual="novo"] table:not(.ficha):not([class*="fp-"]):not(.rom-linhas) tr:first-child:has(> th):not(:has(> td)) ~ tr:nth-child(odd) > td) {
  background-color: var(--v-zebra); }
:root[data-visual="novo"] :is(ul.historico > li) { padding-inline: var(--v-esp-2); }
:where(:root[data-visual="novo"] :is(ul.historico > li:nth-child(even))) {
  background-color: var(--v-zebra); }
:where(:root[data-visual="novo"] table:not(.ficha):not([class*="fp-"]):not(.rom-linhas) tr:has(> td):hover > td) { background-color: var(--v-linha-hover); }
:where(:root[data-visual="novo"]) tr[onclick] { cursor: pointer; }
:where(:root[data-visual="novo"]) dialog { border-radius: var(--v-raio-grande); box-shadow: var(--v-sombra-2); }
:where(:root[data-visual="novo"]) .vazio { color: var(--suave); }

/* — componentes.css */
.toast { position: fixed; left: 50%; bottom: 24px; transform: translateX(-50%); z-index: 1100; max-width: min(560px, calc(100vw - 32px));
  background: var(--e-tinta-forte, var(--tinta)); color: #fff; padding: 10px 16px; border-radius: 8px; font-size: var(--v-fonte-92, .92rem);
  box-shadow: 0 6px 24px rgba(0, 0, 0, .2); }
.toast.erro { background: var(--e-vermelho-forte, var(--vermelho)); }
.toast[hidden] { display: none; }
@media (prefers-reduced-motion: no-preference) {
  .toast:not([hidden]) { animation: toast-entra .18s ease-out; }
  @keyframes toast-entra { from { opacity: 0; transform: translate(-50%, 8px); } }
}
:where(:root[data-visual="novo"]) a.chip { text-decoration: none; }
@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  :where(:root[data-visual="novo"][data-acrilico="on"]) .toast {
    background: color-mix(in srgb, var(--e-tinta-forte, var(--tinta)) 88%, transparent);
    -webkit-backdrop-filter: blur(var(--acr-blur, 14px)); backdrop-filter: blur(var(--acr-blur, 14px)); }
}

/* — navegacao.css */
:where(:root[data-visual="novo"]) body.nav-lateral {
  --sb-larga: 248px; --sb-estreita: 64px; --sb-l: var(--sb-larga); --barra-h: 56px;
  --side-bg: var(--branco, #fff);
  --side-text: var(--tinta, #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);
  --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: 0px; }
@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-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) 40%, #000);
  }
}
:where(:root[data-visual="novo"]) body.nav-lateral { padding-left: var(--sb-l); padding-top: var(--barra-h);
  transition: padding-left .2s ease; }
:where(:root[data-visual="novo"]:has(> body.nav-lateral)) { scroll-padding-top: 72px; }
:where(:root[data-visual="novo"]) body.nav-lateral .pagina { max-width: none; margin-inline: 0; padding-inline: 24px; }
:where(:root[data-visual="novo"] body.nav-lateral .pagina p) { max-width: 100ch; }
:where(:root[data-visual="novo"][data-nb-nav]) #nb-troca { visibility: hidden; }
:where(:root[data-visual="novo"]) .nb-carregando { position: fixed; top: var(--barra-h); left: var(--sb-l); right: 0;
  z-index: 5; display: grid; justify-items: center; padding: 48px 24px; pointer-events: none; }
:where(:root[data-visual="novo"]) .nb-carregando[hidden] { display: none; }
:where(:root[data-visual="novo"]) .nb-carregando > .estado { pointer-events: auto; width: min(460px, 100%); }
:where(:root[data-visual="novo"]) .nb-sr { position: absolute; width: 1px; height: 1px; overflow: hidden;
  clip-path: inset(50%); white-space: nowrap; }
:where(:root[data-visual="novo"]) svg.ic { flex: none; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
:where(:root[data-visual="novo"]) .sb {
  position: fixed; top: 0; bottom: 0; left: 0; z-index: 850; width: var(--sb-l); display: flex;
  flex-direction: column; overflow: hidden; background: var(--side-bg); color: var(--side-text);
  border-right: 1px solid var(--side-border); font-size: var(--v-fonte-13-5px, 13.5px); transition: width .2s ease; }
:where(:root[data-visual="novo"]) :where(.sb ul) { list-style: none; margin: 0; padding: 0; }
:where(:root[data-visual="novo"]) :where(.sb a, .sb button) { font-family: inherit; }
:where(:root[data-visual="novo"]) .sb :is(a, button):focus-visible { outline: 2px solid var(--side-destaque);
  outline-offset: -2px; }
:where(:root[data-visual="novo"]) .sb-topo { flex: none; height: var(--barra-h); display: flex; align-items: center;
  gap: 8px; padding: 0 10px 0 16px; border-bottom: 1px solid var(--side-border); }
:where(:root[data-visual="novo"]) .sb-marca { display: flex; align-items: center; gap: 10px; min-width: 0; flex: 1;
  height: 40px; color: var(--side-forte); text-decoration: none; border-radius: 8px; }
:where(:root[data-visual="novo"]) .sb-marca-nome { font-size: 18px; font-weight: var(--v-peso-negrito, 700); white-space: nowrap;
  overflow: hidden; text-overflow: ellipsis; }
:where(:root[data-visual="novo"]) .sb-simbolo { display: none; width: 32px; height: 32px; border-radius: 8px;
  place-items: center; background: var(--v-acao, var(--verde)); color: #fff; font-size: var(--v-fonte-16px, 16px); font-weight: var(--v-peso-negrito, 700); }
:where(:root[data-visual="novo"]) .sb-fechar { display: none; width: 40px; height: 40px; place-items: center;
  border: 0; border-radius: 8px; background: none; color: var(--side-text); cursor: pointer; }
:where(:root[data-visual="novo"]) .sb-conta { display: none; }
:where(:root[data-visual="novo"]) .sb-nav { flex: 1; overflow-x: hidden; overflow-y: auto; padding: 8px;
  scrollbar-width: thin; scrollbar-color: var(--side-border) transparent; }
:where(:root[data-visual="novo"]) .sb-cat { margin-top: 2px; }
:where(:root[data-visual="novo"]) .sb-cat.sb-solta { margin-top: 0; }
:where(:root[data-visual="novo"]) .sb-grupo { display: flex; align-items: center; gap: 8px; margin: 16px 10px 0;
  color: var(--side-muted); font-size: var(--v-fonte-11-5px, 11.5px); font-weight: var(--v-peso-semi, 600); }
:where(:root[data-visual="novo"]) .sb-grupo::after { content: ""; flex: 1; border-top: 1px solid var(--side-border); }
:where(:root[data-visual="novo"]) .sb-cat.sb-apoio { margin-top: 4px; }
:where(:root[data-visual="novo"]) .sb-cat-bt { display: flex; align-items: center; gap: 6px; width: 100%;
  min-height: 34px; padding: 0 8px 0 10px; border: 0; border-radius: 8px; background: none; cursor: pointer;
  color: var(--side-muted); font-size: var(--v-fonte-12-5px, 12.5px); font-weight: var(--v-peso-semi, 600); text-align: left; }
:where(:root[data-visual="novo"]) .sb-cat-bt[aria-expanded="true"] { color: var(--side-text); }
:where(:root[data-visual="novo"]) :is(.sb-cat-bt, .sb-mod, .sb-recolher) .sb-rot { flex: 1; min-width: 0;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
:where(:root[data-visual="novo"]) .sb-seta { opacity: .75; transition: transform .2s ease; }
:where(:root[data-visual="novo"]) .sb-cat-bt:is(:hover, [aria-expanded="true"]) > .sb-seta { opacity: 1; }
:where(:root[data-visual="novo"]) [aria-expanded="false"] > .sb-seta { transform: rotate(-90deg); }
:where(:root[data-visual="novo"]) .sb-cat-lista.sb-anima { overflow: hidden; }
:where(:root[data-visual="novo"]) .sb-mod { position: relative; display: flex; align-items: center; gap: 10px;
  width: 100%; min-height: 38px; padding: 0 10px; border: 0; border-radius: 8px; background: none; cursor: pointer;
  color: var(--side-text); font-size: var(--v-fonte-13-5px, 13.5px); font-weight: var(--v-peso-semi, 600); text-align: left; text-decoration: none; }
:where(:root[data-visual="novo"]) :is(.sb-mod.ativo, .sb-mod[aria-current="page"]) { background: var(--side-active);
  color: var(--side-forte); }
:where(:root[data-visual="novo"]) :is(.sb-cat-bt, .sb-mod, .sb-recolher):hover {
  background: var(--side-hover); color: var(--side-forte); }
:where(:root[data-visual="novo"]) .sb-mod.ativo:hover { background: var(--side-active); }
:where(:root[data-visual="novo"]) .sb-cat[data-ativa] > .sb-cat-bt { color: var(--side-forte); }
:where(:root[data-visual="novo"]) .sb-mod[aria-current]::before { content: ""; position: absolute; left: -8px;
  top: 8px; bottom: 8px; width: 3px; border-radius: 2px; background: var(--side-destaque); }
:where(:root[data-visual="novo"]) .sb-n { flex: none; min-width: 20px; height: 18px; padding: 0 6px; display: inline-grid;
  place-items: center; border-radius: 999px; background: var(--side-n); color: var(--side-forte); font-size: var(--v-fonte-11px, 11px);
  font-weight: var(--v-peso-negrito, 700); font-variant-numeric: tabular-nums; }
:where(:root[data-visual="novo"]) .sb-n[hidden] { display: none; }
:where(:root[data-visual="novo"]) .sb-n.alerta { background: var(--e-vermelho-forte, #c0392b); color: #fff; }
:where(:root[data-visual="novo"]) .sb-pe { flex: none; padding: 8px; border-top: 1px solid var(--side-border); }
:where(:root[data-visual="novo"]) .sb-recolher { display: flex; align-items: center; gap: 10px; width: 100%;
  min-height: 36px; padding: 0 10px; border: 0; border-radius: 8px; background: none; cursor: pointer;
  color: var(--side-muted); font-size: var(--v-fonte-12-5px, 12.5px); font-weight: var(--v-peso-semi, 600); text-align: left; }
:where(:root[data-visual="novo"]) .sb-ic-abrir { display: none; }
:where(:root[data-visual="novo"][data-sb="min"]) .sb-ic-abrir { display: block; }
:where(:root[data-visual="novo"][data-sb="min"]) .sb-ic-fechar { display: none; }
:where(:root[data-visual="novo"]) .sb-busca { flex: none; position: relative; display: flex; align-items: center;
  padding: 10px 10px 4px; }
:where(:root[data-visual="novo"]) .sb-busca input { width: 100%; height: var(--ctl-h, 36px); margin: 0;
  padding: 0 30px 0 32px; border: 1px solid var(--side-muted); border-radius: 8px; background: transparent;
  color: var(--side-forte); font: inherit; font-size: var(--v-fonte-13px, 13px); }
:where(:root[data-visual="novo"]) .sb-busca input::placeholder { color: var(--side-muted); opacity: 1; }
:where(:root[data-visual="novo"]) .sb-busca input::-webkit-search-cancel-button { -webkit-appearance: none; appearance: none; }
:where(:root[data-visual="novo"]) .sb-busca input:focus-visible { outline: 2px solid var(--side-destaque); outline-offset: -1px; }
:where(:root[data-visual="novo"]) .sb-busca-ic { position: absolute; left: 20px; color: var(--side-muted);
  pointer-events: none; }
:where(:root[data-visual="novo"]) .sb-busca-kbd { position: absolute; right: 18px; min-width: 18px; height: 18px;
  display: grid; place-items: center; border: 1px solid var(--side-border); border-radius: 4px;
  color: var(--side-muted); font: var(--v-peso-semi, 600) var(--v-fonte-11px, 11px)/1 inherit; pointer-events: none; }
:where(:root[data-visual="novo"]) .sb-busca input:is(:focus, :not(:placeholder-shown)) ~ .sb-busca-kbd { display: none; }
:where(:root[data-visual="novo"]) .sb-busca-bt { display: none; width: 44px; height: var(--ctl-h, 36px); padding: 0;
  place-items: center; border: 0; border-radius: 8px; background: none; color: var(--side-text); cursor: pointer; }
:where(:root[data-visual="novo"]) .sb-busca-bt:hover { background: var(--side-hover); color: var(--side-forte); }
:where(:root[data-visual="novo"]) .sb-res-caixa { flex: 1; min-height: 0; overflow-y: auto; padding: 4px 8px 8px;
  scrollbar-width: thin; scrollbar-color: var(--side-border) transparent; }
:where(:root[data-visual="novo"]) .sb-res-caixa[hidden], :where(:root[data-visual="novo"]) .sb.buscando .sb-nav { display: none; }
:where(:root[data-visual="novo"]) .sb-r { display: grid; gap: 1px; padding: 7px 10px; border-radius: 8px; cursor: pointer;
  color: var(--side-text); }
:where(:root[data-visual="novo"]) .sb-r[aria-selected="true"] { background: var(--side-active); color: var(--side-forte);
  box-shadow: inset 3px 0 0 var(--side-destaque); }
:where(:root[data-visual="novo"]) .sb-r-rot { font-size: var(--v-fonte-13-5px, 13.5px); font-weight: var(--v-peso-semi, 600); }
:where(:root[data-visual="novo"]) .sb-r-cam { color: var(--side-muted); font-size: var(--v-fonte-12px, 12px); overflow-wrap: anywhere; }
:where(:root[data-visual="novo"]) .sb-res-vazio { margin: 8px 10px; color: var(--side-muted); font-size: var(--v-fonte-12-5px, 12.5px); }
:where(:root[data-visual="novo"]) .sb-res-vazio[hidden] { display: none; }
:where(:root[data-visual="novo"]) .sb-r-grupo { margin: 10px 10px 2px; color: var(--side-muted); font-size: var(--v-fonte-11px, 11px);
  font-weight: var(--v-peso-negrito, 700); letter-spacing: .04em; text-transform: uppercase; }
:where(:root[data-visual="novo"]) .sb-r-grupo:first-child { margin-top: 4px; }
:where(:root[data-visual="novo"]) .sb-r-todos { margin-top: 6px; border-top: 1px solid var(--side-border);
  border-radius: 0 0 8px 8px; }
:where(:root[data-visual="novo"]) .sb-r-todos .sb-r-rot { color: var(--side-destaque); }
:where(:root[data-visual="novo"][data-sb="min"]:not([data-sb-cel])) .sb-busca { justify-content: center; padding: 8px 0 0; }
:where(:root[data-visual="novo"][data-sb="min"]:not([data-sb-cel])) .sb-busca > :not(.sb-busca-bt) { display: none; }
:where(:root[data-visual="novo"][data-sb="min"]:not([data-sb-cel])) .sb-busca-bt { display: grid; }
:where(:root[data-visual="novo"][data-sb-cel]) .sb-busca input { height: 40px; font-size: var(--v-fonte-16px, 16px); }
:where(:root[data-visual="novo"][data-sb-cel]) .sb-busca-kbd { display: none; }
:where(:root[data-visual="novo"][data-sb="min"]:not([data-sb-cel])) .sb-grupo { display: none; }
:where(:root[data-visual="novo"][data-sb="min"]:not([data-sb-cel])) .sb .sb-rot { position: absolute; width: 1px;
  height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
:where(:root[data-visual="novo"][data-sb="min"]:not([data-sb-cel])) .sb :is(.sb-seta, .sb-cat-bt, .sb-marca-nome) {
  display: none; }
:where(:root[data-visual="novo"][data-sb="min"]:not([data-sb-cel])) .sb-topo { padding: 0; justify-content: center; }
:where(:root[data-visual="novo"][data-sb="min"]:not([data-sb-cel])) .sb-marca { flex: none; justify-content: center; width: 44px; }
:where(:root[data-visual="novo"][data-sb="min"]:not([data-sb-cel])) .sb-simbolo { display: grid; }
:where(:root[data-visual="novo"][data-sb="min"]:not([data-sb-cel])) .sb-cat { margin-top: 6px; padding-top: 6px;
  border-top: 1px solid var(--side-border); }
:where(:root[data-visual="novo"][data-sb="min"]:not([data-sb-cel])) .sb-cat.sb-solta { margin-top: 0; padding-top: 0; border-top: 0; }
:where(:root[data-visual="novo"][data-sb="min"]:not([data-sb-cel])) .sb-cat-lista[hidden] { display: block; }
:where(:root[data-visual="novo"][data-sb="min"]:not([data-sb-cel])) :is(.sb-mod, .sb-recolher) {
  justify-content: center; gap: 0; padding: 0; }
:where(:root[data-visual="novo"][data-sb="min"]:not([data-sb-cel])) .sb-n { position: absolute; top: 5px; right: 9px;
  min-width: 0; width: 8px; height: 8px; padding: 0; font-size: 0; background: var(--side-destaque); }
:where(:root[data-visual="novo"]) #sb-balao { position: fixed; z-index: 1300; pointer-events: none; padding: 5px 10px;
  border-radius: 6px; background: var(--side-balao); color: #fff; font-size: var(--v-fonte-12-5px, 12.5px); font-weight: var(--v-peso-semi, 600);
  white-space: nowrap; box-shadow: var(--v-sombra-1); opacity: 0; translate: -4px -50%;
  transition: opacity .12s ease, translate .12s ease; }
:where(:root[data-visual="novo"]) #sb-balao.on { opacity: 1; translate: 0 -50%; }
:where(:root[data-visual="novo"]) #sb-balao.embaixo { translate: -50% -4px; }
:where(:root[data-visual="novo"]) #sb-balao.embaixo.on { translate: -50% 0; }
:where(:root[data-visual="novo"]) .nb-barra { position: fixed; top: 0; right: 0; left: var(--sb-l); z-index: 800;
  height: var(--barra-h); display: flex; align-items: center; gap: 12px; padding: 0 16px 0 20px;
  background: var(--e-cartao, #fff); color: var(--tinta); border-bottom: 1px solid var(--linha);
  transition: left .2s ease; }
:where(:root[data-visual="novo"]) .nb-bt-ic { position: relative; width: var(--ctl-h, 36px); height: var(--ctl-h, 36px);
  display: inline-grid; place-items: center; flex: none; padding: 0; border: 0; border-radius: 8px; background: none;
  color: var(--suave); cursor: pointer; text-decoration: none; list-style: none; }
:where(:root[data-visual="novo"]) .nb-bt-ic::-webkit-details-marker { display: none; }
:where(:root[data-visual="novo"]) .nb-bt-ic:hover { background: var(--e-sutil, #eef1f0); color: var(--tinta); }
:where(:root[data-visual="novo"]) .nb-tema .nb-tema-sol { display: none; }
:where(:root[data-visual="novo"][data-tema="escuro"]) .nb-tema .nb-tema-sol { display: block; }
:where(:root[data-visual="novo"][data-tema="escuro"]) .nb-tema .nb-tema-lua { display: none; }
:where(:root[data-visual="novo"]) .nb-menu { display: none; margin-left: -6px; color: var(--tinta); }
:where(:root[data-visual="novo"]) .nb-lado { flex: none; display: flex; align-items: center; gap: 6px; margin-left: auto; }
:where(:root[data-visual="novo"]) .nb-barra:has(.nb-busca) .trilha-nav { flex: 1 1 0; min-width: 0; overflow: hidden; }
:where(:root[data-visual="novo"]) .nb-barra:has(.nb-busca) .nb-lado { flex: 1 1 0; justify-content: flex-end; }
:where(:root[data-visual="novo"]) .nb-barra .quem-badge { display: inline-flex; align-items: center; gap: 6px;
  height: var(--ctl-h, 36px); max-width: 200px; padding: 0 12px 0 10px; border-radius: 999px;
  background: var(--verde-claro); color: var(--verde-esc); font-size: var(--v-fonte-12-5px, 12.5px); font-weight: var(--v-peso-semi, 600); }
:where(:root[data-visual="novo"]) .nb-barra .quem-badge > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
:where(:root[data-visual="novo"]) .nb-barra .sair-icone { width: var(--ctl-h, 36px); height: var(--ctl-h, 36px);
  display: inline-grid; place-items: center; border-radius: 50%; color: var(--suave); }
:where(:root[data-visual="novo"]) .nb-barra .sair-icone:is(:hover, :focus-visible) { background: var(--vermelho-f);
  color: var(--vermelho); }
:where(:root[data-visual="novo"]) .nb-busca { position: relative; flex: 0 1 300px; min-width: 150px; margin: 0; }
:where(:root[data-visual="novo"]) .nb-busca input { width: 100%; height: var(--ctl-h, 36px); padding: 0 10px 0 32px;
  border: 1px solid var(--linha); border-radius: 8px; background: var(--e-campo, #fff); color: var(--tinta);
  font: inherit; font-size: var(--v-fonte-13px, 13px); }
:where(:root[data-visual="novo"]) .nb-busca-ic { position: absolute; left: 10px; top: 50%; translate: 0 -50%;
  color: var(--suave); pointer-events: none; }
:where(:root[data-visual="novo"]) .nb-busca-bt { display: none; }
:where(:root[data-visual="novo"]) .nb-barra .nb-busca { flex: 0 1 720px; min-width: 240px; }
:where(:root[data-visual="novo"]) .nb-barra .nb-busca input { height: 40px; padding: 0 16px 0 40px; border-radius: 999px;
  font-size: var(--v-fonte-15px, 15px); }
:where(:root[data-visual="novo"]) .nb-barra .nb-busca input:focus { border-color: var(--verde);
  outline: 2px solid var(--v-foco, var(--verde-esc)); outline-offset: 1px; }
:where(:root[data-visual="novo"]) .nb-barra .nb-busca-ic { left: 15px; }
:where(:root[data-visual="novo"]) .nb-sino-itens { margin: 0; padding: 0; list-style: none; }
:where(:root[data-visual="novo"]) .nb-sino-itens a b { margin-left: auto; font-variant-numeric: tabular-nums; }
:where(:root[data-visual="novo"]) .nb-sino-vazio { margin: 4px 10px 8px; color: var(--suave); font-size: var(--v-fonte-13px, 13px); }
:where(:root[data-visual="novo"]) :is(.nb-sino-itens, .nb-sino-vazio, .nb-sino-n)[hidden] { display: none; }
:where(:root[data-visual="novo"]) .nb-sino-n { position: absolute; top: 2px; right: 1px; min-width: 16px; height: 16px;
  padding: 0 4px; display: grid; place-items: center; border-radius: 999px; font-size: 10.5px; font-weight: var(--v-peso-negrito, 700);
  background: var(--e-vermelho-forte, var(--vermelho)); color: #fff; font-variant-numeric: tabular-nums; }
:where(:root[data-visual="novo"]) .trilha-nav { flex: 1 1 auto; min-width: 0; display: flex; align-items: center;
  min-height: var(--ctl-h, 36px); }
:where(:root[data-visual="novo"]) .trilha { display: flex; align-items: center; min-width: 0; margin: 0; padding: 0;
  list-style: none; font-size: var(--v-fonte-13px, 13px); white-space: nowrap; }
:where(:root[data-visual="novo"]) .trilha li { display: flex; align-items: center; min-width: 0; flex: 0 100 auto; }
:where(:root[data-visual="novo"]) .trilha li:is(:first-child, :last-child) { flex-shrink: 1; }
:where(:root[data-visual="novo"]) .trilha li:last-child { min-width: 4em; }
:where(:root[data-visual="novo"]) .trilha li + li::before { content: "›"; content: "›" / ""; flex: none; margin: 0 7px;
  color: var(--e-apagado, #8a9a92); }
:where(:root[data-visual="novo"]) .trilha :is(a, span) { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
:where(:root[data-visual="novo"]) .trilha a { color: var(--suave); text-decoration: none; border-radius: 4px; }
:where(:root[data-visual="novo"]) .trilha a:hover { color: var(--tinta); text-decoration: underline; }
:where(:root[data-visual="novo"]) .trilha [aria-current="page"] { color: var(--tinta); font-weight: var(--v-peso-semi, 600); }
:where(:root[data-visual="novo"]) .nb-pop-lista form { margin: 0; }
:where(:root[data-visual="novo"]) .nb-pop-lista form .btn { width: 100%; justify-content: flex-start; min-height: 36px;
  padding: 0 10px; border: 0; background: none; color: var(--tinta); font-weight: var(--v-peso-medio, 500); }
:where(:root[data-visual="novo"]) .nb-pop-lista form .btn:hover { background: var(--e-sutil, #eef1f0); }
:where(:root[data-visual="novo"][data-sb-cel]) .sb { z-index: 1200; width: min(288px, 86vw); visibility: hidden;
  transform: translateX(-100%); transition: transform .2s ease, visibility 0s linear .2s; }
:where(:root[data-visual="novo"][data-sb-cel]) .sb.aberta { visibility: visible; transform: none;
  transition: transform .2s ease; box-shadow: var(--v-sombra-2); }
:where(:root[data-visual="novo"]) .sb-veu { display: none; }
:where(:root[data-visual="novo"][data-sb-cel]) .sb-veu:not([hidden]) { display: block; position: fixed; inset: 0;
  z-index: 1190; background: rgba(8, 16, 12, .45); }
:where(:root[data-visual="novo"][data-sb-cel]) .sb-fechar { display: grid; }
:where(:root[data-visual="novo"][data-sb-cel]) .sb-pe { display: none; }
:where(:root[data-visual="novo"][data-sb-cel]) .sb-conta { display: grid; gap: 8px; padding: 10px 16px;
  border-bottom: 1px solid var(--side-border); }
:where(:root[data-visual="novo"][data-sb-cel]) .sb-quem { display: flex; align-items: center; gap: 8px; min-width: 0;
  color: var(--side-forte); font-weight: var(--v-peso-semi, 600); }
:where(:root[data-visual="novo"][data-sb-cel]) .sb-quem > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
:where(:root[data-visual="novo"][data-sb-cel]) :is(.sb-mod, .sb-cat-bt) { min-height: 40px; }
:where(:root[data-visual="novo"][data-sb-cel]) .nb-menu { display: inline-grid; }
:where(:root[data-visual="novo"][data-sb-cel]) .nb-barra { padding: 0 10px; gap: 8px; }
:where(:root[data-visual="novo"][data-quadro]) .nb-sino { display: none; }
:where(:root[data-visual="novo"][data-quadro]) .nb-barra .quem-badge { width: var(--ctl-h, 36px); padding: 0;
  justify-content: center; }
:where(:root[data-visual="novo"][data-quadro]) .nb-barra .quem-badge > span { position: absolute; width: 1px; height: 1px;
  overflow: hidden; clip-path: inset(50%); }
@media (max-width: 1100px) {
  :where(:root[data-visual="novo"]) .nb-barra .quem-badge { max-width: 150px; }
}
@media (max-width: 700px) {
  :where(:root[data-visual="novo"]) .nb-barra { padding: 0 8px; gap: 4px; }
  :where(:root[data-visual="novo"]) body.nav-lateral .pagina { padding-inline: 16px; }
  :where(:root[data-visual="novo"]) .nb-lado { gap: 2px; }
  :where(:root[data-visual="novo"]) .nb-barra .quem-badge { width: var(--ctl-h, 36px); padding: 0; justify-content: center; }
  :where(:root[data-visual="novo"]) .nb-barra .quem-badge > span { position: absolute; width: 1px; height: 1px;
    overflow: hidden; clip-path: inset(50%); }
  :where(:root[data-visual="novo"]) .nb-busca-bt { display: inline-grid; }
  :where(:root[data-visual="novo"]) .nb-busca { display: none; }
  :where(:root[data-visual="novo"]) .nb-barra.busca-aberta .nb-busca { display: block; position: absolute; left: 0;
    right: 0; top: 100%; padding: 8px; background: var(--e-cartao, #fff); border-bottom: 1px solid var(--linha); }
  :where(:root[data-visual="novo"]) .nb-barra.busca-aberta .nb-busca-ic { left: 18px; }
  :where(:root[data-visual="novo"]) .nb-busca input { font-size: var(--v-fonte-16px, 16px); }
  :where(:root[data-visual="novo"]) .trilha li:not(.pai):not(:last-child) { display: none; }
  :where(:root[data-visual="novo"]) .trilha li.pai { flex: 0 3 auto; max-width: 45%; }
  :where(:root[data-visual="novo"]) .trilha li.pai::before { content: none; }
  :where(:root[data-visual="novo"]) .trilha li.pai a::before { content: "‹"; content: "‹" / ""; margin-right: 4px; }
  :where(:root[data-visual="novo"]) .trilha li:last-child::before { content: ""; margin: 0 4px; }
}
@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, .88); --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); }
    :where(:root[data-visual="novo"][data-acrilico="on"][data-tema="escuro"]) body.nav-lateral {
      --side-bg: rgba(16, 24, 20, .88); --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); }
    :where(:root[data-visual="novo"][data-acrilico="on"]) .sb {
      -webkit-backdrop-filter: blur(calc(var(--acr-blur) + 6px)) saturate(var(--acr-sat));
      backdrop-filter: blur(calc(var(--acr-blur) + 6px)) saturate(var(--acr-sat));
      box-shadow: 0 8px 32px var(--acr-sombra), inset -1px 0 0 var(--acr-brilho); }
    :where(:root[data-visual="novo"][data-acrilico="on"]) .nb-barra {
      background: var(--acr-vidro); border-bottom-color: var(--acr-borda); }
    :where(:root[data-visual="novo"][data-acrilico="on"]) :is(.nb-pop-lista, .nb-barra.busca-aberta .nb-busca) {
      background: color-mix(in srgb, var(--acr-base) 84%, transparent); border-color: var(--acr-borda); }
    :where(:root[data-visual="novo"][data-acrilico="on"]) .nb-carregando { bottom: 0; align-content: start;
      background: var(--acr-vidro);
      -webkit-backdrop-filter: blur(var(--acr-blur)) saturate(var(--acr-sat));
      backdrop-filter: blur(var(--acr-blur)) saturate(var(--acr-sat)); }
    :where(:root[data-visual="novo"][data-acrilico="on"][data-acrilico-modo="blocos"]) .nb-carregando {
      background: none; -webkit-backdrop-filter: none; backdrop-filter: none; }
    :where(:root[data-visual="novo"][data-acrilico="on"][data-acrilico-modo="blocos"]) #nb-carregando > .estado {
      background: var(--acr-vidro); border-color: var(--acr-borda);
      box-shadow: 0 8px 32px var(--acr-sombra), inset 0 1px 0 var(--acr-brilho); }
  }
}
@media (prefers-reduced-motion: reduce) {
  :where(:root[data-visual="novo"]) :is(body.nav-lateral, .sb, .nb-barra, .sb-seta, #sb-balao) { transition: none; }
  :where(:root[data-visual="novo"][data-sb-cel]) :is(.sb, .sb.aberta) { transition: none; }
}
@media print {
  :where(:root[data-visual="novo"]) :is(.sb, .sb-veu, .nb-barra, #sb-balao, .pagina-topo) {
    display: none !important; }
  :where(:root[data-visual="novo"]) body.nav-lateral { padding: 0; }
}

/* — lateral.css */
:where(:root[data-visual="novo"]) .nb-lat-lista { display: grid; gap: 1px; margin: 0; padding: 0; list-style: none; }
:where(:root[data-visual="novo"]) .nb-lat-item { display: flex; align-items: flex-start; gap: 8px; min-height: 32px;
  padding: 7px 8px; border-radius: 6px; color: var(--tinta); font-size: var(--v-fonte-13px, 13px); font-weight: var(--v-peso-medio, 500); line-height: 1.35;
  text-decoration: none; }
:where(:root[data-visual="novo"]) .nb-lat-item > svg { margin-top: 1px; color: var(--suave); }
:where(:root[data-visual="novo"]) .nb-lat-rot { flex: 1; min-width: 0; overflow-wrap: anywhere; }
:where(:root[data-visual="novo"]) .nb-lat-item:hover { background: var(--e-sutil, #eef1f0); }
:where(:root[data-visual="novo"]) .nb-lat-item:focus-visible { outline: 2px solid var(--verde); outline-offset: -2px; }
:where(:root[data-visual="novo"]) .nb-lat-item[aria-current="page"] { background: var(--verde-claro);
  color: var(--verde-esc); box-shadow: inset 3px 0 0 var(--verde); }
:where(:root[data-visual="novo"]) .nb-lat-item[aria-current="page"] > svg { color: currentColor; }

/* — chat.css */
.ch-flutua.tm-aba { top: calc(var(--barra-h, 56px) + 24px); bottom: auto; }
.ch-flutua-n { position: absolute; top: -6px; left: -6px; box-shadow: 0 0 0 2px var(--e-cartao, #fff); }
.ch-veu { position: fixed; inset: 0 0 0 var(--sb-l, 0px); z-index: 960; background: var(--e-veu-janela, rgba(15, 30, 22, .45));
  opacity: 0; pointer-events: none; transition: opacity .18s ease-out; }
.ch-veu.on { opacity: 1; pointer-events: auto; }
.ch-gaveta-casca { position: fixed; top: 0; right: 0; bottom: 0; z-index: 970; display: flex; flex-direction: column;
  width: min(1500px, calc(100vw - var(--sb-l, 0px) - 64px)); background: var(--e-cartao, #fff); color: var(--tinta);
  border: 1px solid var(--linha); border-right: 0; border-radius: 14px 0 0 14px;
  box-shadow: -12px 0 32px rgba(16, 32, 24, .20); transform: translateX(105%); visibility: hidden;
  transition: transform .25s ease-out, visibility 0s linear .25s; }
.ch-gaveta-casca.on { transform: none; visibility: visible; transition: transform .25s ease-out, visibility 0s; }
.ch-gaveta-topo { display: flex; align-items: center; gap: 12px; padding: 10px 16px; border-bottom: 1px solid var(--linha); }
.ch-gaveta-topo h2 { flex: 1; margin: 0; font-size: var(--v-fonte-110, 1.1rem); }
.ch-gaveta-x { position: absolute; top: 12px; left: -48px; display: inline-grid; place-items: center; width: 38px; height: 38px;
  border: 0; border-radius: 50%; background: var(--e-cartao, #fff); color: var(--tinta); cursor: pointer;
  box-shadow: 0 4px 12px rgba(16, 32, 24, .18); }
.ch-gaveta-x:hover { background: var(--verde-fundo, #e9f6ef); }
.ch-gaveta-inteira { display: inline-flex; align-items: center; gap: 6px; color: var(--azul, #2f6db5); font-size: var(--v-fonte-88, .88rem); text-decoration: none; }
.ch-gaveta-corpo { flex: 1; min-height: 0; }
.ch-avisos { position: fixed; right: 64px; top: calc(var(--barra-h, 56px) + 16px); z-index: 980; display: flex;
  flex-direction: column; gap: 8px; pointer-events: none; }
.ch-aviso { display: flex; flex-direction: column; gap: 2px; max-width: 320px; padding: 10px 14px; border: 1px solid var(--linha);
  border-radius: 12px; background: var(--e-cartao, #fff); color: var(--tinta); box-shadow: 0 12px 32px rgba(16, 32, 24, .20);
  font: inherit; text-align: left; cursor: pointer; pointer-events: auto; }
.ch-aviso span { color: var(--suave); font-size: var(--v-fonte-85, .85rem); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.nb-chat { position: relative; }
.nb-chat-n { position: absolute; top: 2px; right: 0; color: #fff; font-size: .65rem; }
@media (max-width: 700px) {
  .ch-flutua.tm-aba { display: none !important; }
  .ch-gaveta-casca { width: 100vw; border-radius: 0; border: 0; }
  .ch-gaveta-x { position: static; box-shadow: none; }
  .ch-veu { left: 0; }
}
@media (prefers-reduced-motion: reduce) { .ch-gaveta-casca, .ch-veu { transition: none; } }
@media print { .ch-painel { display: none !important; } }

/* — notificacoes.css */
.nb-sino { position: relative; }
.notif-topo { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 8px; }
.notif-acoes { display: flex; gap: 6px; align-items: center; }
.notif-origens { margin-bottom: 10px; }
.notif-filtros .chip[aria-pressed="true"], .notif-origens .chip[aria-pressed="true"] {
  border-color: var(--verde); background: var(--verde-claro); color: var(--verde-esc); }
.notif-conta { min-width: 18px; padding: 0 5px; border-radius: 999px; background: var(--vermelho); color: var(--branco);
  font-size: var(--v-fonte-72, .72rem); line-height: 18px; text-align: center; font-variant-numeric: tabular-nums; }
.notif-pendencias { margin: 0 0 12px; padding: 8px 10px; border: 1px solid var(--linha); border-radius: 10px; }
.notif-pendencias h3 { margin: 0 0 4px; font-size: var(--v-fonte-82, .82rem); color: var(--suave); font-weight: var(--v-peso-semi, 600); }
.notif-pendencias .nb-sino-itens { margin: 0; padding: 0; list-style: none; }
.notif-pendencias .nb-sino-itens a { display: flex; gap: 8px; padding: 4px 2px; color: var(--tinta); text-decoration: none; }
.notif-pendencias .nb-sino-itens a:hover { color: var(--verde-esc); }
.notif-pendencias .nb-sino-itens a b { margin-left: auto; color: var(--vermelho); font-variant-numeric: tabular-nums; }
.notif-pendencias .nb-sino-vazio { margin: 0; color: var(--suave); font-size: var(--v-fonte-85, .85rem); }
.notif-pendencias :is(.nb-sino-itens, .nb-sino-vazio)[hidden] { display: none; }
.notif-erro { color: var(--vermelho); }
.notif-vazio { display: grid; place-items: center; gap: 6px; padding: 32px 12px; color: var(--suave); text-align: center; }
.notif-vazio p { margin: 0; }
.notif-dia { margin: 0 0 14px; }
.notif-dia-t { position: sticky; top: 0; z-index: 1; margin: 0; padding: 6px 0; background: var(--e-cartao, var(--branco));
  font-size: var(--v-fonte-80, .8rem); font-weight: var(--v-peso-negrito, 700); color: var(--suave); text-transform: uppercase; letter-spacing: .03em; }
.notif-grupo { margin: 0 0 8px; }
.notif-grupo-t { display: flex; align-items: center; gap: 6px; margin: 4px 0; font-size: var(--v-fonte-82, .82rem); font-weight: var(--v-peso-semi, 600); color: var(--suave); }
.notif-grupo-t span { color: var(--suave); font-weight: var(--v-peso-normal, 400); }
.notif-grupo ul { margin: 0; padding: 0; list-style: none; }
.notif-item { display: flex; align-items: flex-start; gap: 10px; padding: 8px; border-radius: 10px; }
.notif-item + .notif-item { margin-top: 2px; }
.notif-item:hover { background: var(--verde-fundo); }
.notif-item.nao-lida { background: var(--azul-f); }
.notif-item.nao-lida:hover { background: var(--verde-claro); }
.notif-rosto { flex: none; }
.notif-ic { display: inline-grid; place-items: center; width: 40px; height: 40px; border-radius: 50%;
  background: var(--verde-claro); color: var(--verde-esc); }
.notif-ic[data-origem="crm"] { background: var(--azul-f); color: var(--azul); }
.notif-ic[data-origem="aprovacoes"] { background: var(--amarelo-f); color: var(--amarelo); }
.notif-ic[data-origem="mencoes"] { background: var(--vermelho-f); color: var(--vermelho); }
.notif-ic[data-origem="sistema"] { background: var(--linha); color: var(--suave); }
.notif-meio { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 6px; }
.notif-botoes { display: flex; flex-wrap: wrap; gap: 6px; }
.notif-resposta { margin: 0; color: var(--suave); font-size: var(--v-fonte-80, .8rem); }
.notif-corpo { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; color: var(--tinta); text-decoration: none; }
.notif-corpo:focus-visible { outline: 2px solid var(--verde); outline-offset: 2px; border-radius: 6px; }
.notif-tit { font-size: var(--v-fonte-90, .9rem); }
.notif-texto { font-size: var(--v-fonte-90, .9rem); overflow-wrap: anywhere; }
.notif-item.nao-lida .notif-texto { font-weight: var(--v-peso-semi, 600); }
.notif-meta { color: var(--suave); font-size: var(--v-fonte-78, .78rem); }
.notif-ler { flex: none; display: inline-grid; place-items: center; width: 30px; height: 30px; border: 0; border-radius: 50%;
  background: transparent; color: var(--suave); cursor: pointer; }
.notif-ler:hover, .notif-ler:focus-visible { background: var(--verde-claro); color: var(--verde-esc); }
.notif-mais { display: flex; justify-content: center; padding: 8px 0 4px; }
.notif-inteira { display: inline-flex; align-items: center; gap: 6px; color: var(--azul); font-size: var(--v-fonte-88, .88rem); text-decoration: none; }
.notif-pref-t { width: 100%; border-collapse: collapse; margin: 0 0 12px; }
.notif-pref-t :is(th, td) { padding: 8px 6px; border-bottom: 1px solid var(--linha); text-align: left; font-size: var(--v-fonte-90, .9rem); }
.notif-pref-t thead th { color: var(--suave); font-size: var(--v-fonte-78, .78rem); font-weight: var(--v-peso-semi, 600); }
.notif-pref-t td { width: 96px; text-align: center; }
.notif-pref-t input { width: 18px; height: 18px; accent-color: var(--verde); }
.notif-navegador { padding-top: 8px; border-top: 1px solid var(--linha); }
.notif-navegador :is(.notif-navegador-ok, .notif-navegador-nao) { display: none; color: var(--suave); font-size: var(--v-fonte-85, .85rem); }
.notif-navegador[data-permissao="granted"] .notif-navegador-ok { display: inline; }
.notif-navegador[data-permissao="denied"] .notif-navegador-nao { display: inline; }
.notif-navegador:is([data-permissao="granted"], [data-permissao="denied"], [data-permissao="indisponivel"]) [data-notif-permitir] { display: none; }
@media print { .notif-painel { display: none !important; } }

/* — temas.css */
.tm-aba { position: fixed; right: 0; bottom: 96px; z-index: 940; width: 40px; height: 44px; display: grid;
  place-items: center; padding: 0; border: 0; cursor: pointer; color: #fff; background: var(--marca, #0b5c3f);
  border-radius: 12px 0 0 12px; box-shadow: -3px 4px 16px rgba(16, 32, 24, .22); transition: width .15s ease; }
.tm-aba:hover { width: 46px; }
.tm-aba:focus-visible { outline: 3px solid #ffd166; outline-offset: 2px; }
.tm-aba svg { width: 20px; height: 20px; }
.tm-aba[hidden] { display: none !important; }
@media (max-width: 700px) { .tm-aba { bottom: 236px; } }
@media print { .tm-aba, .tm-painel { display: none !important; } }
.tm-painel { position: fixed; right: 12px; bottom: 12px; z-index: 960; width: min(380px, calc(100vw - 24px));
  max-height: min(640px, calc(100vh - 24px)); max-height: min(640px, calc(100dvh - 24px)); display: flex;
  flex-direction: column; overflow: hidden; color: var(--tinta); background: var(--branco);
  border: 1px solid var(--linha); border-radius: 14px; box-shadow: 0 18px 50px rgba(10, 20, 15, .28);
  font-size: var(--v-fonte-90, .9rem); }
.tm-painel[hidden] { display: none !important; }
@media (max-width: 480px) {
  .tm-painel { right: 0; left: 0; bottom: 0; width: 100%; border-radius: 14px 14px 0 0; max-height: 82vh;
    max-height: 82dvh; padding-bottom: env(safe-area-inset-bottom, 0px); }
}
.tm-cab { display: flex; align-items: center; gap: 10px; padding: 12px 14px; border-bottom: 1px solid var(--linha); }
.tm-cab h2 { margin: 0; font-size: var(--v-fonte-100, 1rem); color: var(--tinta); flex: 1; }
.tm-x { width: 32px; height: 32px; display: grid; place-items: center; border: 0; border-radius: 8px; cursor: pointer;
  background: transparent; color: var(--suave); }
.tm-x:hover { background: var(--verde-fundo); color: var(--tinta); }
.tm-x svg { width: 16px; height: 16px; }
.tm-corpo { overflow-y: auto; padding: 12px 14px 16px; display: grid; gap: 14px; }
.tm-rot { font-size: var(--v-fonte-72, .72rem); font-weight: var(--v-peso-negrito, 700); letter-spacing: .06em; text-transform: uppercase; color: var(--suave);
  margin: 0 0 6px; }
.tm-seg { display: grid; grid-template-columns: 1fr 1fr; border: 1px solid var(--linha); border-radius: 10px;
  overflow: hidden; }
.tm-seg button { display: flex; align-items: center; justify-content: center; gap: 7px; padding: 9px 8px;
  border: 0; background: transparent; color: var(--suave); font: inherit; font-weight: var(--v-peso-semi, 600); cursor: pointer; }
.tm-seg button + button { border-left: 1px solid var(--linha); }
.tm-seg button svg { width: 16px; height: 16px; }
.tm-seg button[aria-pressed="true"] { background: var(--verde); color: #fff; }
.tm-cats { display: flex; gap: 6px; flex-wrap: wrap; }
.tm-cat { padding: 5px 12px; border-radius: 999px; border: 1px solid var(--linha); background: transparent;
  color: var(--tinta); font: inherit; font-size: var(--v-fonte-85, .85rem); font-weight: var(--v-peso-semi, 600); cursor: pointer; }
.tm-cat[aria-pressed="true"] { border-color: var(--verde); background: var(--verde-claro); color: var(--verde-esc); }
.tm-grade { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.tm-foto { position: relative; aspect-ratio: 16 / 10; padding: 0; border: 0; border-radius: 8px; overflow: hidden;
  cursor: pointer; background: var(--verde-fundo); outline: 2px solid transparent; outline-offset: 2px; }
.tm-foto img { width: 100%; height: 100%; object-fit: cover; display: block; }
.tm-foto:hover { outline-color: var(--linha); }
.tm-foto:focus-visible { outline: 3px solid #ffd166; }
.tm-foto[aria-pressed="true"] { outline-color: var(--verde); }
.tm-foto[aria-pressed="true"]::after { content: "✓"; position: absolute; right: 5px; top: 5px; width: 20px; height: 20px;
  border-radius: 50%; background: var(--verde); color: #fff; font-size: var(--v-fonte-12px, 12px); font-weight: var(--v-peso-negrito, 700); display: grid;
  place-items: center; }
.tm-sem { display: grid; place-items: center; text-align: center; font-size: var(--v-fonte-78, .78rem); font-weight: var(--v-peso-semi, 600); color: var(--suave);
  border: 1px dashed var(--linha); background: transparent; }
.tm-chave { gap: 10px; padding: 0; }
.tm-chave:disabled { cursor: default; opacity: .55; }
.tm-chave b { display: block; }
.tm-chave small { display: block; color: var(--suave); font-size: var(--v-fonte-80, .8rem); }
.tm-rot-dica { margin-left: 6px; font-weight: var(--v-peso-normal, 400); letter-spacing: 0; text-transform: none; }
.tm-nota { margin: 0; color: var(--suave); font-size: var(--v-fonte-80, .8rem); }
.tm-vazio { color: var(--suave); font-size: var(--v-fonte-85, .85rem); margin: 0; }
@media (prefers-reduced-motion: reduce) { .tm-aba { transition: none; } }
:root { --foto: var(--foto-claro, none);
  --acr-blur: 18px; --acr-sat: 160%;
  --acr-vidro: rgba(255, 255, 255, .88); --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, .88); --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"] { background-color: var(--acr-base); }
  :root[data-fundo="on"] body, :root[data-fundo="on"] body.entrada { background: transparent; }
  :root[data-fundo="on"] body::before, :root[data-fundo="on"] body::after {
    content: ""; position: fixed; inset: 0; pointer-events: none; }
  :root[data-fundo="on"] body::before { z-index: -3; background: var(--acr-base) var(--foto) center / cover no-repeat; }
  :root[data-fundo="on"] body::after { z-index: -2; background: var(--acr-veu); }
  :root[data-fundo="on"] body.entrada .pagina { background: none; }
  :root[data-fundo="on"] body.entrada h1 { color: var(--tinta); }
  :root[data-fundo="on"] body.entrada .ajuda, :root[data-fundo="on"] body.entrada .area-tit { color: var(--tinta); }
  :root[data-fundo="on"] body.entrada .pagina::before { filter: none; opacity: .08; }
  :root[data-tema="escuro"][data-fundo="on"] body.entrada .pagina::before { filter: brightness(0) invert(1); }
  :root[data-fundo="on"] body.entrada .pagina::after { color: var(--tinta); }
  :root[data-fundo="on"] body.entrada h1, :root[data-fundo="on"] body.entrada .ajuda {
    text-shadow: 0 1px 12px var(--acr-base); }
}
@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  @media screen {
    :root[data-acrilico="on"] :is(.card, .kpi, .contato, details.sec, .grupo-clinica .corpo, .ck-item,
      .em-fluxo .em-passo)::before,
    :root[data-acrilico="on"][data-acrilico-modo="blocos"] body:not(.entrada) .pagina .pagina-topo::before,
    :root[data-acrilico="on"][data-acrilico-modo="blocos"] body:not(.entrada) .pagina :is(.ast-painel, .ast-lista,
      .ast > .progresso, .msg, .calendario, .gantt, .lista-paginas, .paginas, [data-widget=nota],
      [data-widget=linha_do_tempo], [data-widget=etapas], [data-widget=lista_mestre], [data-widget=arvore],
      [data-widget=abas], [data-widget=caminho], [data-widget=filtro], [data-widget=importar])::before,
    :where(:root[data-visual="novo"][data-acrilico="on"]) .nb-lateral-painel::before {
      content: ""; position: absolute; inset: 0; z-index: -1; border-radius: inherit; pointer-events: none; }
    :root[data-acrilico="on"] :is(.card, .kpi, .contato, details.sec, .grupo-clinica .corpo, .ck-item,
      .em-fluxo .em-passo)::before,
    :root[data-acrilico="on"][data-acrilico-modo="blocos"] body:not(.entrada) .pagina :is(.card, .kpi, .contato,
      details.sec)::before,
    :root[data-acrilico="on"][data-acrilico-modo="blocos"] body:not(.entrada) .pagina .pagina-topo::before,
    :root[data-acrilico="on"][data-acrilico-modo="blocos"] body:not(.entrada) .pagina :is(.ast-painel, .ast-lista,
      .ast > .progresso, .msg, .calendario, .gantt, .lista-paginas, .paginas, [data-widget=nota],
      [data-widget=linha_do_tempo], [data-widget=etapas], [data-widget=lista_mestre], [data-widget=arvore],
      [data-widget=abas], [data-widget=caminho], [data-widget=filtro], [data-widget=importar])::before,
    :where(:root[data-visual="novo"][data-acrilico="on"]) .nb-lateral-painel::before,
    :root[data-acrilico="on"] body:not(.entrada) .pagina::before,
    :root[data-acrilico="on"] body.entrada :is(.pagina > h1, .pagina > .ajuda, .pagina > .area-tit),
    :root[data-acrilico="on"] .tm-painel, :root[data-acrilico="on"] dialog, :root[data-acrilico="on"] .bsc-caixa,
    :root[data-acrilico="on"] .lt-dica, :root[data-acrilico="on"] .seletor > .seletor-bt,
    :where(:root[data-visual="novo"][data-acrilico="on"]) .nb-barra,
    :where(:root[data-visual="novo"][data-acrilico="on"]) :is(.nb-pop-lista, .nb-barra.busca-aberta .nb-busca),
    :where(:root[data-visual="novo"][data-acrilico="on"]) .nb-lateral-aba,
    :where(:root[data-visual="novo"][data-acrilico="on"][data-acrilico-modo="blocos"]) #nb-carregando > .estado {
      -webkit-backdrop-filter: blur(var(--acr-blur)) saturate(var(--acr-sat));
      backdrop-filter: blur(var(--acr-blur)) saturate(var(--acr-sat)); }
    :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);
    }
    :root[data-acrilico="on"][data-tema="escuro"] body[class*="tema-"] { --verde-fundo: var(--acr-vidro-2); }
    :root[data-acrilico="on"] body {
      --grade-fundo: color-mix(in srgb, #fff 70%, var(--acr-base));
      --grade-divisoria: color-mix(in srgb, var(--tinta) 14%, var(--grade-fundo));
      --v-zebra: color-mix(in srgb, var(--tinta) 7%, transparent);
      --v-linha-hover: color-mix(in srgb, var(--verde) 20%, transparent);
      --v-cab: color-mix(in srgb, var(--verde) 12%, var(--grade-fundo));
      --v-cab-linha: color-mix(in srgb, var(--verde-esc) 38%, var(--grade-fundo));
    }
    :root[data-acrilico="on"][data-tema="escuro"] body {
      --grade-fundo: #141d19;
      --grade-divisoria: color-mix(in srgb, #fff 14%, var(--grade-fundo));
      --v-zebra: color-mix(in srgb, #fff 6%, transparent);
      --v-cab: color-mix(in srgb, #fff 10%, var(--grade-fundo));
      --v-cab-linha: color-mix(in srgb, #fff 22%, var(--grade-fundo));
    }
    :where(:root[data-acrilico="on"]) :where(.card, .kpi, .contato, details.sec, .ck-item, .msg):not(table) {
      position: relative; }
    :root[data-acrilico="on"] :is(.card, .kpi, .contato, details.sec, .ck-item) {
      border-color: var(--acr-borda); box-shadow: 0 8px 32px var(--acr-sombra), inset 0 1px 0 var(--acr-brilho);
    }
    :root[data-acrilico="on"] .tm-painel {
      background: var(--acr-vidro); border-color: var(--acr-borda); }
    :root[data-acrilico="on"] .tm-painel {
      background: color-mix(in srgb, var(--acr-base) 84%, transparent); }
    :root[data-acrilico="on"] table.t th { background: var(--v-cab); border-bottom: 1px solid var(--v-cab-linha);
      -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }
    :root[data-acrilico="on"][data-tema="escuro"] table.t th { color: var(--tinta); }
  }
}
@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) 90%, transparent);
      --amarelo-f: color-mix(in srgb, color-mix(in srgb, #b7791f 16%, #fff) 90%, transparent);
      --vermelho-f: color-mix(in srgb, color-mix(in srgb, #c0392b 12%, #fff) 90%, transparent);
      --azul-f: color-mix(in srgb, color-mix(in srgb, #1f5f99 12%, #fff) 90%, 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) 90%, transparent);
      --e-sutil: color-mix(in srgb, color-mix(in srgb, #1d2b24 8%, #fff) 90%, transparent);
      --e-sutil-2: color-mix(in srgb, color-mix(in srgb, #1d2b24 18%, #fff) 90%, transparent);
      --e-cartao-2: var(--acr-vidro-2);
      --e-veu: color-mix(in srgb, var(--acr-base) 90%, 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);
      --g-superficie: color-mix(in srgb, #fff 94%, transparent); --g-6: #b07c00;
    }
    :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) 90%, 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);
      --g-superficie: color-mix(in srgb, #17211c 92%, transparent);
    }
    :root[data-acrilico="on"] body:not(.entrada) .pagina { position: relative;
      --branco: var(--acr-vidro-2); --e-cartao: var(--acr-vidro-2); }
    :root[data-acrilico="on"] body:not(.entrada) .pagina::before {
      content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none; border-radius: 0 0 16px 16px;
      background: var(--acr-vidro); box-shadow: 0 10px 40px var(--acr-sombra), inset 0 1px 0 var(--acr-brilho); }
    :root[data-acrilico="on"] body:not(.entrada) .pagina {
      min-height: calc(100vh - var(--barra-h, 64px)); min-height: calc(100dvh - var(--barra-h, 64px)); }
    :root[data-acrilico="on"] body:not(.entrada) .estado:not(:is(.card, td, th, .ba-painel, .ba-lista .card) .estado) {
      background: var(--e-cartao, var(--acr-vidro-2)); border: 1px solid var(--acr-borda); border-radius: var(--raio, 10px);
      box-shadow: inset 0 1px 0 var(--acr-brilho); }
    :root[data-acrilico="on"] body:not(.entrada) .pagina *::before,
    :root[data-acrilico="on"] body:not(.entrada) .pagina table {
      -webkit-backdrop-filter: none; backdrop-filter: none; }
    :root[data-acrilico="on"] body.entrada :is(.pagina > h1, .pagina > .ajuda, .pagina > .area-tit) {
      width: fit-content; max-width: 100%; padding: 6px 12px; border-radius: 10px; text-shadow: none;
      background: var(--acr-vidro); box-shadow: inset 0 1px 0 var(--acr-brilho); }
    :where(:root[data-acrilico="on"]) .btn {
      background: color-mix(in srgb, var(--v-acao, var(--verde)) 90%, transparent);
      border-color: color-mix(in srgb, var(--v-acao, var(--verde)) 70%, transparent);
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, .18); }
    :root[data-acrilico="on"]:not([data-tema="escuro"]) .btn.alerta {
      background: var(--e-amarelo-forte, #7a4f0c); border-color: var(--e-amarelo-forte, #7a4f0c); }
    :root[data-acrilico="on"] .btn.whats { background: color-mix(in srgb, #17733f 90%, transparent); border-color: transparent; }
    :root[data-acrilico="on"] .btn.sec { border-color: var(--acr-borda); box-shadow: inset 0 1px 0 var(--acr-brilho); }
    :root[data-acrilico="on"] .num {
      background: color-mix(in srgb, var(--v-acao, var(--verde)) 90%, transparent);
      border-color: transparent; }
    :root[data-acrilico="on"]:not([data-tema="escuro"]) body { --e-apagado: #56645c; }
    :root[data-acrilico="on"][data-tema="escuro"] body { --e-apagado: #b4c5bb; }
    :root[data-acrilico="on"] dialog {
      background: color-mix(in srgb, var(--acr-base) 90%, transparent); border-color: var(--acr-borda); }
  }
}
.tm-seg.tm-escala { grid-template-columns: 1fr 1.1fr 1fr; }
.tm-escala button { gap: 2px; font-variant-numeric: tabular-nums; }
.tm-escala .tm-escala-a { font-weight: var(--v-peso-negrito, 700); font-size: var(--v-fonte-12px, 12px); line-height: 1; }
.tm-escala .tm-escala-a.tm-escala-maior { font-size: 17px; }
.tm-escala button:disabled { opacity: .4; cursor: default; }
@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); }
    :root[data-acrilico="on"][data-acrilico-modo="blocos"] body:not(.entrada) .pagina::before {
      content: none; -webkit-backdrop-filter: none; backdrop-filter: none; }
    :root[data-acrilico="on"][data-acrilico-modo="blocos"] body:not(.entrada) .pagina .pagina-topo {
      position: relative; padding: 10px 14px; border-radius: var(--raio, 10px); background: var(--acr-vidro);
      border: 1px solid var(--acr-borda); box-shadow: 0 8px 32px var(--acr-sombra), inset 0 1px 0 var(--acr-brilho); }
  }
}
@media screen {
  :root[data-fundo="on"]:not([data-acrilico="on"]) body:not(.entrada) .pagina .pagina-topo {
    padding: 10px 14px; border: 1px solid var(--linha); border-radius: var(--raio, 10px);
    background: var(--e-cartao, var(--branco)); }
  :root[data-fundo="on"]:is(:not([data-acrilico="on"]), [data-acrilico-modo="blocos"]) body:not(.entrada) .pagina
    :is(.calendario, .gantt, .lista-paginas, .paginas, [data-widget=nota], [data-widget=linha_do_tempo],
      [data-widget=etapas], [data-widget=lista_mestre], [data-widget=arvore], [data-widget=ficha], [data-widget=abas],
      [data-widget=caminho], [data-widget=filtro], [data-widget=importar]):not(.msg, :is(.card, .kpi, details.sec,
      dialog, .ast-painel, .pagina-topo, td, th, .calendario, .gantt, .lista-mestre, .ldt, .kanban, .tabela-wrap,
      .nb-lateral-painel, .importar) *) {
    padding: var(--v-esp-3, 12px); border: 1px solid var(--linha); border-radius: var(--v-raio, var(--raio, 10px));
    background: var(--e-cartao, var(--branco)); }
  :root[data-fundo="on"]:not([data-acrilico="on"]) body:not(.entrada)
    .estado:not(:is(.card, td, th, .ba-painel, .ba-lista .card) .estado) {
    border: 1px solid var(--linha); border-radius: var(--raio, 10px); background: var(--e-cartao, var(--branco)); }
  :root[data-fundo="on"] :is(#nb-carregando, .nb-carregando-pagina) > .estado {
    border: 1px solid var(--linha); border-radius: var(--raio, 10px); background: var(--e-cartao, var(--branco)); }
}
@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  @media screen {
    :where(:root[data-acrilico="on"]) :where(.ast-painel, .ast-lista, .ast > .progresso, .calendario, .gantt,
      .lista-paginas, .paginas, [data-widget=nota], [data-widget=linha_do_tempo], [data-widget=etapas],
      [data-widget=lista_mestre], [data-widget=arvore], [data-widget=abas], [data-widget=caminho],
      [data-widget=filtro], [data-widget=importar]) { position: relative; }
    :root[data-acrilico="on"] body:not(.entrada) .pagina :is(.ast-painel, .ast-lista, .ast > .progresso) {
      border-color: var(--acr-borda); box-shadow: 0 8px 32px var(--acr-sombra), inset 0 1px 0 var(--acr-brilho); }
    :root[data-acrilico="on"] :is(#nb-carregando, .nb-carregando-pagina) > .estado {
      background: var(--acr-vidro); border-color: var(--acr-borda); }
  }
}

/* — fonte.css */
@font-face { font-family: "Exo 2"; font-style: normal; font-weight: 300 700; font-display: swap;
  src: url("/casca/fontes/exo2/exo2-latin.woff2?v=75uqqcxojqk4") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329,
    U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Exo 2"; font-style: normal; font-weight: 300 700; font-display: swap;
  src: url("/casca/fontes/exo2/exo2-latin-ext.woff2?v=bh4xfufz62tg") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329,
    U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Exo 2"; font-style: italic; font-weight: 300 700; font-display: swap;
  src: url("/casca/fontes/exo2/exo2-italico-latin.woff2?v=cmneir3g4lpn") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329,
    U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Exo 2"; font-style: italic; font-weight: 300 700; font-display: swap;
  src: url("/casca/fontes/exo2/exo2-italico-latin-ext.woff2?v=77fjjedf3ypd") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329,
    U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
:root[data-visual="novo"] {
  --fonte: "Exo 2", "Segoe UI", Roboto, system-ui, -apple-system, sans-serif;
  font-size: 15px;
}
:root[data-visual="novo"] body { font-family: var(--fonte); font-size: var(--v-fonte-13-5px, 13.5px); }
:where(:root[data-visual="novo"]) :where(button, input, select, textarea, optgroup) { font-family: inherit; }
:root[data-visual="novo"] .pm-aba { font-family: var(--fonte); }
:where(:root[data-visual="novo"]) h1 { font-size: 1.45rem; }
:where(:root[data-visual="novo"]) h2 { font-size: var(--v-fonte-112, 1.12rem); }
:where(:root[data-visual="novo"]) h3 { font-size: var(--v-fonte-95, .95rem); }
:where(:root[data-visual="novo"]) table.t { font-size: var(--v-fonte-85, .85rem); }
:root[data-visual="novo"] :is(table, .kpi .v, time) { font-variant-numeric: tabular-nums; }
:root[data-visual="novo"].pm-casca-raiz { font-size: 13px; }
[data-visual="novo"] .pm-tipo {
  font-size: max(var(--v-fonte-58, .58rem), var(--v-fonte-10px, 10px)); }
[data-visual="novo"] .pm-md pre[data-lingua]::before {
  font-size: max(var(--v-fonte-68, .68rem), var(--v-fonte-11px, 11px)); }
[data-visual="novo"] .pm-dica {
  font-size: max(var(--v-fonte-70, .7rem), var(--v-fonte-12px, 12px)); }
[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(var(--v-fonte-75, .75rem), var(--v-fonte-11px, 11px)); }
[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(var(--v-fonte-78, .78rem), 10.92px); }
[data-visual="novo"] .pm-linha,
[data-visual="novo"] .pm-chip {
  font-size: max(var(--v-fonte-80, .8rem), 11.2px); }
[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(var(--v-fonte-82, .82rem), 11.48px); }
:where(:root[data-visual="novo"]) .etapas .quando,
:where(:root[data-visual="novo"]) .tm-rot {
  font-size: max(var(--v-fonte-72, .72rem), 11.52px); }
[data-visual="novo"] .pm-confirma dl,
[data-visual="novo"] .pm-credencial-motivo {
  font-size: max(var(--v-fonte-84, .84rem), 11.76px); }
:where(:root[data-visual="novo"]) table.t th,
:where(:root[data-visual="novo"]) .kpi .r,
[data-visual="novo"] .card > h2 .selo {
  font-size: max(var(--v-fonte-75, .75rem), var(--v-fonte-12px, 12px)); }
:where(:root[data-visual="novo"]) .selo,
:where(:root[data-visual="novo"]) .tm-sem {
  font-size: max(var(--v-fonte-78, .78rem), var(--v-fonte-12px, 12px)); }
[data-visual="novo"] .pm-aba,
[data-visual="novo"] .pm-vazio,
[data-visual="novo"] .pm-md table {
  font-size: max(var(--v-fonte-86, .86rem), var(--v-fonte-12px, 12px)); }
[data-visual="novo"] .pm-conversas .t,
[data-visual="novo"] .pm-confirma,
[data-visual="novo"] .pm-md summary {
  font-size: max(var(--v-fonte-90, .9rem), var(--v-fonte-12px, 12px)); }
[data-visual="novo"] .pm-confirma h3 {
  font-size: max(var(--v-fonte-92, .92rem), var(--v-fonte-12px, 12px)); }
[data-visual="novo"] .pm-md details > :not(summary),
[data-visual="novo"] .pm-arquivo-nome {
  font-size: max(var(--v-fonte-88, .88rem), var(--v-fonte-12px, 12px)); }
@media (max-width: 700px) {
  :root[data-visual="novo"] body { font-size: var(--v-fonte-14px, 14px); }
  :root[data-visual="novo"] :is(input:not([type=checkbox]):not([type=radio]):not([type=range]), select, textarea) {
    font-size: var(--v-fonte-16px, 16px); }
  :root[data-visual="novo"].pm-casca-raiz { font-size: 14px; }
}

/* — escala.css */
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)); }
: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)); --g-1: #2a6bb0; --g-2: #d9572a; --g-3: #14936a; --g-4: #7a6ae0; --g-5: #cf4f86; --g-6: #c08a00; }
body { margin: 0; font: var(--v-fonte-15px, 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: var(--v-fonte-155, 1.55rem); }
h2 { font-size: 1.2rem; }
h3 { font-size: var(--v-fonte-100, 1rem); }
.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)); }
.num { width: calc(28px * var(--escala, 1)); height: calc(28px * var(--escala, 1)); border-radius: 50%; font-size: var(--v-fonte-85, .85rem); flex: none; }
.ajuda { font-size: var(--v-fonte-88, .88rem); margin: 0 0 calc(12px * var(--escala, 1)); }
label { font-size: var(--v-fonte-80, .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: var(--v-fonte-88, .88rem); margin: 0; }
.chip input { margin: 0; }
.acoes { gap: calc(10px * var(--escala, 1)); }
.ref { font-size: var(--v-fonte-82, .82rem); }
.so-leitor { width: calc(1px * var(--escala, 1)); height: calc(1px * var(--escala, 1)); padding: 0; margin: -1px; }
.contador { min-width: calc(18px * var(--escala, 1)); height: calc(18px * var(--escala, 1)); padding: 0 var(--v-esp-1, calc(4px * var(--escala, 1))); border-radius: var(--v-raio-pilula, calc(999px * var(--escala, 1))); font-size: var(--v-fonte-68, .68rem); line-height: 1; }
.contador.peq { min-width: calc(16px * var(--escala, 1)); height: calc(16px * var(--escala, 1)); line-height: calc(16px * var(--escala, 1)); }
.item-clicavel, :where(:root[data-visual="novo"]) .menu-acoes .nb-pop-lista button { width: 100%; font: inherit; }
.cobre-abrir { inset: 0; margin: 0; padding: 0; border-radius: inherit; }
.aba-borda { top: 50%; gap: calc(6px * var(--escala, 1)); font: var(--v-peso-semi, 600) var(--v-fonte-86, .86rem)/1 "Segoe UI", Roboto, system-ui, -apple-system, sans-serif; letter-spacing: .04em; }
.em-fileira { gap: var(--v-esp-2, calc(8px * var(--escala, 1))); }
.lista-nua { margin: 0; padding: 0; }
.bt-nu { padding: 0; }
.passos { gap: calc(8px * var(--escala, 1)); margin-top: calc(12px * var(--escala, 1)); font-size: var(--v-fonte-85, .85rem); }
.passos span { padding: calc(4px * var(--escala, 1)) calc(10px * var(--escala, 1)); border-radius: calc(20px * var(--escala, 1)); }
.regras { font-size: var(--v-fonte-88, .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)); }
.rodape { font-size: var(--v-fonte-12px, 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; }
.modulos { grid-template-columns: repeat(auto-fit, minmax(calc(260px * var(--escala, 1)), 1fr)); gap: calc(14px * var(--escala, 1)); }
.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: var(--v-fonte-90, .9rem); margin: calc(2px * var(--escala, 1)) 0; }
.contato .acoes { margin-top: calc(10px * var(--escala, 1)); }
.vazio { padding: calc(30px * var(--escala, 1)); }
.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); }
audio { width: 100%; max-width: 100%; height: calc(32px * 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; --grade-fundo: #17211c; --grade-divisoria: #34443b; --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; --g-1: #4a8dd6; --g-2: #d95926; --g-3: #199e70; --g-4: #9085e9; --g-5: #d55181; --g-6: #c98500; } }
@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); } }
.pagina-topo { min-width: 0; }
.lt-fim > .linha-visoes { margin: 0; }
.nb-pagina main.pagina { gap: var(--v-esp-4, calc(16px * var(--escala, 1))); }
.nb-pagina main.pagina > *,
.nb-pagina main.pagina > :is(.bloco, .pagina-avisos) > * { margin-top: 0; margin-bottom: 0; }
.pagina-topo > :last-child { margin-bottom: 0; }
:where(:root[data-visual="novo"]) .barra-area { min-width: 0; max-width: 100%; margin: 0 0 calc(12px * var(--escala, 1)); }
:where(:root[data-visual="novo"]) .barra-area-abas { gap: calc(4px * var(--escala, 1)); margin: 0; padding: 0; }
:where(:root[data-visual="novo"]) .barra-area-item { flex: none; margin: 0; }
:where(:root[data-visual="novo"]) .barra-area-aba { 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: var(--v-fonte-13px, calc(13px * var(--escala, 1))); line-height: 1; }
:where(:root[data-visual="novo"]) .barra-area-aba > svg { flex: none; }
:where(:root[data-visual="novo"]) .barra-area-n { min-width: calc(20px * var(--escala, 1)); padding: calc(2px * var(--escala, 1)) calc(6px * var(--escala, 1)); border-radius: calc(999px * var(--escala, 1)); font-size: var(--v-fonte-11-5px, calc(11.5px * var(--escala, 1))); line-height: 1.2; }
:where(:root[data-visual="novo"]) .barra-area .barra-area-menu { left: 0; right: auto; max-height: min(60vh, calc(480px * var(--escala, 1))); width: max-content; max-width: min(calc(420px * var(--escala, 1)), calc(100vw - 2 * var(--v-esp-4, calc(16px * var(--escala, 1))))); }
:where(:root[data-visual="novo"]) .barra-area .barra-area-mais .barra-area-menu { left: auto; right: 0; }
:where(:root[data-visual="novo"]) .barra-area-menu > li { margin: 0; }
:where(:root[data-visual="novo"]) .barra-area-opcao > svg { flex: none; width: calc(16px * var(--escala, 1)); height: calc(16px * var(--escala, 1)); }
:where(:root[data-visual="novo"]) .barra-area-opcao > .barra-area-n { margin-left: auto; }
:where(:root[data-visual="novo"]) .barra-area-menu > li.barra-area-tit { margin: var(--v-esp-2, calc(8px * var(--escala, 1))) var(--v-esp-3, calc(12px * var(--escala, 1))) var(--v-esp-1, calc(4px * var(--escala, 1))); font-size: var(--v-fonte-12px, calc(12px * var(--escala, 1))); }
:where(:root[data-visual="novo"]) .barra-area-menu > li.barra-area-tit:first-child { margin-top: var(--v-esp-1, calc(4px * var(--escala, 1))); }
.barra-area-grupo[data-lado="direita"] > .barra-area-menu { left: auto !important; right: 0 !important; }
.barra-area-grupo[data-lado="esquerda"] > .barra-area-menu { left: 0 !important; right: auto !important; }
@media (max-width: 760px) { :where(:root[data-visual="novo"]) .barra-area-abas { width: max-content; } }
@media (max-width: 760px) { :where(:root[data-visual="novo"]) .barra-area .barra-area-menu,
  :where(:root[data-visual="novo"]) .barra-area .barra-area-mais .barra-area-menu { top: auto; left: calc(12px * var(--escala, 1)); right: calc(12px * var(--escala, 1)); bottom: calc(12px * var(--escala, 1)); width: auto; min-width: 0; max-width: none; max-height: 60vh; } }
.lt { gap: var(--v-esp-3, calc(12px * var(--escala, 1))); min-width: 0; margin: 0 0 var(--v-esp-4, calc(16px * var(--escala, 1))); }
.lt > * { min-width: 0; }
.lt-tit { gap: var(--v-esp-2, calc(8px * var(--escala, 1))); flex: 0 1 auto; }
.lt-tit > h1 { margin: 0; }
.lt-tit-svg { flex: none; }
.lt-ajuda { flex: none; }
.lt-ajuda-bt { width: calc(22px * var(--escala, 1)); height: calc(22px * var(--escala, 1)); margin: 0; padding: 0; border-radius: 50%; font: inherit; font-size: var(--v-fonte-12px, calc(12px * var(--escala, 1))); line-height: 1; }
.lt-dica { top: calc(100% + calc(8px * var(--escala, 1))); left: -8px; width: max-content; max-width: min(calc(380px * var(--escala, 1)), calc(100vw - calc(32px * var(--escala, 1)))); padding: calc(8px * var(--escala, 1)) calc(12px * var(--escala, 1)); border-radius: var(--v-raio, calc(10px * var(--escala, 1))); font-size: var(--v-fonte-85, .85rem); line-height: 1.45; }
.lt-dica::before { left: 0; right: 0; top: -9px; height: calc(9px * var(--escala, 1)); }
.lt-criar, .lt-seletor, .lt-fim { gap: var(--v-esp-2, calc(8px * var(--escala, 1))); flex: none; }
.lt-busca { flex: 1 1 calc(260px * var(--escala, 1)); max-width: calc(640px * var(--escala, 1)); }
.lt-fim { margin-left: auto; }
.lt-fim .menu-acoes > .menu-acoes-bt:not(.menu-acoes-texto) { width: var(--ctl-h, calc(36px * var(--escala, 1))); height: var(--ctl-h, calc(36px * var(--escala, 1))); }
@media (max-width: 760px) { .lt-busca { flex-basis: 100%; max-width: none; } }
@media (max-width: 760px) { .lt-tit { flex: 1 1 auto; } }
@media (max-width: 760px) { .lt-seletor { flex: 1 1 100%; min-width: 0; } }
@media (max-width: 760px) { .lt-dica { top: auto; left: calc(16px * var(--escala, 1)); right: calc(16px * var(--escala, 1)); width: auto; max-width: none; margin-top: calc(30px * var(--escala, 1)); } }
: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: var(--v-fonte-11-5px, 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); 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; }
:where(:root[data-visual="novo"]) .nb-lateral-aba-ic { width: calc(28px * var(--escala, 1)); height: calc(28px * var(--escala, 1)); border-radius: 50%; }
@media (hover: hover) { :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-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: var(--v-fonte-11px, 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: var(--v-fonte-13px, 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)); } }
.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; }
.abas [role="tab"] { padding: calc(9px * var(--escala, 1)) calc(14px * var(--escala, 1)); margin-bottom: -2px; font: inherit; }
:where(:root[data-visual="novo"]) .linha-visoes { gap: calc(8px * var(--escala, 1)) calc(14px * var(--escala, 1)); min-width: 0; margin: 0 0 calc(14px * var(--escala, 1)); }
:where(:root[data-visual="novo"]) .lv-visoes { gap: calc(2px * var(--escala, 1)); max-width: 100%; padding: calc(3px * var(--escala, 1)); border-radius: var(--v-raio-ctrl, calc(8px * var(--escala, 1))); }
:where(:root[data-visual="novo"]) .lv-visao { gap: calc(6px * var(--escala, 1)); min-height: var(--ctl-h-peq, calc(30px * var(--escala, 1))); padding: 0 calc(12px * var(--escala, 1)); border-radius: calc(6px * var(--escala, 1)); font-size: var(--v-fonte-13px, calc(13px * var(--escala, 1))); }
:where(:root[data-visual="novo"]) .lv-visao > svg { flex: none; }
:where(:root[data-visual="novo"]) .lv-abas { min-width: 0; max-width: 100%; }
:where(:root[data-visual="novo"]) .lv-abas > .abas { margin-bottom: 0; }
:where(:root[data-visual="novo"]) .lv-seletor { max-width: 100%; min-height: var(--ctl-h, calc(36px * var(--escala, 1))); }
:where(:root[data-visual="novo"]) .lv-conts { gap: calc(6px * var(--escala, 1)); margin: 0; padding: 0; }
:where(:root[data-visual="novo"]) .lv-cont { gap: calc(6px * var(--escala, 1)); min-height: calc(30px * var(--escala, 1)); padding: calc(3px * var(--escala, 1)) calc(10px * var(--escala, 1)); border-radius: calc(999px * var(--escala, 1)); font-size: var(--v-fonte-12-5px, calc(12.5px * var(--escala, 1))); }
:where(:root[data-visual="novo"]) .lv-cont b { font-size: var(--v-fonte-14px, calc(14px * var(--escala, 1))); }
:where(:root[data-visual="novo"]) .lv-direita { gap: calc(6px * var(--escala, 1)) calc(16px * var(--escala, 1)); margin-left: auto; min-width: 0; }
:where(:root[data-visual="novo"]) .lv-links { gap: calc(4px * var(--escala, 1)) calc(16px * var(--escala, 1)); }
:where(:root[data-visual="novo"]) .lv-link { gap: calc(6px * var(--escala, 1)); min-height: calc(30px * var(--escala, 1)); font-size: var(--v-fonte-13px, calc(13px * var(--escala, 1))); }
:where(:root[data-visual="novo"]) .lv-link > svg { flex: none; }
:where(:root[data-visual="novo"]) .lv-link:focus-visible { border-radius: calc(4px * var(--escala, 1)); }
:where(:root[data-acrilico="on"]) .lv-links { gap: calc(6px * var(--escala, 1)); }
:where(:root[data-acrilico="on"]) .lv-link { padding: 0 calc(10px * var(--escala, 1)); border-radius: calc(999px * var(--escala, 1)); }
:where(:root[data-visual="novo"]) .lv-portal { gap: calc(4px * var(--escala, 1)) calc(16px * var(--escala, 1)); padding-left: calc(16px * var(--escala, 1)); }
:where(:root[data-visual="novo"]) .lv-portal:first-child { padding-left: 0; }
:where(:root[data-acrilico="on"]) .lv-portal { gap: calc(6px * var(--escala, 1)); }
:where(:root[data-visual="novo"]) .lv-pedidos-dica { margin: 0 0 calc(12px * var(--escala, 1)); font-size: var(--v-fonte-13px, calc(13px * var(--escala, 1))); }
:where(:root[data-visual="novo"]) .lv-grupo + .lv-grupo { margin-top: calc(14px * var(--escala, 1)); }
:where(:root[data-visual="novo"]) .lv-grupo-tit { gap: calc(6px * var(--escala, 1)); margin: 0 0 calc(6px * var(--escala, 1)); font-size: var(--v-fonte-12px, calc(12px * var(--escala, 1))); letter-spacing: .04em; }
:where(:root[data-visual="novo"]) .lv-grupo-n { margin-left: auto; }
:where(:root[data-visual="novo"]) .lv-grupo-lista { gap: calc(2px * var(--escala, 1)); margin: 0; padding: 0; }
:where(:root[data-visual="novo"]) .lv-pedido { min-height: calc(34px * var(--escala, 1)); padding: 0 calc(10px * var(--escala, 1)); border-radius: calc(6px * var(--escala, 1)); }
@media (max-width: 760px) { :where(:root[data-visual="novo"]) .lv-seletor { flex: 1 1 calc(160px * 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)); }
.cartao-topo { gap: var(--v-esp-2, calc(8px * var(--escala, 1))) var(--v-esp-3, calc(12px * var(--escala, 1))); margin-bottom: var(--v-esp-3, calc(12px * var(--escala, 1))); }
.cartao-topo > h2 { flex: 1 1 auto; gap: calc(10px * var(--escala, 1)); min-width: 0; margin: 0; }
.cartao-acoes { gap: var(--v-esp-2, calc(8px * var(--escala, 1))); margin: 0; }
details.card > .cartao-acoes { margin: var(--v-esp-2, calc(8px * var(--escala, 1))) 0; }
section.card[data-widget="cartao"] { gap: var(--v-esp-3, calc(12px * var(--escala, 1))); }
section.card[data-widget="cartao"] > * { margin-top: 0; margin-bottom: 0; }
section.card[data-widget="cartao"] > h2:first-child { margin-bottom: 0; }
.grade { gap: calc(12px * var(--escala, 1)) calc(16px * var(--escala, 1)); grid-template-columns: repeat(12, 1fr); }
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:not(.lateral), dialog.ui-confirma { margin: auto !important; max-height: calc(100dvh - 2 * var(--v-esp-4, calc(16px * 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)); }
dialog.modal.lateral.larga { width: min(calc(980px * var(--escala, 1)), 100vw); }
@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)); }
.janela-corpo { gap: var(--v-esp-4, calc(16px * var(--escala, 1))); }
.janela-corpo > * { margin-top: 0; margin-bottom: 0; }
.gaveta-registro-corpo { min-width: 0; }
.gaveta-registro-topo { gap: var(--v-esp-2, calc(8px * var(--escala, 1))); margin: 0 0 var(--v-esp-3, calc(12px * var(--escala, 1))); }
.gaveta-registro-ferramentas { gap: var(--v-esp-2, calc(8px * var(--escala, 1))); margin-left: auto; }
.gaveta-registro-acoes { gap: var(--v-esp-2, calc(8px * var(--escala, 1))); }
.gaveta-registro-corpo > .etapas.funil { margin: 0 0 var(--v-esp-4, calc(16px * var(--escala, 1))); }
.gaveta-registro-abas { column-gap: var(--v-esp-3, calc(12px * var(--escala, 1))); margin: 0 0 var(--v-esp-4, calc(16px * var(--escala, 1))); }
.gaveta-registro-abas > .abas { margin-bottom: 0; }
.gaveta-registro-apps { gap: var(--v-esp-1, calc(4px * var(--escala, 1))); padding-left: var(--v-esp-3, calc(12px * var(--escala, 1))); }
.gaveta-registro-apps:only-child { padding-left: 0; }
.gaveta-registro-app { gap: var(--v-esp-1, calc(4px * var(--escala, 1))); padding: calc(9px * var(--escala, 1)) calc(14px * var(--escala, 1)); margin-bottom: -2px; }
.gaveta-registro-painel { min-width: 0; }
.gaveta-registro-colunas { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: var(--v-esp-5, calc(24px * var(--escala, 1))); }
.gaveta-registro-resumo, .gaveta-registro-linha { min-width: 0; }
@container gaveta-registro (max-width: 720px) { .gaveta-registro-colunas { grid-template-columns: minmax(0, 1fr); } }
.gaveta-registro-pe { gap: var(--v-esp-2, calc(8px * var(--escala, 1))); margin-top: var(--v-esp-4, calc(16px * var(--escala, 1))); padding-top: var(--v-esp-3, calc(12px * var(--escala, 1))); }
.gaveta-registro-resumo, .gaveta-registro-linha { gap: var(--v-esp-4, calc(16px * var(--escala, 1))); }
.gaveta-registro-resumo > *, .gaveta-registro-linha > * { margin-top: 0; margin-bottom: 0; }
.gaveta-registro-painel { gap: var(--v-esp-4, calc(16px * var(--escala, 1))); }
.gaveta-registro-painel > * { margin-top: 0; margin-bottom: 0; }
[data-widget="tabela"] + [data-widget="fileira"] { margin-top: var(--v-esp-3, calc(12px * var(--escala, 1))); }
.ac-barra > .btn:first-child:not(:only-child) { margin-right: auto; }
table.t { width: 100%; font-size: var(--v-fonte-88, .88rem); }
table.t th { font-size: var(--v-fonte-75, .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: var(--v-fonte-80, .8rem); }
table.t td.tabela-cod { max-width: 16ch; }
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)); }
table.t, .tabela-fixa { --grade-marcada: color-mix(in srgb, var(--verde) 30%, var(--grade-fundo, #fff)); }
th .th-ordem { gap: var(--v-esp-1, calc(4px * var(--escala, 1))); }
th button.th-ordem { padding: 0; font: inherit; letter-spacing: inherit; }
th .th-seta { flex: none; }
table.t .tabela-sel { width: 1%; }
table.t .tabela-sel input { margin: 0; }
.tabela-lote { left: 0; gap: var(--v-esp-2, calc(8px * var(--escala, 1))); margin-bottom: var(--v-esp-2, calc(8px * var(--escala, 1))); padding: var(--v-esp-2, calc(8px * var(--escala, 1))) var(--v-esp-3, calc(12px * var(--escala, 1))); border-radius: var(--v-raio-ctrl, calc(8px * var(--escala, 1))); }
.tabela-lote-conta { margin-right: auto; }
table.t tr.tabela-vazia > td { padding: var(--v-esp-4, calc(16px * var(--escala, 1))) var(--v-esp-2, calc(8px * var(--escala, 1))); }
table.t tr.tabela-vazia .estado.vazio { padding-block: var(--v-esp-1, calc(4px * var(--escala, 1))); }
table.t tr.tabela-vazia .estado.vazio > b { font-size: inherit; }
:root[data-densidade="compacta"] table.t:not(.ficha) td { padding-block: calc(3px * var(--escala, 1)); }
:root[data-densidade="compacta"] table.t:not(.ficha) th { padding-block: calc(4px * var(--escala, 1)); }
.tabela-grade-ordem { gap: var(--v-esp-2, calc(8px * var(--escala, 1))); margin: 0 0 var(--v-esp-3, calc(12px * var(--escala, 1))); font-size: var(--v-fonte-80, .8rem); }
.tabela-grade-ordem .th-ordem { gap: var(--v-esp-1, calc(4px * var(--escala, 1))); }
.tabela-grade-ordem button.th-ordem { padding: 0; font: inherit; }
.tabela-grade { margin: 0; padding: 0; gap: var(--v-esp-3, calc(12px * var(--escala, 1))); grid-template-columns: repeat(auto-fill, minmax(calc(160px * var(--escala, 1)), 1fr)); }
.tabela-bloco { gap: var(--v-esp-1, calc(4px * var(--escala, 1))); min-width: 0; padding: var(--v-esp-3, calc(12px * var(--escala, 1))) var(--v-esp-2, calc(8px * var(--escala, 1))); border-radius: var(--v-raio, calc(8px * var(--escala, 1))); font-size: var(--v-fonte-82, .82rem); }
.tabela-bloco-icone { line-height: 0; margin-bottom: var(--v-esp-1, calc(4px * var(--escala, 1))); }
.tabela-bloco-titulo { max-width: 100%; }
.tabela-bloco-dado { max-width: 100%; font-size: var(--v-fonte-76, .76rem); }
.tabela-bloco-acoes { top: var(--v-esp-1, calc(4px * var(--escala, 1))); right: var(--v-esp-1, calc(4px * var(--escala, 1))); }
.tabela-grade-wrap > .tabela-vazia { padding: var(--v-esp-4, calc(16px * var(--escala, 1))) var(--v-esp-2, calc(8px * var(--escala, 1))); }
@media (max-width: 420px) { .tabela-grade { grid-template-columns: 1fr 1fr; } }
table.t td > svg.ic:first-child { margin-right: var(--v-esp-1, calc(4px * var(--escala, 1))); }
table.t .tabela-engrenagem { width: 1.5rem; height: 1.5rem; padding: 0; border-radius: var(--v-raio-ctrl, calc(6px * var(--escala, 1))); }
table.t th.tabela-sel input + .tabela-engrenagem { margin-left: var(--v-esp-1, calc(4px * var(--escala, 1))); }
.tabela-colunas { margin: 0; padding: 0; gap: var(--v-esp-1, calc(4px * var(--escala, 1))); }
.tabela-colunas-item { gap: var(--v-esp-1, calc(4px * var(--escala, 1))); padding: var(--v-esp-1, calc(4px * var(--escala, 1))) var(--v-esp-2, calc(8px * var(--escala, 1))); border-radius: var(--v-raio-ctrl, calc(8px * var(--escala, 1))); }
.tabela-colunas-marca { flex: 1; gap: var(--v-esp-2, calc(8px * var(--escala, 1))); min-width: 0; margin: 0; }
.tabela-colunas-marca input { flex: none; margin: 0; }
.tabela-fixa { --tabela-sel-w: 2.5rem; --tabela-preso: var(--grade-fundo, #fff); }
.tabela-fixa:has(.tabela-engrenagem) { --tabela-sel-w: 3.75rem; }
.tabela-fixa > table.t :is(th, td).tabela-sel { width: var(--tabela-sel-w); min-width: var(--tabela-sel-w); max-width: var(--tabela-sel-w); }
.tabela-fixa > table.t :is(th, td):is(.tabela-sel, .tabela-c1) { left: 0; }
.tabela-fixa > table.t:has(.tabela-sel) :is(th, td).tabela-c1 { left: var(--tabela-sel-w); }
.tabela-lote.tabela-lote-preso { left: auto; bottom: var(--v-esp-2, calc(8px * var(--escala, 1))); margin: var(--v-esp-2, calc(8px * var(--escala, 1))) 0 0; }
.tabela-rodape { gap: var(--v-esp-2, calc(8px * var(--escala, 1))) var(--v-esp-4, calc(16px * var(--escala, 1))); margin-top: var(--v-esp-2, calc(8px * var(--escala, 1))); padding: var(--v-esp-2, calc(8px * var(--escala, 1))); font-size: var(--v-fonte-85, .85rem); }
.tabela-rodape > .lista-paginas { flex: 1 1 auto; padding: 0; }
.tabela-rodape-sel { margin: 0; }
.tabela-rodape .lista-por { margin-left: auto; }
@media (max-width: 640px) { .tabela-rodape .lista-por { margin-left: 0; } }
.tabela-barra { gap: var(--v-esp-2, calc(8px * var(--escala, 1))); margin-bottom: var(--v-esp-2, calc(8px * var(--escala, 1))); padding: var(--v-esp-2, calc(8px * var(--escala, 1))) var(--v-esp-2, calc(8px * var(--escala, 1))) 0; }
.tabela-grupo-bt { width: 1.5rem; height: 1.5rem; margin-right: var(--v-esp-1, calc(4px * var(--escala, 1))); padding: 0; border-radius: var(--v-raio-ctrl, calc(6px * var(--escala, 1))); }
.tabela-grupo-n { min-width: 1.5rem; margin-left: var(--v-esp-2, calc(8px * var(--escala, 1))); padding: 0 var(--v-esp-1, calc(4px * var(--escala, 1))); border-radius: calc(999px * var(--escala, 1)); font-size: var(--v-fonte-75, .75rem); }
:root table.t tfoot.tabela-totais :is(th, td) { padding: calc(7px * var(--escala, 1)) calc(8px * var(--escala, 1)); }
:root table.t tfoot.tabela-totais th.tabela-soma-rotulo { font-size: var(--v-fonte-75, .75rem); letter-spacing: .02em; }
.tabela-edita-bt { top: 50%; right: calc(2px * var(--escala, 1)); width: 1.25rem; height: 1.25rem; padding: 0; border-radius: var(--v-raio-ctrl, calc(6px * var(--escala, 1))); }
table.t td.tabela-editando { padding-block: calc(2px * var(--escala, 1)); }
.tabela-editor { margin: 0; }
.tabela-editor .campo { margin: 0; }
.tabela-editor :is(input, select) { width: 100%; min-width: 7rem; }
.tabela-aviso.tabela-aviso-com { gap: var(--v-esp-2, calc(8px * var(--escala, 1))); margin-bottom: var(--v-esp-2, calc(8px * var(--escala, 1))); padding: var(--v-esp-1, calc(4px * var(--escala, 1))) var(--v-esp-3, calc(12px * var(--escala, 1))); border-radius: var(--v-raio-ctrl, calc(8px * var(--escala, 1))); font-size: var(--v-fonte-85, .85rem); }
.tabela-aviso-texto { margin-right: auto; }
.tabela-todos-filtro { gap: var(--v-esp-1, calc(4px * var(--escala, 1))); }
.tabela-todos-filtro-bt { padding: 0; font: inherit; }
.tabela-resumo { gap: var(--v-esp-3, calc(12px * var(--escala, 1))); }
.tabela-resumo-quantos { margin: 0; }
.tabela-resumo-somas { grid-template-columns: auto 1fr; gap: var(--v-esp-1, calc(4px * var(--escala, 1))) var(--v-esp-3, calc(12px * var(--escala, 1))); margin: 0; }
.tabela-resumo-somas dd { margin: 0; }
.tabela-resumo-mudancas { margin: 0; padding-left: 1.2em; }
.paginas { gap: calc(12px * var(--escala, 1)); padding: calc(12px * var(--escala, 1)) 0 calc(2px * var(--escala, 1)); }
.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))); }
: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)); }
.lista-nums button:not(.btn) { min-width: calc(30px * var(--escala, 1)); padding: calc(4px * var(--escala, 1)) calc(8px * var(--escala, 1)); border-radius: var(--v-raio-ctrl, calc(6px * var(--escala, 1))); font: inherit; }
.lista-nums .btn svg { flex: none; }
.lista-reticencias { padding: 0 var(--v-esp-1, 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)); }
.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%; }
.filtro-destaque .lista-busca { flex: 1 1 40rem; max-width: 56rem; --linha-h: 2.6rem; }
.filtro-destaque .lista-busca input { height: 2.6rem; font-size: var(--v-fonte-100, 1rem); }
@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: var(--v-fonte-16px, calc(16px * var(--escala, 1))); } }
.filtro-sim-nao { min-width: 0; margin: 0; padding: 0; }
.filtro-sim-nao legend { margin-bottom: calc(3px * var(--escala, 1)); padding: 0; font-size: var(--v-fonte-80, .8rem); }
.filtro-sim-nao .chip { min-height: var(--linha-h, var(--ctl-h, calc(36px * var(--escala, 1)))); }
.filtro-periodo-l > :is(select, input[type=date]) { width: auto; }
.bsc { min-width: 0; }
.bsc-caixa { gap: calc(6px * var(--escala, 1)); min-width: 0; min-height: var(--ctl-h, calc(36px * var(--escala, 1))); margin: 0; padding: 0 calc(4px * var(--escala, 1)) 0 calc(10px * var(--escala, 1)); border-radius: var(--v-raio-ctrl, calc(8px * var(--escala, 1))); }
.bsc-lupa { flex: none; }
.bsc-caixa input[type=search] { flex: 1 1 8em; min-width: 5em; height: calc(var(--ctl-h, calc(36px * var(--escala, 1))) - calc(2px * var(--escala, 1))); margin: 0; padding: 0 calc(4px * var(--escala, 1)); border-radius: 0; font: inherit; }
.bsc-chip { gap: calc(2px * var(--escala, 1)); flex: 0 1 auto; min-width: 0; max-width: 60%; min-height: calc(26px * var(--escala, 1)); padding: 0 calc(3px * var(--escala, 1)) 0 calc(10px * var(--escala, 1)); border-radius: var(--v-raio-pilula, calc(999px * var(--escala, 1))); font-size: var(--v-fonte-85, .85rem); }
.bsc-chip-t { min-width: 0; }
.bsc-chip-x { flex: none; width: calc(20px * var(--escala, 1)); height: calc(20px * var(--escala, 1)); border-radius: 50%; }
.bsc-bt { flex: none; width: calc(28px * var(--escala, 1)); height: calc(28px * var(--escala, 1)); border-radius: var(--v-raio-ctrl, calc(8px * var(--escala, 1))); }
.bsc-n { top: -5px; right: -5px; font-size: var(--v-fonte-10px, calc(10px * var(--escala, 1))); }
.bsc-prontos { margin: 0 0 var(--v-esp-4, calc(16px * var(--escala, 1))); }
.bsc-prontos > h3 { margin: 0 0 var(--v-esp-2, calc(8px * var(--escala, 1))); font-size: var(--v-fonte-80, .8rem); }
.bsc-prontos > ul { gap: calc(6px * var(--escala, 1)); margin: 0; padding: 0; }
.bsc-salvo { gap: var(--v-esp-1, calc(4px * var(--escala, 1))); }
.bsc-nada { margin: 0; font-size: var(--v-fonte-85, .85rem); }
.bsc-salvar { gap: var(--v-esp-1, calc(4px * var(--escala, 1))); margin: var(--v-esp-3, calc(12px * var(--escala, 1))) 0 0; }
.bsc-salvar > label { font-size: var(--v-fonte-80, .8rem); }
.bsc-salvar-linha { gap: var(--v-esp-2, calc(8px * var(--escala, 1))); min-width: 0; }
.bsc-salvar-linha > input { flex: 1 1 auto; min-width: 0; }
.bsc-erro, .bsc-aviso { margin: var(--v-esp-2, calc(8px * var(--escala, 1))) 0 0; font-size: var(--v-fonte-85, .85rem); }
.bsc .janela-corpo .filtros > div { min-width: 0; }
@media (max-width: 640px) { .bsc-caixa input[type=search] { font-size: var(--v-fonte-16px, calc(16px * var(--escala, 1))); } }
.seletor { max-width: 100%; }
.seletor > .seletor-bt { gap: calc(6px * var(--escala, 1)); max-width: calc(340px * var(--escala, 1)); height: var(--ctl-h, calc(36px * var(--escala, 1))); padding: 0 calc(10px * var(--escala, 1)) 0 calc(12px * var(--escala, 1)); border-radius: var(--v-raio-ctrl, calc(8px * var(--escala, 1))); }
.seletor-bt > svg:first-child:not(.seletor-seta) { flex: none; }
.seletor-valor { min-width: 0; }
.seletor-seta { flex: none; }
.seletor-n { flex: none; min-width: calc(20px * var(--escala, 1)); height: calc(20px * var(--escala, 1)); padding: 0 calc(6px * var(--escala, 1)); border-radius: var(--v-raio-pilula, calc(999px * var(--escala, 1))); font-size: var(--v-fonte-12px, calc(12px * var(--escala, 1))); }
.seletor > .seletor-lista { left: 0; right: auto; max-height: min(60vh, calc(420px * var(--escala, 1))); }
.seletor-lista > li { margin: 0; }
.seletor-item { gap: var(--v-esp-2, calc(8px * var(--escala, 1))); min-height: var(--ctl-h, calc(36px * var(--escala, 1))); margin: 0; padding: 0 var(--v-esp-3, calc(12px * var(--escala, 1))); border-radius: var(--v-raio-ctrl, calc(8px * var(--escala, 1))); }
.seletor-item-t { flex: 1 1 auto; min-width: 0; }
.seletor-check { flex: none; }
.seletor-sep { height: calc(1px * var(--escala, 1)); margin: var(--v-esp-1, calc(4px * var(--escala, 1))); }
.seletor-config > svg { flex: none; }
.seletor-periodo { gap: var(--v-esp-2, calc(8px * var(--escala, 1))); max-width: 100%; }
.seletor-data { flex: none; }
.seletor-grupo { padding: calc(6px * var(--escala, 1)) calc(10px * var(--escala, 1)) calc(2px * var(--escala, 1)); font-size: var(--v-fonte-75, .75rem); letter-spacing: .02em; }
.seletor-datas { gap: var(--v-esp-2, calc(8px * var(--escala, 1))); margin: 0; }
.seletor-datas .campo { margin: 0; }
.seletor-datas .campo label { font-size: var(--v-fonte-75, .75rem); }
@media (max-width: 640px) { .seletor-periodo, .seletor-datas { width: 100%; } }
@media (max-width: 640px) { .seletor-periodo > .seletor > .seletor-bt { max-width: 100%; } }
@media (max-width: 640px) { .seletor-datas .campo { flex: 1 1 8rem; min-width: 0; } }
@media (max-width: 640px) { .seletor-datas .campo input { width: 100%; min-width: 0; } }
.kanban { min-width: 0; }
.kanban-quadro { gap: var(--v-esp-3, calc(12px * var(--escala, 1))); padding-bottom: var(--v-esp-2, calc(8px * var(--escala, 1))); }
.kanban-quadro > .estado { flex: 1; }
.kanban-coluna { flex: 0 0 calc(272px * var(--escala, 1)); min-width: 0; gap: var(--v-esp-2, calc(8px * var(--escala, 1))); padding: var(--v-esp-2, calc(8px * var(--escala, 1))); border-radius: var(--v-raio, calc(10px * var(--escala, 1))); }
.kanban-cab { gap: var(--v-esp-1, calc(4px * var(--escala, 1))); min-height: var(--ctl-h, calc(36px * var(--escala, 1))); padding: 0 var(--v-esp-1, calc(4px * var(--escala, 1))) 0 var(--v-esp-3, calc(12px * var(--escala, 1))); border-radius: var(--v-raio-ctrl, calc(8px * var(--escala, 1))); }
.kanban-coluna.cor-escura { --etapa-texto: var(--e-sobre-cor, #fff); }
.kanban-coluna.cor-clara { --etapa-texto: var(--e-sobre-cor-clara, #1d2b24); }
.kanban-nome { flex: 1; min-width: 0; margin: 0; font-size: var(--v-fonte-88, .88rem); }
.kanban-conta { flex: none; padding: 0 var(--v-esp-1, calc(4px * var(--escala, 1))); font-size: var(--v-fonte-80, .8rem); }
.kanban-cab .btn.sec { padding: calc(4px * var(--escala, 1)); }
.kanban-soma { margin: 0; padding: 0 var(--v-esp-1, calc(4px * var(--escala, 1))); font-size: var(--v-fonte-82, .82rem); }
.kanban-cartoes { gap: var(--v-esp-2, calc(8px * var(--escala, 1))); margin: 0; padding: 0; }
.kanban-cartao { padding: var(--v-esp-2, calc(8px * var(--escala, 1))) var(--v-esp-3, calc(12px * var(--escala, 1))); border-radius: var(--v-raio-ctrl, calc(8px * var(--escala, 1))); font-size: var(--v-fonte-88, .88rem); }
.kanban-cartao-corpo { gap: calc(2px * var(--escala, 1)); }
.kanban-cartao:has(> .kanban-cartao-acoes) > .kanban-cartao-corpo { padding-right: calc(34px * var(--escala, 1)); }
.kanban-cartao-acoes { top: var(--v-esp-1, calc(4px * var(--escala, 1))); right: var(--v-esp-1, calc(4px * var(--escala, 1))); }
.kanban-vazio { padding: var(--v-esp-3, calc(12px * var(--escala, 1))); border-radius: var(--v-raio-ctrl, calc(8px * var(--escala, 1))); font-size: var(--v-fonte-85, .85rem); }
.kanban-rapido > .btn.sec { width: 100%; }
.kanban-rapido-form { gap: var(--v-esp-2, calc(8px * var(--escala, 1))); padding: var(--v-esp-2, calc(8px * var(--escala, 1))); border-radius: var(--v-raio-ctrl, calc(8px * var(--escala, 1))); }
.kanban-rapido-form .campo { margin: 0; }
.kanban-rapido-erro { margin: 0; font-size: var(--v-fonte-80, .8rem); }
.kanban-rapido-acoes { gap: var(--v-esp-1, calc(4px * var(--escala, 1))); }
.kanban.arrastando .kanban-zonas { bottom: 0; gap: var(--v-esp-2, calc(8px * var(--escala, 1))); margin-top: var(--v-esp-2, calc(8px * var(--escala, 1))); padding: var(--v-esp-2, calc(8px * var(--escala, 1))); border-radius: var(--v-raio, calc(10px * var(--escala, 1))); }
.kanban-zona { flex: 1; gap: var(--v-esp-2, calc(8px * var(--escala, 1))); min-height: calc(56px * var(--escala, 1)); padding: var(--v-esp-2, calc(8px * var(--escala, 1))) var(--v-esp-3, calc(12px * var(--escala, 1))); border-radius: var(--v-raio-ctrl, calc(8px * var(--escala, 1))); font-size: var(--v-fonte-90, .9rem); }
.kanban-zona.cor-escura { --etapa-texto: var(--e-sobre-cor, #fff); }
.kanban-zona.cor-clara { --etapa-texto: var(--e-sobre-cor-clara, #1d2b24); }
.kanban-coluna.recolhida { flex: 0 0 auto; width: calc(48px * var(--escala, 1)); }
.kanban-coluna.recolhida .kanban-cab { min-height: calc(168px * var(--escala, 1)); padding: var(--v-esp-1, calc(4px * var(--escala, 1))) 0 var(--v-esp-2, calc(8px * var(--escala, 1))); }
.kanban-coluna.recolhida .kanban-nome { flex: none; max-height: calc(220px * var(--escala, 1)); }
@media (max-width: 760px) { .kanban-coluna:not(.recolhida) { flex-basis: min(85vw, calc(320px * var(--escala, 1))); } }
.kanban-erro { gap: var(--v-esp-2, calc(8px * var(--escala, 1))); margin-bottom: var(--v-esp-2, calc(8px * var(--escala, 1))); }
.kanban-erro > :first-child { flex: 1; min-width: 0; margin: 0; }
.kanban-cartao.pendente { border-radius: var(--v-raio-ctrl, calc(8px * var(--escala, 1))); }
.kanban-pe { gap: var(--v-esp-1, calc(4px * var(--escala, 1))); padding-top: var(--v-esp-1, calc(4px * var(--escala, 1))); }
.kanban-pe .btn { flex: 1 1 auto; }
.kanban-saldos { flex: 0 0 calc(232px * var(--escala, 1)); min-width: 0; gap: var(--v-esp-2, calc(8px * var(--escala, 1))); padding: var(--v-esp-2, calc(8px * var(--escala, 1))); border-radius: var(--v-raio, calc(10px * var(--escala, 1))); }
.kanban-saldos-lista { margin: 0; padding: 0; gap: var(--v-esp-2, calc(8px * var(--escala, 1))); }
.kanban-saldo { gap: calc(2px * var(--escala, 1)); padding: var(--v-esp-2, calc(8px * var(--escala, 1))) var(--v-esp-3, calc(12px * var(--escala, 1))); border-radius: var(--v-raio-ctrl, calc(8px * var(--escala, 1))); }
.kanban-saldo-nome { font-size: var(--v-fonte-88, .88rem); }
.kanban-saldo-linha { gap: var(--v-esp-2, calc(8px * var(--escala, 1))); font-size: var(--v-fonte-82, .82rem); }
@media (max-width: 760px) { .kanban-saldos { flex-basis: 85vw; } }
.ck { gap: var(--v-esp-1, calc(4px * var(--escala, 1))); min-width: 0; }
.ck-titulo { margin: 0; font-size: var(--v-fonte-88, .88rem); line-height: 1.3; }
.ck-abrir::after { inset: 0; border-radius: var(--v-raio-ctrl, calc(8px * var(--escala, 1))); }
.ck-selos { gap: var(--v-esp-1, calc(4px * var(--escala, 1))); margin: 0; }
.ck-selos .selo { font-size: var(--v-fonte-72, .72rem); padding: 0 calc(7px * var(--escala, 1)); }
.ck-campos { gap: calc(2px * var(--escala, 1)); margin: 0; padding: 0; font-size: var(--v-fonte-82, .82rem); }
.ck-campo { gap: var(--v-esp-1, calc(4px * var(--escala, 1))); min-width: 0; }
.ck-campo > .ic { flex: none; }
.ck-valor { font-size: var(--v-fonte-90, .9rem); }
.ck-prazo .selo, .ck-situacao .selo { font-size: var(--v-fonte-74, .74rem); padding: 0 calc(8px * var(--escala, 1)); }
.ck-etiqueta { padding: 0 calc(8px * var(--escala, 1)); border-radius: calc(20px * var(--escala, 1)); font-size: var(--v-fonte-76, .76rem); }
.ck-extra { gap: var(--v-esp-1, calc(4px * var(--escala, 1))); }
.ck-pe { gap: var(--v-esp-2, calc(8px * var(--escala, 1))); min-height: calc(24px * var(--escala, 1)); margin-top: var(--v-esp-1, calc(4px * var(--escala, 1))); font-size: var(--v-fonte-78, .78rem); }
.ck-nova-atividade { gap: calc(2px * var(--escala, 1)); border-radius: var(--v-raio-ctrl, calc(8px * var(--escala, 1))); flex: none; }
.ck-proxima { margin-left: auto; }
.ck-responsavel { flex: none; margin-left: auto; }
.ck-proxima + .ck-responsavel { margin-left: 0; }
.ck-iniciais { width: calc(24px * var(--escala, 1)); height: calc(24px * var(--escala, 1)); border-radius: 50%; font-size: var(--v-fonte-68, .68rem); letter-spacing: .02em; }
.ck.ck-com-faixa { padding-left: var(--v-esp-2, calc(8px * var(--escala, 1))); }
.ck.ck-borda-verde { --ck-faixa: var(--verde); }
.ck.ck-borda-amarelo { --ck-faixa: var(--amarelo); }
.ck.ck-borda-vermelho { --ck-faixa: var(--vermelho); }
.ck.ck-borda-azul { --ck-faixa: var(--azul); }
.ck.ck-borda-cinza { --ck-faixa: var(--suave); }
.ck-faixa { gap: calc(4px * var(--escala, 1)); margin: 0 0 calc(4px * var(--escala, 1)); padding: calc(2px * var(--escala, 1)) calc(6px * var(--escala, 1)); width: fit-content; max-width: 100%; border-radius: var(--v-raio-ctrl, calc(8px * var(--escala, 1))); font-size: var(--v-fonte-74, .74rem); }
.calendario { gap: var(--v-esp-3, calc(12px * var(--escala, 1))); min-width: 0; }
.cal-barra { gap: var(--v-esp-2, calc(8px * var(--escala, 1))) var(--v-esp-3, calc(12px * var(--escala, 1))); }
.cal-navegar { gap: var(--v-esp-1, calc(4px * var(--escala, 1))); }
.cal-titulo { flex: 1 1 14em; min-width: 0; margin: 0; font-size: var(--v-fonte-105, 1.05rem); }
.cal-visoes > .btn { margin-left: -1px; border-radius: 0; }
.cal-visoes > .btn:first-child { margin-left: 0; border-radius: var(--v-raio-ctrl, calc(8px * var(--escala, 1))) 0 0 var(--v-raio-ctrl, calc(8px * var(--escala, 1))); }
.cal-visoes > .btn:last-child { border-radius: 0 var(--v-raio-ctrl, calc(8px * var(--escala, 1))) var(--v-raio-ctrl, calc(8px * var(--escala, 1))) 0; }
.cal-dia-bt { margin: 0; padding: 0; font: inherit; }
.cal-com-lado { min-width: 0; }
.cal-com-lado.com-sem-horario { grid-template-columns: minmax(0, 1fr) calc(220px * var(--escala, 1)); gap: var(--v-esp-3, calc(12px * var(--escala, 1))); }
.cal-grade { --cal-hora: calc(48px * var(--escala, 1)); --cal-eixo: calc(56px * var(--escala, 1)); --cal-min-coluna: calc(96px * var(--escala, 1)); max-height: min(72vh, calc(760px * var(--escala, 1))); border-radius: var(--v-raio, calc(10px * var(--escala, 1))); }
.cal-topo { top: 0; }
.cal-cab, .cal-dia-inteiro, .cal-corpo { min-width: min-content; grid-template-columns: var(--cal-eixo) repeat(var(--cal-colunas), minmax(var(--cal-min-coluna), 1fr)); }
.cal-canto { left: 0; }
.cal-cab-dia { gap: var(--v-esp-1, calc(4px * var(--escala, 1))); min-height: var(--ctl-h, calc(36px * var(--escala, 1))); padding: var(--v-esp-1, calc(4px * var(--escala, 1))); }
.cal-cab-dia > a, .cal-cab-dia > .cal-dia-bt { gap: calc(6px * var(--escala, 1)); padding: calc(2px * var(--escala, 1)) calc(6px * var(--escala, 1)); border-radius: var(--v-raio-ctrl, calc(8px * var(--escala, 1))); }
.cal-cab-semana { font-size: var(--v-fonte-78, .78rem); }
.cal-cab-num { min-width: 1.6em; font-size: var(--v-fonte-100, 1rem); }
.cal-cab-dia.hoje .cal-cab-num { border-radius: var(--v-raio-pilula, calc(999px * var(--escala, 1))); }
.cal-cab-recurso { font-size: var(--v-fonte-85, .85rem); }
.cal-cab-dia .btn.sec { padding: calc(2px * var(--escala, 1)); }
.cal-dia-inteiro-rot { padding: var(--v-esp-1, calc(4px * var(--escala, 1))) calc(6px * var(--escala, 1)); font-size: var(--v-fonte-70, .7rem); }
.cal-dia-inteiro-casa { grid-auto-rows: calc(22px * var(--escala, 1)); gap: calc(2px * var(--escala, 1)); min-height: calc(28px * var(--escala, 1)); padding: calc(3px * var(--escala, 1)) 0; }
.cal-fundo { inset: 0; }
.cal-eixo { left: 0; grid-auto-rows: var(--cal-hora); }
.cal-eixo-hora { top: -.6em; padding-right: calc(6px * var(--escala, 1)); font-size: var(--v-fonte-70, .7rem); }
.cal-eixo-hora:first-child { top: calc(2px * var(--escala, 1)); }
.cal-coluna { height: calc(var(--cal-horas) * var(--cal-hora)); }
.cal-slots { inset: 0; }
.cal-slot { flex: 1 1 0; min-height: 0; }
:is(.cal-evento, .cal-etiqueta, .cal-sem-horario-item).cor-escura { --evento-texto: var(--e-sobre-cor, #fff); }
:is(.cal-evento, .cal-etiqueta, .cal-sem-horario-item).cor-clara { --evento-texto: var(--e-sobre-cor-clara, #1d2b24); }
.cal-evento { --cal-largura: calc(100% - calc(8px * var(--escala, 1))); top: var(--cal-topo); left: calc(var(--cal-faixa) * var(--cal-largura) / var(--cal-faixas)); width: calc(var(--cal-largura) / var(--cal-faixas)); height: var(--cal-altura); min-height: calc(18px * var(--escala, 1)); padding: calc(2px * var(--escala, 1)) calc(4px * var(--escala, 1)) calc(2px * var(--escala, 1)) calc(6px * var(--escala, 1)); border-radius: calc(6px * var(--escala, 1)); font-size: var(--v-fonte-78, .78rem); line-height: 1.25; }
.cal-evento.continua-antes { border-top-left-radius: 0; border-top-right-radius: 0; }
.cal-evento.continua-depois { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
.cal-evento-corpo { min-width: 0; }
.cal-evento.curto .cal-evento-corpo { gap: calc(4px * var(--escala, 1)); }
.cal-evento-hora { flex: none; font-size: var(--v-fonte-70, .7rem); }
.cal-evento-titulo { min-width: 0; }
.cal-evento.medio .cal-evento-corpo { grid-template-columns: auto minmax(0, 1fr); column-gap: var(--v-esp-1, calc(4px * var(--escala, 1))); }
.cal-evento.medio .cal-evento-corpo > :not(.cal-evento-hora, .cal-evento-titulo) { max-width: 100%; }
.cal-evento .selo { padding: 0 var(--v-esp-1, calc(4px * var(--escala, 1))); font-size: var(--v-fonte-68, .68rem); line-height: 1.35; }
.cal-evento-recurso { font-size: var(--v-fonte-70, .7rem); }
.cal-evento-acoes { top: calc(1px * var(--escala, 1)); right: calc(1px * var(--escala, 1)); }
.cal-evento-acoes .menu-acoes > .menu-acoes-bt { width: calc(22px * var(--escala, 1)); height: calc(22px * var(--escala, 1)); }
.cal-esticar { left: 0; right: 0; bottom: 0; height: calc(6px * var(--escala, 1)); }
.cal-livre { top: var(--cal-topo); left: calc(2px * var(--escala, 1)); right: calc(8px * var(--escala, 1)); height: var(--cal-altura); min-height: calc(16px * var(--escala, 1)); margin: 0; padding: calc(1px * var(--escala, 1)) calc(6px * var(--escala, 1)); border-radius: calc(6px * var(--escala, 1)); font: inherit; font-size: var(--v-fonte-72, .72rem); }
.cal-agora { top: var(--cal-topo); left: 0; right: 0; height: 0; }
.cal-agora::before { top: -6px; left: -5px; width: calc(10px * var(--escala, 1)); height: calc(10px * var(--escala, 1)); border-radius: var(--v-raio-pilula, calc(999px * var(--escala, 1))); }
.cal-etiqueta { min-width: 0; height: calc(22px * var(--escala, 1)); margin: 0 calc(4px * var(--escala, 1)); padding: 0 calc(6px * var(--escala, 1)); border-radius: calc(6px * var(--escala, 1)); font-size: var(--v-fonte-76, .76rem); }
.cal-etiqueta.continua-antes { margin-left: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; }
.cal-etiqueta.continua-depois { margin-right: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; }
.cal-etiqueta-texto { gap: calc(4px * var(--escala, 1)); min-width: 0; }
.cal-etiqueta.pontual::before { flex: none; width: calc(8px * var(--escala, 1)); height: calc(8px * var(--escala, 1)); margin-right: calc(5px * var(--escala, 1)); border-radius: var(--v-raio-pilula, calc(999px * var(--escala, 1))); }
.cal-etiqueta .cal-evento-acoes { top: 0; }
.cal-etiqueta .cal-esticar { top: 0; bottom: 0; left: auto; right: 0; width: calc(6px * var(--escala, 1)); height: auto; }
.cal-sem-horario { padding: var(--v-esp-2, calc(8px * var(--escala, 1))); border-radius: var(--v-raio, calc(10px * var(--escala, 1))); }
.cal-sem-horario-titulo { margin: 0 0 var(--v-esp-2, calc(8px * var(--escala, 1))); font-size: var(--v-fonte-85, .85rem); }
.cal-sem-horario-vazio { margin: 0; font-size: var(--v-fonte-82, .82rem); }
.cal-sem-horario-lista { gap: var(--v-esp-2, calc(8px * var(--escala, 1))); margin: 0; padding: 0; }
.cal-sem-horario-item { padding: var(--v-esp-2, calc(8px * var(--escala, 1))) calc(30px * var(--escala, 1)) var(--v-esp-2, calc(8px * var(--escala, 1))) calc(8px * var(--escala, 1)); border-radius: calc(6px * var(--escala, 1)); font-size: var(--v-fonte-82, .82rem); }
.cal-sem-horario-item .cal-evento-acoes { top: calc(3px * var(--escala, 1)); right: calc(3px * var(--escala, 1)); }
.cal-mes { border-radius: var(--v-raio, calc(10px * var(--escala, 1))); }
.cal-mes-cab, .cal-mes-semana { grid-template-columns: repeat(7, minmax(0, 1fr)); }
.cal-mes-cab > span { padding: calc(6px * var(--escala, 1)); font-size: var(--v-fonte-75, .75rem); }
.cal-mes-dia { gap: calc(2px * var(--escala, 1)); min-width: 0; min-height: calc(112px * var(--escala, 1)); padding: calc(2px * var(--escala, 1)) 0 calc(6px * var(--escala, 1)); }
.cal-mes-num { min-width: 1.6em; margin: calc(2px * var(--escala, 1)) calc(4px * var(--escala, 1)); padding: 0 calc(6px * var(--escala, 1)); border-radius: var(--v-raio-pilula, calc(999px * var(--escala, 1))); font-size: var(--v-fonte-82, .82rem); }
.cal-mes-itens { grid-auto-rows: calc(22px * var(--escala, 1)); gap: calc(2px * var(--escala, 1)); min-width: 0; }
.cal-mes-mais, .cal-mes-livres { margin: 0 calc(6px * var(--escala, 1)); padding: 0 calc(4px * var(--escala, 1)); border-radius: calc(4px * var(--escala, 1)); font-size: var(--v-fonte-74, .74rem); }
.cal-agenda { gap: var(--v-esp-3, calc(12px * var(--escala, 1))); margin: 0; padding: 0; }
.cal-agenda-dia { border-radius: var(--v-raio, calc(10px * var(--escala, 1))); }
.cal-agenda-data { gap: var(--v-esp-2, calc(8px * var(--escala, 1))); margin: 0; padding: var(--v-esp-2, calc(8px * var(--escala, 1))) var(--v-esp-3, calc(12px * var(--escala, 1))); font-size: var(--v-fonte-88, .88rem); }
.cal-agenda-hoje { padding: 0 calc(8px * var(--escala, 1)); border-radius: var(--v-raio-pilula, calc(999px * var(--escala, 1))); font-size: var(--v-fonte-72, .72rem); }
.cal-agenda-itens { margin: 0; padding: 0; }
.cal-agenda-item { grid-template-columns: 7.5em calc(10px * var(--escala, 1)) minmax(0, 1fr) auto; gap: var(--v-esp-2, calc(8px * var(--escala, 1))); min-height: var(--ctl-h, calc(36px * var(--escala, 1))); padding: var(--v-esp-2, calc(8px * var(--escala, 1))) var(--v-esp-3, calc(12px * var(--escala, 1))); }
.cal-agenda-hora { font-size: var(--v-fonte-80, .8rem); }
.cal-agenda-cor { width: calc(10px * var(--escala, 1)); height: calc(10px * var(--escala, 1)); border-radius: var(--v-raio-pilula, calc(999px * var(--escala, 1))); }
.cal-agenda-texto { gap: 0 var(--v-esp-2, calc(8px * var(--escala, 1))); min-width: 0; }
.cal-agenda-item .cal-evento-acoes { top: auto; right: auto; }
@media (max-width: 900px) { .cal-com-lado.com-sem-horario { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 760px) { .cal-grade { --cal-hora: calc(44px * var(--escala, 1)); --cal-eixo: calc(44px * var(--escala, 1)); --cal-min-coluna: calc(84px * var(--escala, 1)); } }
@media (max-width: 760px) { .cal-mes-dia { min-height: calc(84px * var(--escala, 1)); } }
@media (max-width: 760px) { .cal-agenda-item { grid-template-columns: 6em calc(10px * var(--escala, 1)) minmax(0, 1fr) auto; } }
.gantt { --gantt-dia: calc(36px * var(--escala, 1)); --gantt-linha: calc(40px * var(--escala, 1)); --gantt-faixa: calc(30px * var(--escala, 1)); --gantt-nome: calc(240px * var(--escala, 1)); gap: var(--v-esp-3, calc(12px * var(--escala, 1))); min-width: 0; }
.gantt[data-escala="semana"] { --gantt-dia: calc(12px * var(--escala, 1)); }
.gantt[data-escala="mes"] { --gantt-dia: calc(6px * var(--escala, 1)); }
.gantt-topo { gap: var(--v-esp-2, calc(8px * var(--escala, 1))) var(--v-esp-4, calc(16px * var(--escala, 1))); }
.gantt-nav, .gantt-escalas { gap: var(--v-esp-1, calc(4px * var(--escala, 1))); }
.gantt-periodo { margin-left: var(--v-esp-2, calc(8px * var(--escala, 1))); }
.gantt-legenda { gap: var(--v-esp-1, calc(4px * var(--escala, 1))) var(--v-esp-3, calc(12px * var(--escala, 1))); margin: 0 0 0 auto; padding: 0; font-size: var(--v-fonte-82, .82rem); }
.gantt-legenda li { gap: calc(6px * var(--escala, 1)); }
.gantt-amostra { width: calc(16px * var(--escala, 1)); height: calc(10px * var(--escala, 1)); border-radius: calc(3px * var(--escala, 1)); }
.gantt-barra, .gantt-amostra { --gantt-cor: var(--azul); --gantt-fundo: var(--azul-f); }
.gantt .cor-verde { --gantt-cor: var(--verde); --gantt-fundo: var(--verde-claro); }
.gantt .cor-azul { --gantt-cor: var(--azul); --gantt-fundo: var(--azul-f); }
.gantt .cor-amarelo { --gantt-cor: var(--amarelo); --gantt-fundo: var(--amarelo-f); }
.gantt .cor-vermelho { --gantt-cor: var(--vermelho); --gantt-fundo: var(--vermelho-f); }
.gantt .cor-cinza { --gantt-cor: var(--suave); --gantt-fundo: var(--e-sutil, #eef1f0); }
.gantt-rolagem { max-height: 70vh; border-radius: var(--v-raio, calc(10px * var(--escala, 1))); }
.gantt-quadro { width: calc(var(--gantt-nome) + var(--gantt-dias) * var(--gantt-dia)); min-width: 100%; }
.gantt-vazio { padding: var(--v-esp-4, calc(16px * var(--escala, 1))); }
.gantt-cab { top: 0; }
.gantt-cab-nome { left: 0; flex: 0 0 var(--gantt-nome); padding: 0 var(--v-esp-3, calc(12px * var(--escala, 1))) calc(8px * var(--escala, 1)); font-size: var(--v-fonte-75, .75rem); letter-spacing: .02em; }
.gantt-cab-tempo { flex: 0 0 calc(var(--gantt-dias) * var(--gantt-dia)); }
.gantt-faixa { height: calc(24px * var(--escala, 1)); }
.gantt-faixa-baixo { height: calc(32px * var(--escala, 1)); }
.gantt-un { top: 0; bottom: 0; left: calc(var(--ini) * var(--gantt-dia)); width: calc(var(--dur) * var(--gantt-dia)); font-size: var(--v-fonte-75, .75rem); }
.gantt-faixa-cima .gantt-un { padding: 0 calc(6px * var(--escala, 1)); }
.gantt-faixa-baixo .gantt-un { line-height: 1.1; }
.gantt-un small { font-size: .66rem; }
.gantt-fundo { top: 0; bottom: 0; left: var(--gantt-nome); width: calc(var(--gantt-dias) * var(--gantt-dia)); }
.gantt-fds { top: 0; bottom: 0; left: calc(var(--ini) * var(--gantt-dia)); width: calc(var(--dur) * var(--gantt-dia)); }
.gantt-divisa { top: 0; bottom: 0; left: calc(var(--ini) * var(--gantt-dia)); }
.gantt-hoje { top: 0; bottom: 0; left: calc((var(--ini) + .5) * var(--gantt-dia)); width: calc(2px * var(--escala, 1)); margin-left: -1px; }
.gantt-linha { height: var(--gantt-linha); }
.gantt-nome { left: 0; flex: 0 0 var(--gantt-nome); gap: var(--v-esp-1, calc(4px * var(--escala, 1))); min-width: 0; padding: 0 var(--v-esp-1, calc(4px * var(--escala, 1))) 0 calc(var(--v-esp-3, calc(12px * var(--escala, 1))) + var(--nivel, 0) * calc(16px * var(--escala, 1))); }
.gantt-nome-texto { flex: 1; min-width: 0; line-height: 1.2; }
.gantt-nome-texto > :is(b, a, .btn) { font-size: var(--v-fonte-86, .86rem); }
.gantt-nome-texto > .btn { padding-left: 0; }
.gantt-nome-texto > small { font-size: var(--v-fonte-74, .74rem); }
.gantt-nome > .menu-acoes { flex: none; }
.gantt-trilho { flex: 0 0 calc(var(--gantt-dias) * var(--gantt-dia)); }
.gantt-sem-datas { top: 50%; left: var(--v-esp-2, calc(8px * var(--escala, 1))); font-size: var(--v-fonte-76, .76rem); }
.gantt-barra { top: calc(7px * var(--escala, 1)); bottom: calc(7px * var(--escala, 1)); left: calc((var(--ini) + var(--mexe-ini, 0)) * var(--gantt-dia)); width: calc((var(--dur) + var(--mexe-dur, 0)) * var(--gantt-dia)); min-width: calc(6px * var(--escala, 1)); border-radius: calc(5px * var(--escala, 1)); font-size: var(--v-fonte-76, .76rem); }
.gantt-barra.corta-inicio { border-top-left-radius: 0; border-bottom-left-radius: 0; }
.gantt-barra.corta-fim { border-top-right-radius: 0; border-bottom-right-radius: 0; }
.gantt-feito { top: 0; bottom: 0; left: 0; }
.gantt-barra-texto { padding: 0 calc(6px * var(--escala, 1)); }
.gantt-ponta { top: 0; bottom: 0; width: calc(8px * var(--escala, 1)); }
.gantt-ponta.inicio { left: 0; }
.gantt-ponta.fim { right: 0; }
.gantt-barra.marco { top: calc(50% - calc(7px * var(--escala, 1))); bottom: auto; width: calc(14px * var(--escala, 1)); height: calc(14px * var(--escala, 1)); min-width: 0; margin-left: -7px; border-radius: calc(2px * var(--escala, 1)); }
.gantt-linha[data-faixas] { height: calc(var(--gantt-linha) + (var(--faixas, 1) - 1) * var(--gantt-faixa)); }
.gantt-linha[data-faixas] .gantt-nome { padding-top: calc(7px * var(--escala, 1)); }
.gantt-linha[data-faixas] .gantt-barra { top: calc(calc(7px * var(--escala, 1)) + var(--faixa, 0) * var(--gantt-faixa)); bottom: auto; height: calc(26px * var(--escala, 1)); }
.gantt-linha[data-faixas] .gantt-barra.marco { top: calc(calc(13px * var(--escala, 1)) + var(--faixa, 0) * var(--gantt-faixa)); height: calc(14px * var(--escala, 1)); }
.gantt-linha[data-faixas] .gantt-sem-datas { top: calc(20px * var(--escala, 1)); }
.gantt-setas { top: 0; left: var(--gantt-nome); width: calc(var(--gantt-dias) * var(--gantt-dia)); height: calc(var(--gantt-linhas) * var(--gantt-linha) + var(--gantt-extras, 0) * var(--gantt-faixa)); }
.gantt-datas { gap: var(--v-esp-3, calc(12px * var(--escala, 1))); }
.gantt-datas-agora { margin: 0; font-size: var(--v-fonte-86, .86rem); }
.gantt-deps { gap: var(--v-esp-2, calc(8px * var(--escala, 1))); padding-top: var(--v-esp-2, calc(8px * var(--escala, 1))); }
.gantt-deps > h3 { margin: 0; font-size: var(--v-fonte-78, .78rem); letter-spacing: .02em; }
.gantt-deps > ul { gap: var(--v-esp-1, calc(4px * var(--escala, 1))); margin: 0; padding: 0; }
.gantt-deps li { gap: var(--v-esp-2, calc(8px * var(--escala, 1))); }
.gantt-deps-nada { margin: 0; font-size: var(--v-fonte-86, .86rem); }
@media (max-width: 760px) { .gantt { --gantt-nome: calc(140px * var(--escala, 1)); } }
@media (max-width: 760px) { .gantt-legenda { margin-left: 0; } }
.arvore { --arvore-recuo: calc(16px * var(--escala, 1)); gap: var(--v-esp-2, calc(8px * var(--escala, 1))); min-width: 0; }
.arvore-busca { margin: 0; }
.arvore-achados { margin: 0; font-size: var(--v-fonte-80, .8rem); }
.arvore-achados mark, .arvore-nome mark { border-radius: calc(2px * var(--escala, 1)); }
.arvore-lista, .arvore-grupo { gap: calc(1px * var(--escala, 1)); margin: 0; padding: 0; }
.arvore-no { margin: 0; }
.arvore-linha { gap: calc(6px * var(--escala, 1)); min-height: calc(32px * var(--escala, 1)); padding: calc(2px * var(--escala, 1)) calc(4px * var(--escala, 1)) calc(2px * var(--escala, 1)) calc(calc(4px * var(--escala, 1)) + (var(--arvore-nivel, 1) - 1) * var(--arvore-recuo)); border-radius: calc(6px * var(--escala, 1)); font-size: var(--v-fonte-13px, calc(13px * var(--escala, 1))); line-height: 1.35; }
.arvore-alternar { flex: none; width: calc(20px * var(--escala, 1)); height: calc(20px * var(--escala, 1)); border-radius: calc(4px * var(--escala, 1)); }
.arvore-icone { flex: none; }
.arvore-nome { flex: 1; min-width: 0; margin: 0; padding: calc(4px * var(--escala, 1)) calc(2px * var(--escala, 1)); font: inherit; }
.arvore-nome:focus-visible { border-radius: calc(4px * var(--escala, 1)); }
.arvore-extra { flex: none; font-size: var(--v-fonte-78, .78rem); }
.arvore-acoes { flex: none; }
.arvore-acoes .menu-acoes > .menu-acoes-bt { width: calc(26px * var(--escala, 1)); height: calc(26px * var(--escala, 1)); }
.arvore-carregando, .arvore-mais { padding: calc(4px * var(--escala, 1)) calc(4px * var(--escala, 1)) calc(4px * var(--escala, 1)) calc(calc(30px * var(--escala, 1)) + (var(--arvore-nivel, 1) - 1) * var(--arvore-recuo)); }
.arvore-carregando { font-size: var(--v-fonte-80, .8rem); }
.arvore-vazio { font-size: var(--v-fonte-85, .85rem); }
.arvore-destinos { gap: var(--v-esp-2, calc(8px * var(--escala, 1))); padding: var(--v-esp-2, calc(8px * var(--escala, 1))) var(--v-esp-3, calc(12px * var(--escala, 1))); border-radius: var(--v-raio, calc(10px * var(--escala, 1))); }
.arvore-destinos-titulo { margin: 0; font-size: var(--v-fonte-85, .85rem); }
.arvore-destinos-lista { gap: calc(1px * var(--escala, 1)); max-height: calc(280px * var(--escala, 1)); margin: 0; padding: 0; }
.arvore-destino { gap: calc(6px * var(--escala, 1)); min-height: calc(32px * var(--escala, 1)); margin: 0; padding: calc(2px * var(--escala, 1)) calc(8px * var(--escala, 1)) calc(2px * var(--escala, 1)) calc(calc(8px * var(--escala, 1)) + (var(--arvore-nivel, 1) - 1) * var(--arvore-recuo)); border-radius: calc(6px * var(--escala, 1)); font-size: var(--v-fonte-13px, calc(13px * var(--escala, 1))); }
.arvore-destino > svg { flex: none; }
.organograma { --og-linha: var(--e-linha-forte, var(--linha)); --og-suave: var(--e-suave, var(--suave)); --og-caixa: var(--e-cartao, #fff); --og-desce: calc(22px * var(--escala, 1)); --og-lado: calc(10px * var(--escala, 1)); gap: var(--v-esp-2, calc(8px * var(--escala, 1))); min-width: 0; }
:root[data-acrilico="on"] .organograma { --og-caixa: var(--grade-fundo, var(--acr-base, #fff)); }
.organograma-busca { flex: 1 1 calc(220px * var(--escala, 1)); max-width: calc(360px * var(--escala, 1)); margin: 0; }
.organograma-achados { margin: 0; font-size: var(--v-fonte-80, .8rem); }
.organograma-grupo { gap: var(--v-esp-1, calc(4px * var(--escala, 1))); }
.organograma-zoom-valor { min-width: calc(44px * var(--escala, 1)); font-size: var(--v-fonte-78, .78rem); }
.organograma-vista { height: clamp(calc(420px * var(--escala, 1)), 68vh, calc(920px * var(--escala, 1))); border-radius: var(--v-raio, calc(10px * var(--escala, 1))); }
.organograma-palco { top: 0; left: 0; width: max-content; padding: var(--v-esp-2, calc(8px * var(--escala, 1))) var(--v-esp-4, calc(16px * var(--escala, 1))) var(--v-esp-5, calc(24px * var(--escala, 1))); }
.organograma-nivel { margin: 0; padding: var(--og-desce) 0 0; }
.organograma-raizes { gap: var(--v-esp-6, calc(32px * var(--escala, 1))); padding-top: 0; }
.organograma-nivel .organograma-nivel::before { top: 0; left: 50%; height: var(--og-desce); }
.organograma-no { padding: var(--og-desce) var(--og-lado) 0; }
.organograma-no::before, .organograma-no::after { top: 0; right: 50%; width: 50%; height: var(--og-desce); }
.organograma-no::after { right: auto; left: 50%; }
.organograma-no:only-child { padding-top: 0; }
.organograma-no:last-child::before { border-top-right-radius: var(--v-raio-ctrl, calc(8px * var(--escala, 1))); }
.organograma-no:first-child::after { border-top-left-radius: var(--v-raio-ctrl, calc(8px * var(--escala, 1))); }
.organograma-raizes > .organograma-no { padding-top: 0; }
.organograma-caixa { gap: var(--v-esp-2, calc(8px * var(--escala, 1))); width: calc(232px * var(--escala, 1)); padding: var(--v-esp-3, calc(12px * var(--escala, 1))) var(--v-esp-3, calc(12px * var(--escala, 1))) var(--v-esp-4, calc(16px * var(--escala, 1))); border-radius: var(--v-raio, calc(10px * var(--escala, 1))); }
.organograma-cabeca { gap: var(--v-esp-1, calc(4px * var(--escala, 1))); min-height: calc(24px * var(--escala, 1)); }
.organograma-nome { flex: 1; min-width: 0; font-size: var(--v-fonte-13px, calc(13px * var(--escala, 1))); line-height: 1.3; }
.organograma-acoes { flex: none; margin: calc(-1 * var(--v-esp-1, calc(4px * var(--escala, 1)))) calc(-1 * var(--v-esp-1, calc(4px * var(--escala, 1)))) 0 0; }
.organograma-acoes .menu-acoes > .menu-acoes-bt { width: calc(26px * var(--escala, 1)); height: calc(26px * var(--escala, 1)); }
.organograma-chefe { gap: var(--v-esp-2, calc(8px * var(--escala, 1))); min-width: 0; }
.organograma-chefe-texto { min-width: 0; }
.organograma-chefe-nome { font-size: var(--v-fonte-13px, calc(13px * var(--escala, 1))); }
.organograma-cargo { font-size: var(--v-fonte-75, .75rem); }
.organograma-sem-chefe { margin: 0; font-size: var(--v-fonte-78, .78rem); }
.organograma-pessoas { gap: var(--v-esp-2, calc(8px * var(--escala, 1))); min-height: calc(22px * var(--escala, 1)); }
.organograma-fotos > .organograma-pessoa + .organograma-pessoa { margin-left: calc(-1 * var(--v-esp-1, calc(4px * var(--escala, 1)))); }
.organograma-pessoa { border-radius: 50%; }
.organograma-mais { margin-left: var(--v-esp-1, calc(4px * var(--escala, 1))); padding: 0 var(--v-esp-2, calc(8px * var(--escala, 1))); border-radius: var(--v-raio-pilula, calc(999px * var(--escala, 1))); font-size: var(--v-fonte-72, .72rem); }
.organograma-conta { margin-left: auto; font-size: var(--v-fonte-75, .75rem); }
.organograma-alternar { left: 50%; bottom: -11px; gap: var(--v-esp-1, calc(4px * var(--escala, 1))); height: calc(22px * var(--escala, 1)); padding: 0 var(--v-esp-2, calc(8px * var(--escala, 1))); border-radius: var(--v-raio-pilula, calc(999px * var(--escala, 1))); font: inherit; font-size: var(--v-fonte-72, .72rem); }
.organograma-vazio { font-size: var(--v-fonte-85, .85rem); }
.organograma-destinos { gap: var(--v-esp-2, calc(8px * var(--escala, 1))); padding: var(--v-esp-2, calc(8px * var(--escala, 1))) var(--v-esp-3, calc(12px * var(--escala, 1))); border-radius: var(--v-raio, calc(10px * var(--escala, 1))); }
.organograma-destinos-titulo { margin: 0; font-size: var(--v-fonte-85, .85rem); }
.organograma-destinos-lista { gap: 0; max-height: calc(280px * var(--escala, 1)); margin: 0; padding: 0; }
.organograma-destino { gap: var(--v-esp-2, calc(8px * var(--escala, 1))); min-height: calc(32px * var(--escala, 1)); margin: 0; padding: 0 var(--v-esp-2, calc(8px * var(--escala, 1))) 0 calc(var(--v-esp-2, calc(8px * var(--escala, 1))) + (var(--og-nivel, 1) - 1) * var(--v-esp-4, calc(16px * var(--escala, 1)))); border-radius: var(--v-raio-ctrl, calc(8px * var(--escala, 1))); font-size: var(--v-fonte-13px, calc(13px * var(--escala, 1))); }
.organograma-destino > svg { flex: none; }
@media (max-width: 640px) { .organograma-busca { flex-basis: 100%; max-width: none; } }
@media (max-width: 640px) { .organograma-vista { height: 62vh; } }
.grade-arvore { gap: var(--v-esp-2, calc(8px * var(--escala, 1))); min-width: 0; max-width: 100%; }
.grade-arvore-barra { gap: var(--v-esp-2, calc(8px * var(--escala, 1))); }
.grade-arvore-rolagem { --ga-recuo: 1.15rem; --ga-cab-h: 2.3rem; --ga-preso: linear-gradient(var(--branco, #fff), var(--branco, #fff)), var(--acr-base, var(--branco, #fff)); max-width: 100%; max-height: 75vh; border-radius: var(--v-raio-ctrl, calc(8px * var(--escala, 1))); }
.grade-arvore .grade-arvore-tabela.t { width: max-content; min-width: 100%; }
.grade-arvore .grade-arvore-tabela.t :is(th, td) { padding: calc(5px * var(--escala, 1)) calc(10px * var(--escala, 1)); }
.grade-arvore .grade-arvore-tabela.t thead th { top: 0; height: var(--ga-cab-h); }
.grade-arvore .grade-arvore-tabela.t thead tr + tr th { top: var(--ga-cab-h); }
.grade-arvore .grade-arvore-tabela.t thead tr:first-child th.ga-cab-nome { left: 0; }
.grade-arvore .grade-arvore-tabela.t tbody th[scope="row"] { top: auto; left: 0; min-width: 15rem; max-width: 24rem; padding-left: calc(calc(6px * var(--escala, 1)) + (var(--ga-nivel, 1) - 1) * var(--ga-recuo)); letter-spacing: 0; font-size: inherit; }
.ga-nome { gap: var(--v-esp-1, calc(4px * var(--escala, 1))); }
.ga-rotulo { min-width: 0; padding-top: calc(1px * var(--escala, 1)); }
.ga-apoio { font-size: var(--v-fonte-78, .78rem); }
.ga-alternar { flex: none; width: calc(22px * var(--escala, 1)); height: calc(22px * var(--escala, 1)); margin: 0; padding: 0; border-radius: var(--v-raio-ctrl, calc(4px * var(--escala, 1))); }
.grade-arvore .grade-arvore-tabela.t td.ga-num { min-width: 7rem; }
.grade-arvore .grade-arvore-tabela.t td.ga-texto { min-width: 8rem; }
.ga-link:focus-visible { border-radius: calc(2px * var(--escala, 1)); }
.ga-editar { width: 100%; min-height: 1.6em; margin: 0; padding: calc(1px * var(--escala, 1)) calc(4px * var(--escala, 1)); border-radius: var(--v-raio-ctrl, calc(4px * var(--escala, 1))); font: inherit; }
.ga-edicao { gap: var(--v-esp-1, calc(4px * var(--escala, 1))); margin: 0; }
.ga-edicao .campo { margin: 0; }
.ga-edicao .campo input { width: 9rem; }
.ga-edicao .campo-erro { max-width: 14rem; margin: var(--v-esp-1, calc(4px * var(--escala, 1))) 0 0; }
.ga-edicao-acoes { gap: calc(2px * var(--escala, 1)); }
.grade-arvore-vazio { padding: var(--v-esp-3, calc(12px * var(--escala, 1))); }
@media (max-width: 600px) { .grade-arvore .grade-arvore-tabela.t tbody th[scope="row"] { min-width: 9.5rem; max-width: 12rem; } }
@media (max-width: 600px) { .grade-arvore-rolagem { max-height: 70vh; } }
.caminho { gap: var(--v-esp-2, calc(8px * var(--escala, 1))); margin: 0 0 var(--v-esp-3, calc(12px * var(--escala, 1))); }
.caminho-lista { gap: var(--v-esp-1, calc(4px * var(--escala, 1))); margin: 0; padding: 0; min-width: 0; }
.caminho-item { min-width: 0; }
.caminho-item + .caminho-item::before { margin-right: var(--v-esp-1, calc(4px * var(--escala, 1))); }
.ldt { gap: var(--v-esp-3, calc(12px * var(--escala, 1))); min-width: 0; }
.ldt-compor { gap: var(--v-esp-2, calc(8px * var(--escala, 1))); }
.ldt-compor textarea { min-height: calc(72px * var(--escala, 1)); }
.ldt-erro { margin: 0; font-size: var(--v-fonte-82, .82rem); }
.ldt-fixados { padding: var(--v-esp-2, calc(8px * var(--escala, 1))) var(--v-esp-3, calc(12px * var(--escala, 1))); border-radius: var(--v-raio, calc(10px * var(--escala, 1))); }
.ldt-fixados > h3 { gap: calc(6px * var(--escala, 1)); margin: 0 0 var(--v-esp-1, calc(4px * var(--escala, 1))); font-size: var(--v-fonte-78, .78rem); letter-spacing: .02em; }
.ldt-itens { margin: 0; padding: 0; }
.ldt-itens::before { top: calc(4px * var(--escala, 1)); bottom: calc(4px * var(--escala, 1)); left: calc(15px * var(--escala, 1)); width: calc(2px * var(--escala, 1)); }
.ldt-item { grid-template-columns: calc(32px * var(--escala, 1)) minmax(0, 1fr) auto; gap: var(--v-esp-3, calc(12px * var(--escala, 1))); padding: var(--v-esp-2, calc(8px * var(--escala, 1))) 0; }
.ldt-icone { width: calc(32px * var(--escala, 1)); height: calc(32px * var(--escala, 1)); border-radius: 50%; }
.ldt-corpo { min-width: 0; padding-top: calc(5px * var(--escala, 1)); }
.ldt-cab { gap: 0 var(--v-esp-2, calc(8px * var(--escala, 1))); margin: 0; font-size: var(--v-fonte-85, .85rem); }
.ldt-quando { font-size: var(--v-fonte-80, .8rem); }
.ldt-fixado { gap: calc(3px * var(--escala, 1)); font-size: var(--v-fonte-78, .78rem); }
.ldt-titulo { margin: calc(2px * var(--escala, 1)) 0 0; }
.ldt-texto { margin: calc(4px * var(--escala, 1)) 0 0; }
.ldt-mudanca { gap: calc(6px * var(--escala, 1)); margin: calc(4px * var(--escala, 1)) 0 0; }
.ldt-anexos { gap: calc(6px * var(--escala, 1)); margin: calc(6px * var(--escala, 1)) 0 0; padding: 0; }
.ldt-anexos a { gap: calc(4px * var(--escala, 1)); padding: calc(2px * var(--escala, 1)) calc(10px * var(--escala, 1)); border-radius: var(--v-raio-pilula, calc(999px * var(--escala, 1))); font-size: var(--v-fonte-82, .82rem); }
.ldt-barra { gap: var(--v-esp-2, calc(8px * var(--escala, 1))); }
.ldt-bolhas { gap: var(--v-esp-3, calc(12px * var(--escala, 1))); margin: 0; padding: 0; }
.ldt-bolha { width: min(100%, calc(820px * var(--escala, 1))); min-width: 0; padding: var(--v-esp-2, calc(8px * var(--escala, 1))) var(--v-esp-3, calc(12px * var(--escala, 1))); border-radius: var(--v-raio, calc(10px * var(--escala, 1))); border-top-left-radius: calc(2px * var(--escala, 1)); }
.ldt-bolha.ldt-meu { border-top-left-radius: var(--v-raio, calc(10px * var(--escala, 1))); border-top-right-radius: calc(2px * var(--escala, 1)); }
.ldt-apoio { margin: calc(2px * var(--escala, 1)) 0 0; font-size: var(--v-fonte-80, .8rem); }
.ldt-bolha-pe { gap: var(--v-esp-2, calc(8px * var(--escala, 1))); margin-top: var(--v-esp-2, calc(8px * var(--escala, 1))); }
.ldt-quadro { width: 100%; height: calc(360px * var(--escala, 1)); min-height: calc(160px * var(--escala, 1)); margin: calc(6px * var(--escala, 1)) 0 0; border-radius: var(--v-raio-ctrl, calc(6px * var(--escala, 1))); }
.ldt-tamanho { font-size: var(--v-fonte-75, .75rem); }
.ldt-anexo-sem { gap: calc(4px * var(--escala, 1)); padding: calc(2px * var(--escala, 1)) calc(10px * var(--escala, 1)); border-radius: var(--v-raio-pilula, calc(999px * var(--escala, 1))); font-size: var(--v-fonte-82, .82rem); }
@media (max-width: 760px) { .ldt-bolha { width: 100%; } }
.ldt-sugestoes { margin: 0; padding: var(--v-esp-1, calc(4px * var(--escala, 1))); max-height: calc(240px * var(--escala, 1)); border-radius: var(--v-raio-ctrl, calc(8px * var(--escala, 1))); }
.ldt-sugestoes [role=option] { padding: var(--v-esp-1, calc(4px * var(--escala, 1))) var(--v-esp-2, calc(8px * var(--escala, 1))); border-radius: var(--v-raio-ctrl, calc(6px * var(--escala, 1))); font-size: var(--v-fonte-90, .9rem); }
.lista-mestre-2 { grid-template-columns: minmax(calc(200px * var(--escala, 1)), calc(280px * var(--escala, 1))) minmax(0, 1fr); gap: var(--v-esp-4, calc(16px * var(--escala, 1))); }
.lista-mestre-2 > .lm-lista { padding-right: var(--v-esp-3, calc(12px * var(--escala, 1))); }
.lm-conteudo { min-width: 0; }
.lista-mestre button.nb-lat-item { width: 100%; font: inherit; }
.lm-apoio { margin-top: calc(1px * var(--escala, 1)); font-size: var(--v-fonte-78, .78rem); }
.lm-nao-lido .lm-titulo::before { width: calc(7px * var(--escala, 1)); height: calc(7px * var(--escala, 1)); margin-right: var(--v-esp-1, calc(4px * var(--escala, 1))); border-radius: var(--v-raio-pilula, calc(999px * var(--escala, 1))); }
@media (max-width: 760px) { .lista-mestre-2 { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 760px) { .lista-mestre-2 > .lm-lista { padding: 0 0 var(--v-esp-3, calc(12px * var(--escala, 1))); } }
.lista-mestre-2 > .lm-lista, .lista-mestre .nb-lat-lista > li { min-width: 0; }
.lm-titulo { gap: var(--v-esp-1, calc(4px * var(--escala, 1))); min-width: 0; }
.lm-titulo-t { flex: 1 1 auto; min-width: 0; }
.lm-nao-lido .lm-titulo::before { flex: 0 0 auto; }
.lm-anexo { flex: 0 0 auto; }
.lm-quando { flex: 0 0 auto; margin-left: auto; font-size: var(--v-fonte-75, .75rem); }
.lm-detalhe { margin-top: calc(1px * var(--escala, 1)); font-size: var(--v-fonte-75, .75rem); }
table.t.ficha:not(:has(> colgroup)) > tbody > tr > th[scope="row"] { width: 35%; }
.documento { max-width: calc(760px * var(--escala, 1)); min-width: 0; line-height: 1.6; }
.documento > :first-child { margin-top: 0; }
.documento:not(.documento-trecho):not(:first-child) { margin-top: var(--v-esp-3, calc(12px * var(--escala, 1))); }
.documento > :last-child { margin-bottom: 0; }
.documento h3, .documento h4, .documento h5, .documento h6 { margin: var(--v-esp-4, calc(16px * var(--escala, 1))) 0 var(--v-esp-2, calc(8px * var(--escala, 1))); line-height: 1.3; }
.documento h3 { font-size: 1.3rem; }
.documento h4 { font-size: var(--v-fonte-112, 1.12rem); }
.documento h5 { font-size: var(--v-fonte-100, 1rem); }
.documento h6 { font-size: var(--v-fonte-92, .92rem); }
.documento p, .documento ul, .documento ol, .documento blockquote, .documento pre, .documento-tabela { margin: 0 0 var(--v-esp-3, calc(12px * var(--escala, 1))); }
.documento ul, .documento ol { padding-left: 1.5em; }
.documento li + li { margin-top: calc(2px * var(--escala, 1)); }
.documento li > ul, .documento li > ol { margin: calc(2px * var(--escala, 1)) 0 0; }
.documento-item-tarefa { margin-left: -1.3em; }
.documento-tarefa { width: 1em; height: 1em; margin-right: calc(4px * var(--escala, 1)); border-radius: calc(3px * var(--escala, 1)); font-size: .9em; line-height: 1; }
.documento blockquote { padding: calc(2px * var(--escala, 1)) 0 calc(2px * var(--escala, 1)) var(--v-esp-3, calc(12px * var(--escala, 1))); }
.documento hr { margin: var(--v-esp-4, calc(16px * var(--escala, 1))) 0; }
.documento img { max-width: 100%; height: auto; margin: var(--v-esp-2, calc(8px * var(--escala, 1))) 0; border-radius: var(--v-raio-ctrl, calc(6px * var(--escala, 1))); }
.documento code { padding: calc(1px * var(--escala, 1)) calc(5px * var(--escala, 1)); border-radius: calc(4px * var(--escala, 1)); font-size: .88em; }
.documento pre { padding: var(--v-esp-3, calc(12px * var(--escala, 1))); border-radius: var(--v-raio-ctrl, calc(6px * var(--escala, 1))); line-height: 1.45; }
.documento pre code { padding: 0; font-size: var(--v-fonte-85, .85rem); }
.documento-tabela table { min-width: 50%; font-size: var(--v-fonte-90, .9rem); }
.documento-tabela th, .documento-tabela td { padding: calc(6px * var(--escala, 1)) calc(10px * var(--escala, 1)); }
.documento-anexo { gap: calc(4px * var(--escala, 1)); padding: calc(2px * var(--escala, 1)) calc(10px * var(--escala, 1)); border-radius: var(--v-raio-pilula, calc(999px * var(--escala, 1))); font-size: var(--v-fonte-85, .85rem); }
.documento-imagem { margin: .9rem 0; }
.documento-imagem img { max-width: 100%; height: auto; border-radius: var(--raio); }
.documento-imagem figcaption { margin-top: .35rem; font-size: var(--v-fonte-82, .82rem); }
.documento-trecho { max-width: none; font-size: var(--v-fonte-88, .88rem); line-height: 1.5; }
.documento-trecho mark { padding: 0 calc(2px * var(--escala, 1)); border-radius: calc(3px * var(--escala, 1)); }
.docf { gap: var(--v-esp-3, calc(12px * var(--escala, 1))); min-width: 0; max-width: 100%; }
.df-titulo { margin: 0; font-size: var(--v-fonte-105, 1.05rem); }
.df-acoes { gap: var(--v-esp-2, calc(8px * var(--escala, 1))); }
.docf .link-box code { letter-spacing: .02em; word-spacing: .15em; }
.df-xml-parte { gap: var(--v-esp-2, calc(8px * var(--escala, 1))); min-width: 0; }
.df-xml-titulo { margin: 0; font-size: var(--v-fonte-95, .95rem); }
.df-busca { gap: var(--v-esp-2, calc(8px * var(--escala, 1))) var(--v-esp-3, calc(12px * var(--escala, 1))); margin: 0; min-width: 0; }
.df-busca > .campo { margin: 0; }
.df-busca > .campo:first-child { flex: 1 1 16rem; min-width: 0; }
.df-busca > .campo:first-child input { width: 100%; }
.df-conta { font-size: var(--v-fonte-85, .85rem); }
.df-xml { max-height: 32rem; padding: calc(6px * var(--escala, 1)) 0; border-radius: var(--v-raio-ctrl, calc(8px * var(--escala, 1))); font: var(--v-fonte-82, .82rem)/1.5 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; }
.df-l { grid-template-columns: 3.5em minmax(0, 1fr); }
.df-num { padding: 0 calc(8px * var(--escala, 1)) 0 calc(4px * var(--escala, 1)); }
.df-cod { min-width: 0; padding: 0 calc(10px * var(--escala, 1)) 0 calc(var(--df-nivel, 0) * 1.5em); font: inherit; }
.df-cru .df-cod { padding-left: calc(4px * var(--escala, 1)); }
.df-xml mark { padding: 0 calc(1px * var(--escala, 1)); border-radius: calc(2px * var(--escala, 1)); }
.df-l.df-salto { margin-top: calc(4px * var(--escala, 1)); padding-top: calc(4px * var(--escala, 1)); }
.df-nada { margin: 0; padding: calc(8px * var(--escala, 1)) calc(12px * var(--escala, 1)); }
@media (max-width: 760px) { .df-xml { max-height: 60vh; font-size: var(--v-fonte-78, .78rem); } }
@media (max-width: 760px) { .df-l { grid-template-columns: 2.8em minmax(0, 1fr); } }
@media (max-width: 760px) { .df-cod { padding-left: calc(var(--df-nivel, 0) * .9em); } }
.imagem { gap: var(--v-esp-2, calc(8px * var(--escala, 1))); margin: 0; max-width: 100%; }
.imagem img { max-width: 100%; height: auto; }
.imagem-nitida img { padding: var(--v-esp-2, calc(8px * var(--escala, 1))); border-radius: var(--v-raio-ctrl, calc(8px * var(--escala, 1))); }
.avatar { flex: none; width: calc(28px * var(--escala, 1)); height: calc(28px * var(--escala, 1)); border-radius: 50%; letter-spacing: .02em; line-height: 1; }
.avatar-iniciais { font-size: var(--v-fonte-72, .72rem); }
.avatar-foto { width: 100%; height: 100%; border-radius: 50%; }
.avatar-xs { width: calc(20px * var(--escala, 1)); height: calc(20px * var(--escala, 1)); }
.avatar-xs .avatar-iniciais { font-size: .56rem; }
.avatar-s { width: calc(28px * var(--escala, 1)); height: calc(28px * var(--escala, 1)); }
.avatar-m { width: calc(40px * var(--escala, 1)); height: calc(40px * var(--escala, 1)); }
.avatar-m .avatar-iniciais { font-size: var(--v-fonte-90, .9rem); }
.avatar-l { width: calc(64px * var(--escala, 1)); height: calc(64px * var(--escala, 1)); }
.avatar-l .avatar-iniciais { font-size: var(--v-fonte-135, 1.35rem); }
.avatar-xl { width: calc(128px * var(--escala, 1)); height: calc(128px * var(--escala, 1)); }
.avatar-xl .avatar-iniciais { font-size: 2.6rem; }
.avatar-presenca { right: 0; bottom: 0; width: 28%; height: 28%; min-width: calc(7px * var(--escala, 1)); min-height: calc(7px * var(--escala, 1)); border-radius: 50%; }
.avatar-xl .avatar-presenca { width: calc(20px * var(--escala, 1)); height: calc(20px * var(--escala, 1)); right: calc(8px * var(--escala, 1)); bottom: calc(8px * var(--escala, 1)); }
.quem-badge > .avatar.avatar-xs, .sb-quem > .avatar.avatar-xs { width: calc(20px * var(--escala, 1)); height: calc(20px * var(--escala, 1)); }
.avatar-com-nome { gap: var(--v-esp-1, calc(4px * var(--escala, 1))); max-width: 100%; min-width: 0; }
.avatar-com-nome > .avatar-nome { min-width: 0; }
.campo-pessoa-avatar:has(> .avatar) { width: auto; height: auto; }
.cartao-perfil { gap: var(--v-esp-2, calc(8px * var(--escala, 1))); }
.cp-topo { min-height: calc(24px * var(--escala, 1)); gap: var(--v-esp-2, calc(8px * var(--escala, 1))); }
.cp-papel { letter-spacing: .04em; }
.cp-presenca { gap: var(--v-esp-1, calc(6px * var(--escala, 1))); margin-left: auto; font-size: var(--v-fonte-78, .78rem); letter-spacing: .04em; }
.cp-ponto { width: calc(8px * var(--escala, 1)); height: calc(8px * var(--escala, 1)); border-radius: 50%; }
.cp-foto { gap: var(--v-esp-2, calc(8px * var(--escala, 1))); margin: var(--v-esp-2, calc(8px * var(--escala, 1))) 0; }
.cp-nome { margin: 0; font-size: var(--v-fonte-110, 1.1rem); }
.cp-cargo { margin: 0; }
.cp-acoes { margin-top: var(--v-esp-2, calc(8px * var(--escala, 1))); }
.recorte-foto { gap: var(--v-esp-2, calc(8px * var(--escala, 1))); }
.recorte-oculto { width: calc(1px * var(--escala, 1)); height: calc(1px * var(--escala, 1)); padding: 0; }
.recorte-area { gap: var(--v-esp-2, calc(8px * var(--escala, 1))); padding: var(--v-esp-3, calc(12px * var(--escala, 1))); border-radius: var(--v-raio, calc(10px * var(--escala, 1))); }
.recorte-quadro { width: calc(256px * var(--escala, 1)); max-width: 100%; border-radius: var(--v-raio-ctrl, calc(8px * var(--escala, 1))); }
.recorte-zoom { gap: var(--v-esp-2, calc(8px * var(--escala, 1))); font-size: var(--v-fonte-85, .85rem); }
.recorte-zoom input { width: calc(160px * var(--escala, 1)); }
.recorte-erro { margin: 0; font-size: var(--v-fonte-85, .85rem); }
.recorte-andamento { margin: 0; min-height: 1em; font-size: var(--v-fonte-85, .85rem); }
.etapas { padding: 0; }
button.etapas-item { margin: 0; padding: 0; font: inherit; border-radius: calc(8px * var(--escala, 1)); }
.etapas.passos { margin: 1.4rem 0 1.3rem; }
.etapas.passos ol { grid-template-columns: repeat(var(--marcos, 4), 1fr); }
.etapas.passos .etapas-item { width: 100%; gap: .4rem; }
.etapas.passos .etapas-bola { width: 2rem; height: 2rem; border-radius: 50%; font-size: var(--v-fonte-85, .85rem); }
.etapas.passos .etapas-rotulo { font-size: var(--v-fonte-78, .78rem); }
.etapas.passos .feita .etapas-bola { font-size: 0; }
.etapas.passos .feita .etapas-bola::before { font-size: var(--v-fonte-95, .95rem); }
.etapas-linha { top: 1rem; left: calc(50% / var(--marcos, 4)); right: calc(50% / var(--marcos, 4)); height: calc(2px * var(--escala, 1)); }
.etapas-enche { width: 0; height: 100%; }
.etapas.passos { gap: 0; font-size: inherit; }
.etapas.passos :is(.etapas-item, .etapas-linha, .etapas-enche, .etapas-bola, .etapas-rotulo, .etapas-quando) { padding: 0; }
.etapas.passos :is(span.etapas-item, .etapas-rotulo, .etapas-quando) { border-radius: 0; }
.etapas.passos .etapas-linha { border-radius: 0; }
.etapas.passos .etapas-enche { border-radius: 0; }
.etapas.funil { margin: calc(8px * var(--escala, 1)) 0 0; grid-template-columns: repeat(auto-fit, minmax(calc(120px * var(--escala, 1)), 1fr)); gap: calc(8px * var(--escala, 1)); }
.etapas.funil .etapas-item { gap: calc(4px * var(--escala, 1)); width: 100%; font-size: var(--v-fonte-82, .82rem); }
.etapas.funil .etapas-bola { width: calc(28px * var(--escala, 1)); height: calc(28px * var(--escala, 1)); border-radius: 50%; }
.etapas.funil .etapas-quando { font-size: var(--v-fonte-72, .72rem); }
.etapas.andamento { margin: 0 0 .4rem; gap: .7rem; }
.etapas.andamento > li { padding-left: 2rem; }
.etapas.andamento > li::before { left: 0; top: .1rem; width: 1.3rem; height: 1.3rem; border-radius: 50%; }
.etapas.andamento > li.feita::before { font-size: var(--v-fonte-75, .75rem); }
.etapas.andamento .etapas-quando { margin-left: .35em; font-size: var(--v-fonte-82, .82rem); }
.ast { gap: var(--v-esp-3, calc(12px * var(--escala, 1))); min-width: 0; max-width: 100%; }
.ast-vazio { padding: var(--v-esp-3, calc(12px * var(--escala, 1))); }
.ast > .progresso, .ast-lista { border-radius: var(--v-raio, var(--raio, calc(10px * var(--escala, 1)))); }
.ast > .progresso { padding: var(--v-esp-3, calc(12px * var(--escala, 1))) var(--v-esp-4, calc(16px * var(--escala, 1))); }
.ast-lista { padding: var(--v-esp-2, calc(8px * var(--escala, 1))); }
.ast-corpo { grid-template-columns: minmax(15rem, 20rem) minmax(0, 1fr); gap: var(--v-esp-4, calc(16px * var(--escala, 1))); min-width: 0; }
.ast-um .ast-corpo { grid-template-columns: minmax(0, 1fr); }
.ast-lista ol { gap: calc(2px * var(--escala, 1)); margin: 0; padding: 0; }
.ast-link { gap: var(--v-esp-2, calc(8px * var(--escala, 1))); width: 100%; margin: 0; padding: var(--v-esp-2, calc(8px * var(--escala, 1))) calc(10px * var(--escala, 1)); border-radius: var(--v-raio-ctrl, calc(8px * var(--escala, 1))); font: inherit; }
.ast-icone { flex: none; width: calc(20px * var(--escala, 1)); height: calc(20px * var(--escala, 1)); margin-top: calc(1px * var(--escala, 1)); }
.ast-nome { gap: calc(1px * var(--escala, 1)); min-width: 0; }
.ast-sit { font-size: var(--v-fonte-80, .8rem); }
.ast-painel { gap: var(--v-esp-3, calc(12px * var(--escala, 1))); min-width: 0; padding: var(--v-esp-4, calc(16px * var(--escala, 1))); border-radius: var(--v-raio, var(--raio, calc(10px * var(--escala, 1)))); }
.ast-cab { gap: var(--v-esp-2, calc(8px * var(--escala, 1))); }
.ast-titulo { margin: 0; font-size: var(--v-fonte-110, 1.1rem); }
.ast-opcional { font-size: var(--v-fonte-85, .85rem); }
.ast-cab .selo { gap: calc(4px * var(--escala, 1)); }
.ast-descricao { margin: 0; }
.ast-depende { gap: calc(4px * var(--escala, 1)); margin: 0; padding: calc(6px * var(--escala, 1)) calc(10px * var(--escala, 1)); border-radius: var(--v-raio-ctrl, calc(8px * var(--escala, 1))); font-size: var(--v-fonte-90, .9rem); }
.ast-depende-link { margin: 0; padding: 0; font: inherit; }
.ast-resultado { gap: calc(4px * var(--escala, 1)); padding: calc(8px * var(--escala, 1)) calc(12px * var(--escala, 1)); border-radius: var(--v-raio-ctrl, calc(8px * var(--escala, 1))); }
.ast-resultado p { margin: 0; }
.ast-caminho { gap: calc(4px * var(--escala, 1)); }
.ast-caminho-link { gap: calc(3px * var(--escala, 1)); }
.ast-quando { font-size: var(--v-fonte-80, .8rem); }
.ast-form { min-width: 0; }
.ast-acoes { gap: var(--v-esp-2, calc(8px * var(--escala, 1))); }
@media (max-width: 760px) { .ast-corpo { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 760px) { .ast-painel { padding: var(--v-esp-3, calc(12px * var(--escala, 1))); } }
@media (max-width: 760px) { .ast-acoes > * { flex: 1 1 auto; } }
.ch { grid-template-columns: calc(84px * var(--escala, 1)) minmax(calc(240px * var(--escala, 1)), calc(320px * var(--escala, 1))) minmax(0, 1fr); gap: 0; height: 100%; min-height: calc(520px * var(--escala, 1)); border-radius: var(--v-raio-grande, calc(14px * var(--escala, 1))); }
.ch.ch-com-sobre { grid-template-columns: calc(84px * var(--escala, 1)) minmax(calc(240px * var(--escala, 1)), calc(320px * var(--escala, 1))) minmax(0, 1fr) minmax(calc(260px * var(--escala, 1)), calc(320px * var(--escala, 1))); }
.ch-pagina { height: calc(100dvh - calc(210px * var(--escala, 1))); }
.ch-gaveta { border-radius: 0; }
.ch-abas { gap: var(--v-esp-1, calc(4px * var(--escala, 1))); padding: var(--v-esp-2, calc(8px * var(--escala, 1))) var(--v-esp-1, calc(4px * var(--escala, 1))); }
.ch-aba { gap: var(--v-esp-1, calc(4px * var(--escala, 1))); width: 100%; padding: var(--v-esp-2, calc(8px * var(--escala, 1))) var(--v-esp-1, calc(4px * var(--escala, 1))); border-radius: var(--v-raio, calc(10px * var(--escala, 1))); font: inherit; font-size: var(--v-fonte-72, .72rem); }
.ch-aba-ic { width: calc(32px * var(--escala, 1)); height: calc(32px * var(--escala, 1)); }
.ch-aba-ic img { width: calc(28px * var(--escala, 1)); height: calc(28px * var(--escala, 1)); border-radius: 50%; }
.ch-aba-ic .contador { top: -6px; right: -12px; }
.ch-aba-nome { max-width: calc(76px * var(--escala, 1)); }
.ch-lista { min-width: 0; min-height: 0; }
.ch-lista-topo { gap: var(--v-esp-2, calc(8px * var(--escala, 1))); padding: var(--v-esp-3, calc(12px * var(--escala, 1))) var(--v-esp-3, calc(12px * var(--escala, 1))) var(--v-esp-2, calc(8px * var(--escala, 1))); }
.ch-busca { flex: 1; gap: var(--v-esp-2, calc(8px * var(--escala, 1))); padding: 0 var(--v-esp-3, calc(12px * var(--escala, 1))); border-radius: var(--v-raio-pilula, calc(999px * var(--escala, 1))); }
.ch-busca input { flex: 1; min-width: 0; height: var(--ctl-h, calc(36px * var(--escala, 1))); font: inherit; }
.ch-bt-ic { width: calc(36px * var(--escala, 1)); height: calc(36px * var(--escala, 1)); flex: none; border-radius: var(--v-raio-pilula, calc(999px * var(--escala, 1))); }
.ch-bt { gap: var(--v-esp-1, calc(4px * var(--escala, 1))); padding: var(--v-esp-2, calc(8px * var(--escala, 1))) var(--v-esp-4, calc(16px * var(--escala, 1))); border-radius: var(--v-raio-ctrl, calc(8px * var(--escala, 1))); font: inherit; }
.ch-filtro { gap: var(--v-esp-2, calc(8px * var(--escala, 1))); padding: 0 var(--v-esp-3, calc(12px * var(--escala, 1))) var(--v-esp-2, calc(8px * var(--escala, 1))); }
.ch-pilula { gap: var(--v-esp-1, calc(4px * var(--escala, 1))); padding: var(--v-esp-1, calc(4px * var(--escala, 1))) var(--v-esp-3, calc(12px * var(--escala, 1))); border-radius: var(--v-raio-pilula, calc(999px * var(--escala, 1))); font: inherit; font-size: var(--v-fonte-82, .82rem); }
.ch-recentes { gap: var(--v-esp-2, calc(8px * var(--escala, 1))); padding: var(--v-esp-1, calc(4px * var(--escala, 1))) var(--v-esp-3, calc(12px * var(--escala, 1))) var(--v-esp-3, calc(12px * var(--escala, 1))); }
.ch-recente { gap: var(--v-esp-1, calc(4px * var(--escala, 1))); width: calc(58px * var(--escala, 1)); flex: none; padding: 0; font: inherit; font-size: var(--v-fonte-72, .72rem); }
.ch-recente span:last-child { max-width: calc(58px * var(--escala, 1)); }
.ch-itens { margin: 0; padding: var(--v-esp-1, calc(4px * var(--escala, 1))) 0; flex: 1; min-height: 0; }
.ch-item { gap: var(--v-esp-3, calc(12px * var(--escala, 1))); padding: var(--v-esp-2, calc(8px * var(--escala, 1))) var(--v-esp-3, calc(12px * var(--escala, 1))); }
.ch-item-meio { flex: 1; min-width: 0; }
.ch-item-nome { gap: var(--v-esp-1, calc(4px * var(--escala, 1))); }
.ch-item-sub { font-size: var(--v-fonte-82, .82rem); }
.ch-item-fim { gap: var(--v-esp-1, calc(4px * var(--escala, 1))); }
.ch-item-hora { font-size: var(--v-fonte-72, .72rem); }
.ch-vazio { margin: 0; padding: var(--v-esp-4, calc(16px * var(--escala, 1))); font-size: var(--v-fonte-88, .88rem); }
.ch-nova { gap: var(--v-esp-2, calc(8px * var(--escala, 1))); min-height: 0; flex: 1; padding: var(--v-esp-3, calc(12px * var(--escala, 1))) 0 0; }
.ch-nova > * { margin-left: var(--v-esp-3, calc(12px * var(--escala, 1))); margin-right: var(--v-esp-3, calc(12px * var(--escala, 1))); }
.ch-nova > .ch-itens { margin: 0; }
.ch-nova-topo { gap: var(--v-esp-2, calc(8px * var(--escala, 1))); }
.ch-nova-form { gap: var(--v-esp-2, calc(8px * var(--escala, 1))); }
.ch-nova-form input[type="text"] { height: var(--ctl-h, calc(36px * var(--escala, 1))); padding: 0 var(--v-esp-3, calc(12px * var(--escala, 1))); border-radius: var(--v-raio-ctrl, calc(8px * var(--escala, 1))); font: inherit; }
.ch-marca { gap: var(--v-esp-2, calc(8px * var(--escala, 1))); font-size: var(--v-fonte-85, .85rem); }
.ch-conversa { min-width: 0; min-height: 0; }
.ch-sobre { min-width: 0; min-height: 0; }
.ch-foto { flex: none; border-radius: 50%; }
.ch-foto img { width: 100%; height: 100%; border-radius: 50%; }
.ch-foto-p { width: calc(28px * var(--escala, 1)); height: calc(28px * var(--escala, 1)); font-size: var(--v-fonte-68, .68rem); }
.ch-foto-m { width: calc(44px * var(--escala, 1)); height: calc(44px * var(--escala, 1)); font-size: var(--v-fonte-90, .9rem); }
.ch-foto-g { width: calc(96px * var(--escala, 1)); height: calc(96px * var(--escala, 1)); font-size: 1.8rem; }
@media (max-width: 700px) { .ch, .ch.ch-com-sobre { height: calc(100dvh - calc(120px * var(--escala, 1))); min-height: 0; } }
@media (max-width: 700px) { .ch-aba { width: auto; min-width: calc(64px * var(--escala, 1)); } }
@media (max-width: 700px) { .ch-lista { flex: 1; } }
@media (max-width: 700px) { .ch-conversa { flex: 1; } }
@media (max-width: 700px) { .ch-sobre { flex: 1; } }
.ch-itens .ch-item-menu { right: var(--v-esp-2, calc(8px * var(--escala, 1))); top: var(--v-esp-1, calc(4px * var(--escala, 1))); }
.ch-item-menu > summary { width: calc(28px * var(--escala, 1)); height: calc(28px * var(--escala, 1)); border-radius: 50%; }
.ch-item-menu .ch-menu-lista { right: 0; top: 100%; min-width: calc(190px * var(--escala, 1)); padding: var(--v-esp-1, calc(4px * var(--escala, 1))); border-radius: var(--v-raio, calc(10px * var(--escala, 1))); }
.ch-item-menu .ch-menu-lista > button, .ch-item-menu .ch-menu-lista > a { padding: var(--v-esp-2, calc(8px * var(--escala, 1))) var(--v-esp-3, calc(12px * var(--escala, 1))); border-radius: var(--v-raio-ctrl, calc(8px * var(--escala, 1))); font: inherit; font-size: var(--v-fonte-85, .85rem); }
.ch-c { flex: 1; min-height: 0; }
.ch-c-escolha { gap: var(--v-esp-2, calc(8px * var(--escala, 1))); padding: var(--v-esp-5, calc(24px * var(--escala, 1))); }
.ch-c-topo { gap: var(--v-esp-3, calc(12px * var(--escala, 1))); padding: var(--v-esp-2, calc(8px * var(--escala, 1))) var(--v-esp-3, calc(12px * var(--escala, 1))); }
.ch-c-quem { flex: 1; min-width: 0; }
.ch-c-sub { font-size: var(--v-fonte-80, .8rem); }
.ch-c-botoes { gap: var(--v-esp-1, calc(4px * var(--escala, 1))); }
.ch-c-busca { margin: var(--v-esp-2, calc(8px * var(--escala, 1))) var(--v-esp-3, calc(12px * var(--escala, 1))) 0; flex: none; }
.ch-fio-topo { gap: var(--v-esp-2, calc(8px * var(--escala, 1))); padding: var(--v-esp-2, calc(8px * var(--escala, 1))) var(--v-esp-3, calc(12px * var(--escala, 1))); font-size: var(--v-fonte-85, .85rem); }
.ch-erro { margin: var(--v-esp-2, calc(8px * var(--escala, 1))) var(--v-esp-3, calc(12px * var(--escala, 1))) 0; padding: var(--v-esp-2, calc(8px * var(--escala, 1))) var(--v-esp-3, calc(12px * var(--escala, 1))); border-radius: var(--v-raio-ctrl, calc(8px * var(--escala, 1))); font-size: var(--v-fonte-85, .85rem); }
.ch-msgs { flex: 1; gap: var(--v-esp-2, calc(8px * var(--escala, 1))); min-height: 0; padding: var(--v-esp-3, calc(12px * var(--escala, 1))) var(--v-esp-4, calc(16px * var(--escala, 1))); }
.ch-mais { padding: var(--v-esp-1, calc(4px * var(--escala, 1))) var(--v-esp-3, calc(12px * var(--escala, 1))); border-radius: var(--v-raio-pilula, calc(999px * var(--escala, 1))); font: inherit; font-size: var(--v-fonte-80, .8rem); }
.ch-dia { top: 0; }
.ch-dia span { padding: var(--v-esp-1, calc(4px * var(--escala, 1))) var(--v-esp-3, calc(12px * var(--escala, 1))); border-radius: var(--v-raio-pilula, calc(999px * var(--escala, 1))); font-size: var(--v-fonte-75, .75rem); }
.ch-sistema { max-width: 80%; margin: 0; font-size: var(--v-fonte-80, .8rem); }
.ch-m { gap: var(--v-esp-2, calc(8px * var(--escala, 1))); max-width: 78%; }
.ch-balao { gap: var(--v-esp-1, calc(4px * var(--escala, 1))); min-width: 0; padding: var(--v-esp-2, calc(8px * var(--escala, 1))) var(--v-esp-3, calc(12px * var(--escala, 1))); border-radius: var(--v-raio-grande, calc(14px * var(--escala, 1))); }
.ch-autor { font-size: var(--v-fonte-78, .78rem); }
.ch-texto { line-height: 1.45; }
.ch-texto q { padding-left: var(--v-esp-2, calc(8px * var(--escala, 1))); }
.ch-citada { padding: var(--v-esp-1, calc(4px * var(--escala, 1))) var(--v-esp-2, calc(8px * var(--escala, 1))); border-radius: var(--v-raio-ctrl, calc(8px * var(--escala, 1))); font: inherit; font-size: var(--v-fonte-80, .8rem); max-width: 100%; }
.ch-hora { gap: var(--v-esp-1, calc(4px * var(--escala, 1))); font-size: var(--v-fonte-70, .7rem); }
.ch-reacoes { gap: var(--v-esp-1, calc(4px * var(--escala, 1))); }
.ch-reacao { padding: 0 var(--v-esp-2, calc(8px * var(--escala, 1))); border-radius: var(--v-raio-pilula, calc(999px * var(--escala, 1))); font: inherit; font-size: var(--v-fonte-80, .8rem); }
.ch-comentar { padding: 0; font: inherit; font-size: var(--v-fonte-80, .8rem); }
.ch-anexos { gap: var(--v-esp-2, calc(8px * var(--escala, 1))); }
.ch-anexo { gap: var(--v-esp-1, calc(4px * var(--escala, 1))); max-width: calc(220px * var(--escala, 1)); padding: var(--v-esp-2, calc(8px * var(--escala, 1))); border-radius: var(--v-raio, calc(10px * var(--escala, 1))); }
.ch-anexo img { max-width: calc(200px * var(--escala, 1)); max-height: calc(160px * var(--escala, 1)); border-radius: var(--v-raio-ctrl, calc(8px * var(--escala, 1))); }
.ch-anexo span { gap: var(--v-esp-1, calc(4px * var(--escala, 1))); }
.ch-acoes { top: calc(-1 * var(--v-esp-4, calc(16px * var(--escala, 1)))); right: var(--v-esp-2, calc(8px * var(--escala, 1))); gap: var(--v-esp-1, calc(4px * var(--escala, 1))); padding: var(--v-esp-1, calc(4px * var(--escala, 1))); border-radius: var(--v-raio-pilula, calc(999px * var(--escala, 1))); }
.ch-m.minha .ch-acoes { right: auto; left: var(--v-esp-2, calc(8px * var(--escala, 1))); }
.ch-acoes button { min-width: calc(26px * var(--escala, 1)); height: calc(26px * var(--escala, 1)); padding: 0; border-radius: 50%; font-size: var(--v-fonte-85, .85rem); }
.ch-escrevendo { margin: 0; font-size: var(--v-fonte-80, .8rem); }
.ch-escrever { gap: var(--v-esp-2, calc(8px * var(--escala, 1))); padding: var(--v-esp-2, calc(8px * var(--escala, 1))) var(--v-esp-3, calc(12px * var(--escala, 1))) var(--v-esp-3, calc(12px * var(--escala, 1))); }
.ch-barra { gap: var(--v-esp-2, calc(8px * var(--escala, 1))); padding: var(--v-esp-1, calc(4px * var(--escala, 1))) var(--v-esp-2, calc(8px * var(--escala, 1))); font-size: var(--v-fonte-82, .82rem); }
.ch-barra span { flex: 1; min-width: 0; }
.ch-envios { gap: var(--v-esp-2, calc(8px * var(--escala, 1))); }
.ch-envio { gap: var(--v-esp-1, calc(4px * var(--escala, 1))); padding: var(--v-esp-1, calc(4px * var(--escala, 1))) var(--v-esp-2, calc(8px * var(--escala, 1))); border-radius: var(--v-raio-pilula, calc(999px * var(--escala, 1))); font-size: var(--v-fonte-80, .8rem); }
.ch-envio button { padding: 0; }
.ch-campo { gap: var(--v-esp-1, calc(4px * var(--escala, 1))); padding: var(--v-esp-1, calc(4px * var(--escala, 1))); border-radius: var(--v-raio-grande, calc(14px * var(--escala, 1))); }
.ch-campo textarea { flex: 1; min-height: calc(36px * var(--escala, 1)); max-height: calc(160px * var(--escala, 1)); padding: var(--v-esp-2, calc(8px * var(--escala, 1))); font: inherit; line-height: 1.4; }
.ch-mandar { width: calc(38px * var(--escala, 1)); height: calc(38px * var(--escala, 1)); flex: none; border-radius: 50%; }
.ch-emoji-grade { right: 0; bottom: calc(44px * var(--escala, 1)); grid-template-columns: repeat(6, calc(32px * var(--escala, 1))); gap: var(--v-esp-1, calc(4px * var(--escala, 1))); padding: var(--v-esp-2, calc(8px * var(--escala, 1))); border-radius: var(--v-raio, calc(10px * var(--escala, 1))); }
.ch-emoji-grade button { width: calc(32px * var(--escala, 1)); height: calc(32px * var(--escala, 1)); padding: 0; border-radius: var(--v-raio-ctrl, calc(8px * var(--escala, 1))); font-size: var(--v-fonte-115, 1.15rem); }
.ch-sugestoes { left: var(--v-esp-5, calc(24px * var(--escala, 1))); bottom: 100%; min-width: calc(220px * var(--escala, 1)); margin: 0; padding: var(--v-esp-1, calc(4px * var(--escala, 1))); border-radius: var(--v-raio, calc(10px * var(--escala, 1))); }
.ch-sugestoes li { padding: var(--v-esp-2, calc(8px * var(--escala, 1))) var(--v-esp-3, calc(12px * var(--escala, 1))); border-radius: var(--v-raio-ctrl, calc(8px * var(--escala, 1))); }
.ch-so-le { margin: 0; padding: var(--v-esp-3, calc(12px * var(--escala, 1))); font-size: var(--v-fonte-85, .85rem); }
@media (max-width: 700px) { .ch-m { max-width: 92%; } }
@media (max-width: 700px) { .ch-msgs { padding: var(--v-esp-2, calc(8px * var(--escala, 1))); } }
.ch-menu > summary { min-width: calc(26px * var(--escala, 1)); height: calc(26px * var(--escala, 1)); border-radius: 50%; }
.ch-menu-lista { right: 0; top: 100%; min-width: calc(200px * var(--escala, 1)); padding: var(--v-esp-1, calc(4px * var(--escala, 1))); border-radius: var(--v-raio, calc(10px * var(--escala, 1))); }
.ch-m.minha .ch-menu-lista { right: auto; left: 0; }
.ch-menu-lista > button, .ch-menu-lista > a { width: 100%; padding: var(--v-esp-2, calc(8px * var(--escala, 1))) var(--v-esp-3, calc(12px * var(--escala, 1))); border-radius: var(--v-raio-ctrl, calc(8px * var(--escala, 1))); font: inherit; font-size: var(--v-fonte-85, .85rem); }
.ch-acoes .ch-menu-lista button { width: 100%; height: auto; border-radius: var(--v-raio-ctrl, calc(8px * var(--escala, 1))); }
.ch-vista { margin: var(--v-esp-1, calc(4px * var(--escala, 1))) 0 0; padding: var(--v-esp-2, calc(8px * var(--escala, 1))) var(--v-esp-3, calc(12px * var(--escala, 1))) 0; font-size: var(--v-fonte-75, .75rem); }
.ch-fixada { gap: var(--v-esp-2, calc(8px * var(--escala, 1))); padding: var(--v-esp-1, calc(4px * var(--escala, 1))) var(--v-esp-3, calc(12px * var(--escala, 1))); font-size: var(--v-fonte-85, .85rem); }
.ch-fixada-texto { flex: 1; min-width: 0; padding: 0; font: inherit; }
.ch-s { gap: var(--v-esp-3, calc(12px * var(--escala, 1))); padding: var(--v-esp-3, calc(12px * var(--escala, 1))); min-height: 100%; }
.ch-s-topo { gap: var(--v-esp-2, calc(8px * var(--escala, 1))); }
.ch-s-bloco { gap: var(--v-esp-2, calc(8px * var(--escala, 1))); padding: var(--v-esp-3, calc(12px * var(--escala, 1))); border-radius: var(--v-raio-grande, calc(14px * var(--escala, 1))); }
.ch-s-renomear { gap: var(--v-esp-2, calc(8px * var(--escala, 1))); width: 100%; }
.ch-s-renomear input { flex: 1; min-width: 0; height: var(--ctl-h, calc(36px * var(--escala, 1))); padding: 0 var(--v-esp-2, calc(8px * var(--escala, 1))); border-radius: var(--v-raio-ctrl, calc(8px * var(--escala, 1))); font: inherit; }
.ch-link { gap: var(--v-esp-1, calc(4px * var(--escala, 1))); padding: 0; font: inherit; font-size: var(--v-fonte-85, .85rem); }
.ch-s-linha { gap: var(--v-esp-2, calc(8px * var(--escala, 1))); padding: var(--v-esp-1, calc(4px * var(--escala, 1))) 0; }
.ch-s-linha > span:nth-of-type(1) { flex: 1; }
.ch-s-linha select { max-width: calc(150px * var(--escala, 1)); padding: var(--v-esp-1, calc(4px * var(--escala, 1))); border-radius: var(--v-raio-ctrl, calc(8px * var(--escala, 1))); font: inherit; font-size: var(--v-fonte-80, .8rem); }
.ch-chave { width: calc(34px * var(--escala, 1)); height: calc(20px * var(--escala, 1)); flex: none; border-radius: var(--v-raio-pilula, calc(999px * var(--escala, 1))); }
.ch-chave::after { top: calc(3px * var(--escala, 1)); left: calc(3px * var(--escala, 1)); width: calc(14px * var(--escala, 1)); height: calc(14px * var(--escala, 1)); border-radius: 50%; }
.ch-cont { min-width: calc(22px * var(--escala, 1)); padding: 0 var(--v-esp-1, calc(4px * var(--escala, 1))); border-radius: var(--v-raio-pilula, calc(999px * var(--escala, 1))); font-size: var(--v-fonte-75, .75rem); }
.ch-s-tit { margin: 0; }
.ch-s-pessoas, .ch-s-mini { gap: var(--v-esp-2, calc(8px * var(--escala, 1))); margin: 0; padding: 0; }
.ch-s-pessoas li { gap: var(--v-esp-2, calc(8px * var(--escala, 1))); }
.ch-s-pessoas li > span:not(.ch-foto) { flex: 1; min-width: 0; }
.ch-s-mini li { font-size: var(--v-fonte-85, .85rem); }
.ch-s-midia { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--v-esp-2, calc(8px * var(--escala, 1))); }
.ch-s-midia a { gap: var(--v-esp-1, calc(4px * var(--escala, 1))); font-size: var(--v-fonte-70, .7rem); }
.ch-s-midia img, .ch-s-midia span { width: 100%; border-radius: var(--v-raio-ctrl, calc(8px * var(--escala, 1))); }
.ch-s-midia small { max-width: 100%; }
.ch-s-config { gap: var(--v-esp-1, calc(4px * var(--escala, 1))); }
.ch-convite { max-width: 100%; font-size: var(--v-fonte-75, .75rem); }
.tabela-wrap[data-widget="matriz"] td { min-width: 12rem; }
.tabela-wrap[data-widget="matriz"] td:first-child { min-width: 16rem; }
.tabela-wrap[data-widget="matriz"] select { width: 100%; }
.tabela-wrap[data-widget="matriz"] tbody td:first-child,
.tabela-wrap[data-widget="matriz"] thead tr:first-child th:first-child { left: 0; }
.matriz-salvar { left: 0; gap: var(--v-esp-2, calc(8px * var(--escala, 1))); margin-top: var(--v-esp-2, calc(8px * var(--escala, 1))); padding: var(--v-esp-2, calc(8px * var(--escala, 1))) var(--v-esp-3, calc(12px * var(--escala, 1))); border-radius: var(--v-raio-ctrl, calc(8px * var(--escala, 1))); }
.matriz-salvar-conta { margin-right: auto; font-size: var(--v-fonte-88, .88rem); }
.conciliacao { gap: var(--v-esp-3, calc(12px * var(--escala, 1))); min-width: 0; max-width: 100%; }
.conc-alto { gap: var(--v-esp-2, calc(8px * var(--escala, 1))); min-width: 0; }
.conc-alto-barra { gap: var(--v-esp-2, calc(8px * var(--escala, 1))); }
.conc-atalhos { margin: 0; font-size: var(--v-fonte-80, .8rem); }
.conc-atalhos kbd { min-width: 1.5em; padding: 0 calc(4px * var(--escala, 1)); border-radius: calc(4px * var(--escala, 1)); font: inherit; font-size: var(--v-fonte-75, .75rem); }
.conc-corpo { grid-template-columns: minmax(0, 45fr) minmax(0, 55fr); gap: var(--v-esp-3, calc(12px * var(--escala, 1))); min-width: 0; }
.conc-esquerda { min-width: 0; }
.conc-extrato { max-height: 70vh; margin: 0; padding: 0; border-radius: var(--v-raio-ctrl, calc(8px * var(--escala, 1))); }
.conc-linha { grid-template-columns: auto minmax(0, 1fr) auto; gap: calc(2px * var(--escala, 1)) var(--v-esp-2, calc(8px * var(--escala, 1))); padding: var(--v-esp-2, calc(8px * var(--escala, 1))) var(--v-esp-3, calc(12px * var(--escala, 1))); font-size: var(--v-fonte-86, .86rem); }
.conc-data { padding-top: calc(1px * var(--escala, 1)); font-size: var(--v-fonte-80, .8rem); }
.conc-desc { min-width: 0; }
.conc-doc { font-size: var(--v-fonte-76, .76rem); }
.conc-painel { top: var(--v-esp-3, calc(12px * var(--escala, 1))); gap: var(--v-esp-3, calc(12px * var(--escala, 1))); min-width: 0; padding: var(--v-esp-3, calc(12px * var(--escala, 1))) var(--v-esp-4, calc(16px * var(--escala, 1))); border-radius: var(--v-raio-ctrl, calc(8px * var(--escala, 1))); }
.conc-painel-cab { gap: calc(4px * var(--escala, 1)); min-width: 0; }
.conc-painel-t { margin: 0; font-size: var(--v-fonte-100, 1rem); }
.conc-painel-apoio { gap: calc(4px * var(--escala, 1)) var(--v-esp-2, calc(8px * var(--escala, 1))); margin: 0; font-size: var(--v-fonte-82, .82rem); }
.conc-secao { gap: var(--v-esp-2, calc(8px * var(--escala, 1))); min-width: 0; }
.conc-secao-t { margin: 0; font-size: var(--v-fonte-75, .75rem); letter-spacing: .03em; }
.conc-explica { margin: 0; font-size: var(--v-fonte-82, .82rem); }
.conc-apoio { font-size: var(--v-fonte-78, .78rem); }
.conc-busca { margin: 0; }
.conc-itens { gap: calc(4px * var(--escala, 1)); margin: 0; padding: 0; }
.conc-item { min-width: 0; border-radius: var(--v-raio-ctrl, calc(8px * var(--escala, 1))); }
.conc-item-linha { grid-template-columns: auto minmax(0, 1fr) auto; gap: var(--v-esp-2, calc(8px * var(--escala, 1))); margin: 0; padding: calc(6px * var(--escala, 1)) var(--v-esp-2, calc(8px * var(--escala, 1))); font-size: var(--v-fonte-84, .84rem); letter-spacing: 0; }
div.conc-item-linha { grid-template-columns: minmax(0, 1fr) auto; }
.conc-marcar { width: calc(16px * var(--escala, 1)); height: calc(16px * var(--escala, 1)); margin: calc(2px * var(--escala, 1)) 0 0; }
.conc-item-corpo { gap: calc(1px * var(--escala, 1)); min-width: 0; }
.conc-item-tipo { margin-right: calc(4px * var(--escala, 1)); font-size: var(--v-fonte-72, .72rem); letter-spacing: .03em; }
.conc-item-apoio { font-size: var(--v-fonte-78, .78rem); }
.conc-conta { gap: calc(6px * var(--escala, 1)); padding: var(--v-esp-2, calc(8px * var(--escala, 1))) var(--v-esp-3, calc(12px * var(--escala, 1))); border-radius: var(--v-raio-ctrl, calc(8px * var(--escala, 1))); }
.conc-soma, .conc-diferenca { margin: 0; font-size: var(--v-fonte-86, .86rem); }
.conc-tratar { gap: calc(4px * var(--escala, 1)); min-width: 0; margin: 0; padding: 0; }
.conc-tratar legend { margin-bottom: calc(4px * var(--escala, 1)); padding: 0; font-size: var(--v-fonte-86, .86rem); }
.conc-opcao { gap: calc(6px * var(--escala, 1)); margin: 0; font-size: var(--v-fonte-84, .84rem); letter-spacing: 0; }
.conc-opcao input { margin: calc(3px * var(--escala, 1)) 0 0; }
.conc-erro { margin: 0; padding: calc(6px * var(--escala, 1)) var(--v-esp-2, calc(8px * var(--escala, 1))); border-radius: var(--v-raio-ctrl, calc(8px * var(--escala, 1))); font-size: var(--v-fonte-84, .84rem); }
.conc-criar { padding-top: var(--v-esp-2, calc(8px * var(--escala, 1))); }
.conc-criar-t { font-size: var(--v-fonte-80, .8rem); }
@media (max-width: 760px) { .conc-corpo { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 760px) { .conc-extrato { max-height: 50vh; } }
@media (max-width: 760px) { .conc-painel { padding: var(--v-esp-3, calc(12px * var(--escala, 1))); } }
.kpi { border-radius: var(--raio); padding: calc(14px * var(--escala, 1)) calc(16px * var(--escala, 1)); }
.kpi .r { font-size: var(--v-fonte-75, .75rem); letter-spacing: .03em; }
.kpi .v { font-size: 1.5rem; margin-top: calc(2px * var(--escala, 1)); }
.kpi .s { font-size: var(--v-fonte-80, .8rem); }
.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)); }
.grafico { margin: 0; min-width: 0; border-radius: var(--v-raio, calc(10px * var(--escala, 1))); }
.grafico-svg { width: 100%; }
.grafico .s1 { --g: var(--g-1); }
.grafico .s2 { --g: var(--g-2); }
.grafico .s3 { --g: var(--g-3); }
.grafico .s4 { --g: var(--g-4); }
.grafico .s5 { --g: var(--g-5); }
.grafico .s6 { --g: var(--g-6); }
.grafico .so { --g: var(--suave); }
.grafico-area { gap: var(--v-esp-2, calc(8px * var(--escala, 1))); }
.grafico-plot { flex: 1; min-width: 0; }
.grafico-eixo-y { flex: none; }
.grafico-marca, .grafico-rotulo { font-size: var(--v-fonte-72, .72rem); line-height: 1; }
.grafico-eixo-y .grafico-marca { right: 0; }
.grafico-eixo-x { height: 1.4em; margin-top: var(--v-esp-1, calc(4px * var(--escala, 1))); font-size: var(--v-fonte-72, .72rem); }
.grafico-eixo-x .grafico-rotulo { top: 0; font-size: 1em; }
.grafico-pizza { grid-template-columns: minmax(calc(120px * var(--escala, 1)), calc(200px * var(--escala, 1))) minmax(0, 1fr); gap: var(--v-esp-4, calc(16px * var(--escala, 1))); }
.grafico-pizza .grafico-svg { height: auto; max-width: calc(200px * var(--escala, 1)); }
.grafico-total { font-size: calc(24px * var(--escala, 1)); }
.grafico-sob-total { font-size: var(--v-fonte-13px, calc(13px * var(--escala, 1))); }
@media (max-width: 560px) { .grafico-pizza { grid-template-columns: minmax(0, 1fr); } }
.grafico-funil { grid-template-columns: minmax(5rem, 11rem) minmax(0, 1fr) minmax(5rem, 9rem); grid-template-rows: repeat(var(--etapas, 1), var(--etapa, calc(44px * var(--escala, 1)))); column-gap: var(--v-esp-3, calc(12px * var(--escala, 1))); }
.grafico-funil-nome { min-width: 0; font-size: var(--v-fonte-88, .88rem); }
.grafico-funil-numero { line-height: 1.25; }
.grafico-funil-numero b { font-size: var(--v-fonte-95, .95rem); }
.grafico-funil-conversao { font-size: var(--v-fonte-75, .75rem); }
.grafico-legenda { gap: var(--v-esp-1, calc(4px * var(--escala, 1))) var(--v-esp-4, calc(16px * var(--escala, 1))); margin: var(--v-esp-2, calc(8px * var(--escala, 1))) 0 0; padding: 0; font-size: var(--v-fonte-82, .82rem); }
.grafico-legenda li { gap: var(--v-esp-2, calc(8px * var(--escala, 1))); }
.grafico-cor { flex: none; width: calc(10px * var(--escala, 1)); height: calc(10px * var(--escala, 1)); border-radius: calc(3px * var(--escala, 1)); }
.grafico-legenda.em-pe { margin: 0; min-width: 0; max-width: 22rem; }
.grafico-legenda.em-pe li { grid-template-columns: auto 1fr auto 3.5rem; }
.grafico-legenda-nome { min-width: 0; }
.grafico-nota { margin: var(--v-esp-2, calc(8px * var(--escala, 1))) 0 0; font-size: var(--v-fonte-85, .85rem); }
.painel-graficos { grid-template-columns: repeat(auto-fit, minmax(min(100%, calc(360px * var(--escala, 1))), 1fr)); gap: var(--v-esp-4, calc(16px * var(--escala, 1))); margin-bottom: calc(18px * var(--escala, 1)); }
.painel-graficos > .card { margin-bottom: 0; min-width: 0; }
.painel-mais { margin: var(--v-esp-2, calc(8px * var(--escala, 1))) 0 0; font-size: var(--v-fonte-82, .82rem); }
.painel-seletores { gap: var(--v-esp-2, calc(8px * var(--escala, 1))); margin-bottom: var(--v-esp-4, calc(16px * var(--escala, 1))); }
.painel-seletores > * { margin: 0; }
.selo { padding: calc(2px * var(--escala, 1)) calc(9px * var(--escala, 1)); border-radius: calc(20px * var(--escala, 1)); font-size: var(--v-fonte-78, .78rem); }
.ac-chip { padding: .05rem .4rem; border-radius: .35rem; font-size: var(--v-fonte-68, .68rem); letter-spacing: .04em; }
.ac-porque { margin-top: .3rem; font-size: var(--v-fonte-76, .76rem); line-height: 1.35; }
.ac-porque .ac-chip { font-size: .6rem; padding: 0 .3rem; }
.ac-mudou { margin-top: .3rem; font-size: var(--v-fonte-76, .76rem); }
.busca-lista { margin: 0; padding: 0; gap: calc(2px * var(--escala, 1)); }
.busca-item { gap: .7rem; padding: .6rem .7rem; border-radius: .5rem; }
.busca-item > .ic { margin-top: .2rem; flex: none; }
.busca-item > span { gap: .15rem; min-width: 0; }
.busca-texto { font-size: var(--v-fonte-85, .85rem); }
.busca-item mark { border-radius: calc(2px * var(--escala, 1)); }
.md-grade { grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr)); gap: .7rem; }
.md-cartao { gap: .35rem; margin: 0; padding: .9rem 1rem .85rem; border-radius: .7rem; font-size: var(--v-fonte-90, .9rem); }
.md-topo { gap: .45rem; font-size: var(--v-fonte-95, .95rem); }
.md-desc { font-size: var(--v-fonte-82, .82rem); line-height: 1.4; }
.md-escopos { font-size: var(--v-fonte-72, .72rem); }
.md-cartao .btn { margin-top: .35rem; }
.ac-sugestoes { grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr)); gap: .4rem 1.6rem; margin: .9rem 0 1rem; }
.ac-sugestoes h3 { margin: 0 0 .4rem; font-size: var(--v-fonte-82, .82rem); letter-spacing: .03em; }
.ac-sugestoes ul { margin: 0; padding: 0; gap: .45rem; }
.ac-sugestoes li { padding: .45rem .7rem; border-radius: .5rem; line-height: 1.45; }
.ac-motivo { font-size: var(--v-fonte-78, .78rem); }
.formulario { gap: var(--v-esp-3, calc(12px * var(--escala, 1))); min-width: 0; }
.formulario form { gap: var(--v-esp-3, calc(12px * var(--escala, 1))); min-width: 0; margin: 0; }
.formulario .grade { row-gap: 0; }
.form-secao { min-width: 0; padding: var(--v-esp-3, calc(12px * var(--escala, 1))) var(--v-esp-4, calc(16px * var(--escala, 1))); border-radius: var(--v-raio, calc(10px * var(--escala, 1))); }
details.form-secao > summary { margin-bottom: var(--v-esp-2, calc(8px * var(--escala, 1))); }
details.form-secao:not([open]) > summary { margin-bottom: 0; }
.form-secao-topo { gap: var(--v-esp-2, calc(8px * var(--escala, 1))); margin-bottom: var(--v-esp-2, calc(8px * var(--escala, 1))); }
.form-secao-topo h3 { margin: 0; }
.form-secao .ficha { margin: 0; }
.form-pe { gap: var(--v-esp-2, calc(8px * var(--escala, 1))); }
@media (max-width: 760px) { .form-pe > * { flex: 1 1 auto; } }
.form-secao-topo > .btn:only-child { margin-left: auto; }
.campo { min-width: 0; margin: 0 0 var(--v-esp-3, calc(12px * var(--escala, 1))); }
fieldset.campo { padding: 0; }
fieldset.campo > legend { padding: 0; margin-bottom: calc(3px * var(--escala, 1)); font-size: var(--v-fonte-80, .8rem); }
.campo-ajuda { margin: var(--v-esp-1, calc(4px * var(--escala, 1))) 0 0; font-size: var(--v-fonte-82, .82rem); }
.campo-erro { gap: var(--v-esp-1, calc(4px * var(--escala, 1))); margin: var(--v-esp-1, calc(4px * var(--escala, 1))) 0 0; font-size: var(--v-fonte-82, .82rem); }
.campo-erro .ic { flex: none; }
.campo-com { gap: var(--v-esp-2, calc(8px * var(--escala, 1))); }
.campo-com > input { flex: 1 1 auto; min-width: 0; }
.campo-antes, .campo-depois { flex: none; }
.campo-mostrar { flex: none; }
.campo-contador { margin: calc(2px * var(--escala, 1)) 0 0; font-size: var(--v-fonte-78, .78rem); }
.campo textarea[spellcheck="false"] { font-size: var(--v-fonte-85, .85rem); }
.campo-linha > input[type=date] { width: auto; flex: 1 1 calc(140px * var(--escala, 1)); }
.campo-interruptor { gap: var(--v-esp-2, calc(8px * var(--escala, 1))); min-height: var(--ctl-h, calc(36px * var(--escala, 1))); margin: 0; font-size: var(--v-fonte-90, .9rem); }
.campo-interruptor > input { width: calc(1px * var(--escala, 1)); height: calc(1px * var(--escala, 1)); margin: 0; }
.campo-trilho { flex: none; width: calc(38px * var(--escala, 1)); height: calc(22px * var(--escala, 1)); border-radius: var(--v-raio-pilula, calc(999px * var(--escala, 1))); }
.campo-trilho::after { top: calc(3px * var(--escala, 1)); left: calc(3px * var(--escala, 1)); width: calc(16px * var(--escala, 1)); height: calc(16px * var(--escala, 1)); border-radius: 50%; }
.campo-marcar { gap: calc(6px * var(--escala, 1)); }
.campo-cor-amostra { flex: none; width: calc(28px * var(--escala, 1)); height: calc(28px * var(--escala, 1)); border-radius: var(--v-raio-ctrl, calc(8px * var(--escala, 1))); }
.campo-paleta { gap: var(--v-esp-2, calc(8px * var(--escala, 1))); }
.campo-cor-opcao { margin: 0; }
.campo-cor-opcao > input { width: calc(1px * var(--escala, 1)); height: calc(1px * var(--escala, 1)); margin: 0; }
.campo-partes { grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 0 var(--v-esp-3, calc(12px * var(--escala, 1))); }
.campo-parte { min-width: 0; }
.campo-sem-numero { gap: calc(6px * var(--escala, 1)); margin: -6px 0 var(--v-esp-2, calc(8px * var(--escala, 1))); font-size: var(--v-fonte-85, .85rem); }
.campo-linhas { gap: var(--v-esp-2, calc(8px * var(--escala, 1))); }
.campo-linha-rep { gap: var(--v-esp-2, calc(8px * var(--escala, 1))) var(--v-esp-3, calc(12px * var(--escala, 1))); width: 100%; padding-bottom: var(--v-esp-2, calc(8px * var(--escala, 1))); }
.campo-linha-rep > .campo { flex: 1 1 calc(160px * var(--escala, 1)); margin-bottom: 0; }
.campo-linha-rep > .campo-remover { flex: none; margin-bottom: calc(2px * var(--escala, 1)); }
.campo-arquivo-atual { gap: calc(6px * var(--escala, 1)); margin: 0 0 calc(6px * var(--escala, 1)); font-size: var(--v-fonte-90, .9rem); }
.campo-envios { gap: calc(6px * var(--escala, 1)); margin: var(--v-esp-2, calc(8px * var(--escala, 1))) 0 0; padding: 0; }
.campo-envios li { gap: var(--v-esp-2, calc(8px * var(--escala, 1))); }
.campo-envios progress { width: calc(120px * var(--escala, 1)); }
:is(.campo-pessoa, .campo-relacionado) { gap: var(--v-esp-2, calc(8px * var(--escala, 1))); min-width: 0; }
:is(.campo-pessoa, .campo-relacionado) > input[role=combobox] { flex: 1 1 auto; min-width: 0; }
.campo-pessoa-valor { width: calc(1px * var(--escala, 1)); height: calc(1px * var(--escala, 1)); margin: 0; padding: 0; }
.campo-pessoa-avatar { flex: none; width: calc(24px * var(--escala, 1)); height: calc(24px * var(--escala, 1)); border-radius: 50%; font-size: var(--v-fonte-68, .68rem); letter-spacing: .02em; }
:is(.campo-pessoa-limpar, .campo-relacionado-limpar, .campo-relacionado-tirar) { flex: none; width: calc(28px * var(--escala, 1)); height: calc(28px * var(--escala, 1)); border-radius: 50%; }
.campo-relacionado-tirar { width: calc(20px * var(--escala, 1)); height: calc(20px * var(--escala, 1)); }
:is(.campo-pessoa-lista, .campo-relacionado-lista) { left: 0; right: 0; top: calc(100% + calc(4px * var(--escala, 1))); max-height: calc(280px * var(--escala, 1)); margin: 0; padding: var(--v-esp-1, calc(4px * var(--escala, 1))); border-radius: var(--v-raio-ctrl, calc(8px * var(--escala, 1))); }
:is(.campo-pessoa-lista, .campo-relacionado-lista) [role=option] { min-height: calc(34px * var(--escala, 1)); padding: var(--v-esp-1, calc(4px * var(--escala, 1))) var(--v-esp-2, calc(8px * var(--escala, 1))); border-radius: var(--v-raio-ctrl, calc(8px * var(--escala, 1))); font-size: var(--v-fonte-90, .9rem); }
.campo-pessoa-lista [role=option] { gap: var(--v-esp-2, calc(8px * var(--escala, 1))); border-radius: calc(6px * var(--escala, 1)); }
:is(.campo-pessoa-nada, .campo-relacionado-nada) { padding: var(--v-esp-1, calc(4px * var(--escala, 1))) var(--v-esp-2, calc(8px * var(--escala, 1))); font-size: var(--v-fonte-82, .82rem); }
.campo-pessoa-nada { padding-block: calc(6px * var(--escala, 1)); }
.campo-relacionado-mais { padding: var(--v-esp-1, calc(4px * var(--escala, 1))) var(--v-esp-2, calc(8px * var(--escala, 1))); font-size: var(--v-fonte-85, .85rem); border-radius: var(--v-raio-ctrl, calc(8px * var(--escala, 1))); }
.campo-relacionado-escolhidos { margin: 0; padding: 0; }
.campo-relacionado-chip { gap: var(--v-esp-1, calc(4px * var(--escala, 1))); max-width: 100%; }
.campo-relacionado.multiplo > input[role=combobox] { flex: 1 1 10rem; }
.editor { gap: 0; min-width: 0; }
.editor-barra { gap: calc(2px * var(--escala, 1)); padding: calc(4px * var(--escala, 1)); border-radius: var(--raio) var(--raio) 0 0; }
.editor-bt { width: calc(30px * var(--escala, 1)); height: calc(28px * var(--escala, 1)); padding: 0; border-radius: calc(6px * var(--escala, 1)); }
.editor-corpo { grid-template-columns: minmax(0, 1fr); gap: calc(12px * var(--escala, 1)); }
.editor.com-previa .editor-corpo { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
.editor-corpo > textarea, .editor-area { width: 100%; min-height: calc(220px * var(--escala, 1)); margin: 0; border-radius: 0 0 var(--raio) var(--raio); }
.editor-area { padding: calc(10px * var(--escala, 1)) calc(12px * var(--escala, 1)); max-height: calc(480px * var(--escala, 1)); line-height: 1.5; }
.editor-area blockquote { margin: .5rem 0; padding-left: calc(10px * var(--escala, 1)); }
.editor-previa { min-width: 0; max-height: calc(480px * var(--escala, 1)); padding: calc(8px * var(--escala, 1)) calc(12px * var(--escala, 1)); border-radius: var(--raio); }
.editor-previa-titulo { margin: 0 0 calc(6px * var(--escala, 1)); font-size: var(--v-fonte-75, .75rem); letter-spacing: .04em; }
@media (max-width: 760px) { .editor.com-previa .editor-corpo { grid-template-columns: minmax(0, 1fr); } }
.form-simples { margin: 0; min-width: 0; }
.form-simples .grade { row-gap: 0; }
.form-simples-linha { gap: calc(10px * var(--escala, 1)); margin-bottom: calc(14px * var(--escala, 1)); }
.form-simples-linha > .campo { margin: 0; min-width: calc(160px * var(--escala, 1)); }
.form-simples-linha > .campo-busca { flex: 1 1 calc(260px * var(--escala, 1)); max-width: calc(460px * var(--escala, 1)); }
.form-simples-linha > .campo-texto { flex: 1 1 16em; max-width: 28em; }
.form-simples-linha > .campo-busca input { width: 100%; }
table .form-simples-linha { margin: 0; }
table .form-simples-linha > .campo { min-width: 0; }
@media (max-width: 760px) { .form-simples-linha > .campo-busca { max-width: none; flex-basis: 100%; } }
@media (max-width: 760px) { .form-simples-linha > .campo-busca input { font-size: var(--v-fonte-16px, calc(16px * var(--escala, 1))); } }
.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: var(--v-fonte-85, .85rem); }
.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; }
.btn-dividido > .btn, .btn-dividido .btn-seta-bt { flex: none; }
.btn-dividido > .btn { border-top-right-radius: 0; border-bottom-right-radius: 0; }
.btn-dividido .btn-seta-bt { height: 100%; padding-inline: calc(8px * var(--escala, 1)); border-top-left-radius: 0; border-bottom-left-radius: 0; }
.btn-dividido > .btn-seta-bt { margin: 0; }
.btn-dividido .btn-seta > .nb-pop-lista { left: 0; right: auto; }
: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: var(--v-esp-1, calc(4px * var(--escala, 1))); border-radius: var(--v-raio, calc(10px * var(--escala, 1))); }
:where(:root[data-visual="novo"]) .nb-pop-lista a { gap: var(--v-esp-2, calc(8px * var(--escala, 1))); min-height: var(--ctl-h, calc(36px * var(--escala, 1))); padding: 0 var(--v-esp-3, calc(12px * var(--escala, 1))); border-radius: var(--v-raio-ctrl, calc(8px * var(--escala, 1))); }
:where(:root[data-visual="novo"]) .nb-pop-tit { margin: var(--v-esp-1, calc(4px * var(--escala, 1))) var(--v-esp-3, calc(12px * var(--escala, 1))) var(--v-esp-1, calc(4px * var(--escala, 1))); font-size: var(--v-fonte-12px, calc(12px * var(--escala, 1))); }
:where(:root[data-visual="novo"]) .menu-acoes > .menu-acoes-bt { width: var(--ctl-h-peq, calc(30px * var(--escala, 1))); height: var(--ctl-h-peq, calc(30px * var(--escala, 1))); border-radius: var(--v-raio-ctrl, calc(8px * var(--escala, 1))); }
:where(:root[data-visual="novo"]) .menu-acoes .nb-pop-lista > li { margin: 0; }
:where(:root[data-visual="novo"]) .menu-acoes .nb-pop-lista button { gap: var(--v-esp-2, calc(8px * var(--escala, 1))); min-height: var(--ctl-h, calc(36px * var(--escala, 1))); margin: 0; padding: 0 var(--v-esp-3, calc(12px * var(--escala, 1))); border-radius: var(--v-raio-ctrl, calc(8px * var(--escala, 1))); }
:where(:root[data-visual="novo"]) .menu-acoes [role="menuitem"] > svg { flex: none; }
:where(:root[data-visual="novo"]) .menu-acoes-sep { height: calc(1px * var(--escala, 1)); margin: var(--v-esp-1, calc(4px * var(--escala, 1))); }
:where(:root[data-visual="novo"]) .menu-acoes > .menu-acoes-bt.menu-acoes-texto { gap: calc(6px * var(--escala, 1)); width: auto; height: var(--ctl-h-peq, calc(30px * var(--escala, 1))); padding: 0 calc(10px * var(--escala, 1)); }
:where(:root[data-visual="novo"]) .menu-acoes > .menu-acoes-texto > svg { flex: none; }
:where(:root[data-visual="novo"]) :is(.menu-acoes, .seletor) .nb-pop-lista { width: max-content; min-width: calc(200px * var(--escala, 1)); max-width: min(calc(420px * var(--escala, 1)), calc(100vw - 2 * var(--v-esp-4, calc(16px * var(--escala, 1))))); }
:where(:root[data-visual="novo"]) :is(.menu-acoes, .seletor, .barra-area) .nb-pop-lista :is(a, button) { line-height: 1.25; }
:where(:root[data-visual="novo"]) .menu-acoes [role="menuitem"] > .menu-acoes-ic { flex: none; width: calc(16px * var(--escala, 1)); height: calc(16px * var(--escala, 1)); }
:where(:root[data-visual="novo"]) .menu-acoes-t { flex: 1 1 auto; min-width: 0; }
.nb-pop[data-lado="direita"] > .nb-pop-lista { left: auto !important; right: 0 !important; }
.nb-pop[data-lado="esquerda"] > .nb-pop-lista { left: 0 !important; right: auto !important; }
.nb-pop[data-lado="tela"] > .nb-pop-lista { left: var(--v-esp-2, calc(8px * var(--escala, 1))) !important; right: var(--v-esp-2, calc(8px * var(--escala, 1))) !important; width: auto; min-width: 0; max-width: none; }
.ui-confirma-texto { margin: 0 0 calc(16px * var(--escala, 1)); }
.ui-confirma-mais { margin: -8px 0 calc(16px * var(--escala, 1)); font-size: var(--v-fonte-92, .92rem); }
.importar { gap: var(--v-esp-4, calc(16px * var(--escala, 1))); min-width: 0; }
.importar :is(.importar-arquivo, .importar-colunas, .importar-previa, .importar-resultado) { gap: var(--v-esp-3, calc(12px * var(--escala, 1))); }
.importar-opcoes { grid-template-columns: repeat(auto-fit, minmax(calc(220px * var(--escala, 1)), 1fr)); gap: var(--v-esp-3, calc(12px * var(--escala, 1))); }
.importar-info { margin: 0; font-size: var(--v-fonte-88, .88rem); }
.importar-dica { margin: 0; font-size: var(--v-fonte-82, .82rem); }
.importar-tit { margin: var(--v-esp-2, calc(8px * var(--escala, 1))) 0 0; font-size: var(--v-fonte-95, .95rem); }
.importar-letra { margin-left: calc(4px * var(--escala, 1)); font-size: var(--v-fonte-75, .75rem); }
.importar-exemplo { max-width: calc(220px * var(--escala, 1)); }
.importar-colunas .campo { min-width: calc(220px * var(--escala, 1)); margin: 0; }
.importar-nota { margin-top: calc(2px * var(--escala, 1)); font-size: var(--v-fonte-78, .78rem); }
.importar-numeros { margin-bottom: 0; }
.importar-duplicados { max-width: calc(520px * var(--escala, 1)); }
.importar-lista { padding: var(--v-esp-2, calc(8px * var(--escala, 1))) var(--v-esp-3, calc(12px * var(--escala, 1))); border-radius: var(--v-raio, calc(10px * var(--escala, 1))); }
.importar-lista > h3 { margin: 0 0 var(--v-esp-1, calc(4px * var(--escala, 1))); font-size: var(--v-fonte-85, .85rem); }
.importar-lista > ul { gap: calc(2px * var(--escala, 1)); margin: 0; padding-left: var(--v-esp-4, calc(16px * var(--escala, 1))); font-size: var(--v-fonte-86, .86rem); }
.importar-lista > p { margin: var(--v-esp-1, calc(4px * var(--escala, 1))) 0 0; font-size: var(--v-fonte-82, .82rem); }
.exportar-menu > summary.btn { gap: var(--v-esp-2, calc(8px * var(--escala, 1))); }
.exportar-menu .nb-pop-lista { min-width: calc(300px * var(--escala, 1)); }
.exportar-menu .nb-pop-tit { margin: var(--v-esp-2, calc(8px * var(--escala, 1))) var(--v-esp-3, calc(12px * var(--escala, 1))) var(--v-esp-1, calc(4px * var(--escala, 1))); }
.exportar-menu .exportar-filtros { width: 0; min-width: 100%; }
.exportar-filtros { font-size: var(--v-fonte-78, .78rem); }
.exportar-pronto { gap: var(--v-esp-3, calc(12px * var(--escala, 1))); }
.exportar-arquivos { gap: var(--v-esp-2, calc(8px * var(--escala, 1))); margin: 0; padding: 0; }
.exportar-arquivos li { gap: var(--v-esp-2, calc(8px * var(--escala, 1))); }
.exportar-quantos, .exportar-vale, .exportar-nada { margin: 0; font-size: var(--v-fonte-88, .88rem); }
.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: var(--v-fonte-90, .9rem); flex: 1; min-width: calc(200px * var(--escala, 1)); }
.campo-copia { gap: calc(6px * var(--escala, 1)); }
.campo-copia > .btn, .link-box > .btn { flex: none; }
.estado { gap: calc(6px * var(--escala, 1)); padding: calc(26px * var(--escala, 1)) calc(18px * var(--escala, 1)); }
.estado > b, .estado > strong { font-size: var(--v-fonte-100, 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%; }
.esqueleto { padding: var(--v-esp-2, calc(8px * var(--escala, 1))) 0; }
.esq-desenho { gap: var(--v-esp-2, calc(8px * var(--escala, 1))); }
.esq-barra { height: calc(12px * var(--escala, 1)); border-radius: var(--v-raio-pilula, calc(999px * var(--escala, 1))); }
.esq-l0 { width: 92%; }
.esq-l1 { width: 74%; }
.esq-l2 { width: 58%; }
.esq-l3 { width: 83%; }
.esq-curta { width: 40%; }
.esq-titulo { width: 55%; height: calc(14px * var(--escala, 1)); }
.esq-grande { height: calc(26px * var(--escala, 1)); width: 70%; }
.esq-rotulo { width: 28%; }
.esq-ficha, .esq-linhas { padding: var(--v-esp-3, calc(12px * var(--escala, 1))); border-radius: var(--v-raio, calc(10px * var(--escala, 1))); }
.esq-tabela .esq-desenho { gap: 0; border-radius: var(--v-raio, calc(10px * var(--escala, 1))); }
.esq-tab-cab, .esq-tab-linha { grid-auto-columns: 1fr; gap: var(--v-esp-3, calc(12px * var(--escala, 1))); padding: var(--v-esp-3, calc(12px * var(--escala, 1))); }
.esq-tab-cab .esq-barra { height: calc(10px * var(--escala, 1)); width: 60%; }
.esq-kanban .esq-desenho { grid-auto-columns: minmax(calc(220px * var(--escala, 1)), 1fr); }
.esq-kb-coluna { gap: var(--v-esp-2, calc(8px * var(--escala, 1))); padding: var(--v-esp-2, calc(8px * var(--escala, 1))); border-radius: var(--v-raio, calc(10px * var(--escala, 1))); }
.esq-kb-cartao { gap: var(--v-esp-2, calc(8px * var(--escala, 1))); padding: var(--v-esp-3, calc(12px * var(--escala, 1))); border-radius: var(--v-raio-ctrl, calc(8px * var(--escala, 1))); }
.esq-numeros, .esq-cartoes { grid-template-columns: repeat(auto-fit, minmax(calc(160px * var(--escala, 1)), 1fr)); gap: var(--v-esp-3, calc(12px * var(--escala, 1))); }
.esq-numero, .esq-cartao, .esq-lista { gap: var(--v-esp-2, calc(8px * var(--escala, 1))); padding: var(--v-esp-3, calc(12px * var(--escala, 1))); border-radius: var(--v-raio, calc(10px * var(--escala, 1))); }
.esq-cartoes { grid-template-columns: repeat(auto-fit, minmax(calc(240px * var(--escala, 1)), 1fr)); }
.esq-graficos { grid-template-columns: repeat(auto-fit, minmax(calc(260px * var(--escala, 1)), 1fr)); gap: var(--v-esp-3, calc(12px * var(--escala, 1))); }
.esq-grafico-caixa { padding: var(--v-esp-3, calc(12px * var(--escala, 1))); border-radius: var(--v-raio, calc(10px * var(--escala, 1))); }
.esq-grafico { height: calc(160px * var(--escala, 1)); border-radius: var(--v-raio, calc(10px * var(--escala, 1))); }
.esq-par { grid-template-columns: minmax(calc(90px * var(--escala, 1)), 30%) 1fr; gap: var(--v-esp-3, calc(12px * 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; }
.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)); }
.progresso { gap: calc(2px * var(--escala, 1)); min-width: 0; }
.progresso-cab { gap: calc(8px * var(--escala, 1)); font-size: var(--v-fonte-84, .84rem); }
.progresso-rot { min-width: 0; }
.progresso-n { flex: none; }
.ac-scan::after { left: 0; right: 0; top: -30%; height: 30%; }
.ac-nuvem { gap: .4rem; margin: 1.3rem 0 1rem; max-height: 15rem; }
.ac-nuvem span { padding: .25rem .65rem; border-radius: calc(999px * var(--escala, 1)); font-size: var(--v-fonte-78, .78rem); }
.ac-privado { margin: 0; }
.marca { gap: calc(8px * var(--escala, 1)); }
.area-tit { font-size: var(--v-fonte-15px, 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; }
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: var(--v-fonte-95, .95rem); max-width: 70ch; }
: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; 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)); }
.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: var(--v-fonte-100, 1rem); }
.pm-quem span { font-size: var(--v-fonte-78, .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: var(--v-fonte-72, .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: var(--v-fonte-90, .9rem); }
.pm-conversas .q { flex: none; font-size: var(--v-fonte-75, .75rem); }
.pm-vazio { font-size: var(--v-fonte-86, .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: var(--v-fonte-80, .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: var(--v-fonte-115, 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: var(--v-fonte-68, .68rem); letter-spacing: .06em; }
.pm-tabela { border-radius: calc(10px * var(--escala, 1)); }
.pm-md table { width: 100%; font-size: var(--v-fonte-86, .86rem); }
.pm-md th { font-size: var(--v-fonte-78, .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: var(--v-fonte-82, .82rem); }
.pm-mermaid.falhou { padding: 0; }
.pm-mermaid .pm-aviso { font-size: var(--v-fonte-78, .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: var(--v-fonte-90, .9rem); }
.pm-confirma h3 { font-size: var(--v-fonte-92, .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: var(--v-fonte-84, .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: var(--v-fonte-84, .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: var(--v-fonte-84, .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: var(--v-fonte-86, .86rem); }
.pm-confirma .pm-acoes .btn { max-width: 100%; }
.pm-confirma .pm-resolucao { font-size: var(--v-fonte-82, .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: var(--v-fonte-84, .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: var(--v-fonte-82, .82rem); }
.pm-credencial-nota { margin: calc(4px * var(--escala, 1)) 0 calc(2px * var(--escala, 1)); font-size: var(--v-fonte-74, .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: var(--v-fonte-70, .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: var(--v-fonte-90, .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: var(--v-fonte-88, .88rem); }
.pm-md details > ul ul { margin: .15em 0 .3em; }
.pm-sugestoes { gap: calc(6px * var(--escala, 1)); }
.pm-sug-tit { font-size: var(--v-fonte-78, .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: var(--v-fonte-82, .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: var(--v-peso-negrito, 700) var(--v-fonte-58, .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: var(--v-fonte-80, .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: var(--v-fonte-72, .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: var(--v-fonte-105, 1.05rem); }
.pm-soltar-caixa span { font-size: var(--v-fonte-82, .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: var(--v-fonte-82, .82rem); }
.pm-anexo-tam { font-size: var(--v-fonte-72, .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: var(--v-fonte-88, .88rem); }
.pm-arquivo-tam { font-size: var(--v-fonte-75, .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: var(--v-fonte-82, .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); }
: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); --v-fonte-58: .58rem; --v-fonte-68: .68rem; --v-fonte-70: .7rem; --v-fonte-72: .72rem; --v-fonte-74: .74rem; --v-fonte-75: .75rem; --v-fonte-76: .76rem; --v-fonte-78: .78rem; --v-fonte-80: .8rem; --v-fonte-82: .82rem; --v-fonte-84: .84rem; --v-fonte-85: .85rem; --v-fonte-86: .86rem; --v-fonte-88: .88rem; --v-fonte-90: .9rem; --v-fonte-92: .92rem; --v-fonte-95: .95rem; --v-fonte-100: 1rem; --v-fonte-105: 1.05rem; --v-fonte-110: 1.1rem; --v-fonte-112: 1.12rem; --v-fonte-115: 1.15rem; --v-fonte-135: 1.35rem; --v-fonte-155: 1.55rem; --v-fonte-10px: calc(10px * var(--escala, 1)); --v-fonte-11px: calc(11px * var(--escala, 1)); --v-fonte-11-5px: calc(11.5px * var(--escala, 1)); --v-fonte-12px: calc(12px * var(--escala, 1)); --v-fonte-12-5px: calc(12.5px * var(--escala, 1)); --v-fonte-13px: calc(13px * var(--escala, 1)); --v-fonte-13-5px: calc(13.5px * var(--escala, 1)); --v-fonte-14px: calc(14px * var(--escala, 1)); --v-fonte-15px: calc(15px * var(--escala, 1)); --v-fonte-16px: calc(16px * var(--escala, 1)); --v-peso-normal: 400; --v-peso-medio: 500; --v-peso-semi: 600; --v-peso-semi-forte: 650; --v-peso-negrito: 700; --v-peso-extra: 800; --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(--grade-fundo, #fff)); }
:root[data-visual="novo"][data-tema="escuro"] body { --v-cab: color-mix(in srgb, #fff 9%, var(--grade-fundo, #17211c)); }
:root[data-visual="novo"]:not([data-tema="escuro"]) body { --amarelo: #8a5a0f; --e-suave: var(--suave); --e-apagado: #667469; }
: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) { --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) > :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: var(--v-fonte-85, .85rem); }
:where(:root[data-visual="novo"]) :is(.acoes, .filtros) > :is(.chip, .selo) { padding-block: 0; }
: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(ul.historico > li) { padding-inline: var(--v-esp-2); }
:where(:root[data-visual="novo"]) dialog { border-radius: var(--v-raio-grande); }
.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: var(--v-fonte-92, .92rem); }
: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: var(--branco, #fff); --side-text: var(--tinta, #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); --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-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) 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 .pagina { max-width: none; margin-inline: 0; padding-inline: calc(24px * 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: var(--v-fonte-13-5px, 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-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: var(--v-fonte-16px, 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(2px * 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: var(--v-fonte-11-5px, 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(34px * var(--escala, 1)); padding: 0 calc(8px * var(--escala, 1)) 0 calc(10px * var(--escala, 1)); border-radius: calc(8px * var(--escala, 1)); font-size: var(--v-fonte-12-5px, calc(12.5px * var(--escala, 1))); }
:where(:root[data-visual="novo"]) :is(.sb-cat-bt, .sb-mod, .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: var(--v-fonte-13-5px, calc(13.5px * var(--escala, 1))); }
:where(:root[data-visual="novo"]) .sb-mod[aria-current]::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: var(--v-fonte-11px, calc(11px * 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: var(--v-fonte-12-5px, 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: var(--v-fonte-13px, 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: var(--v-peso-semi, 600) var(--v-fonte-11px, 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: var(--v-fonte-13-5px, calc(13.5px * var(--escala, 1))); }
:where(:root[data-visual="novo"]) .sb-r-cam { font-size: var(--v-fonte-12px, 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: var(--v-fonte-12-5px, calc(12.5px * var(--escala, 1))); }
:where(:root[data-visual="novo"]) .sb-r-grupo { margin: calc(10px * var(--escala, 1)) calc(10px * var(--escala, 1)) calc(2px * var(--escala, 1)); font-size: var(--v-fonte-11px, calc(11px * var(--escala, 1))); letter-spacing: .04em; }
:where(:root[data-visual="novo"]) .sb-r-grupo:first-child { margin-top: calc(4px * var(--escala, 1)); }
:where(:root[data-visual="novo"]) .sb-r-todos { margin-top: calc(6px * var(--escala, 1)); border-radius: 0 0 calc(8px * var(--escala, 1)) calc(8px * 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: var(--v-fonte-16px, 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-recolher) { gap: 0; padding: 0; }
: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"]) #sb-balao { padding: calc(5px * var(--escala, 1)) calc(10px * var(--escala, 1)); border-radius: calc(6px * var(--escala, 1)); font-size: var(--v-fonte-12-5px, 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-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-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: var(--v-fonte-12-5px, 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: var(--v-fonte-13px, 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: var(--v-fonte-15px, 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-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: var(--v-fonte-13px, 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: var(--v-fonte-13px, 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-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"][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]) :is(.sb-mod, .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: var(--v-fonte-16px, 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)); } }
@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, .88); --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, .88); --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"]) .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: var(--v-fonte-13px, 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; }
.ch-flutua.tm-aba { top: calc(var(--barra-h, calc(56px * var(--escala, 1))) + calc(24px * var(--escala, 1))); bottom: auto; }
.ch-flutua-n { top: -6px; left: -6px; }
.ch-veu { inset: 0 0 0 var(--sb-l, calc(0px * var(--escala, 1))); }
.ch-gaveta-casca { top: 0; right: 0; bottom: 0; width: min(calc(1500px * var(--escala, 1)), calc(100vw - var(--sb-l, calc(0px * var(--escala, 1))) - calc(64px * var(--escala, 1)))); border-radius: calc(14px * var(--escala, 1)) 0 0 calc(14px * var(--escala, 1)); }
.ch-gaveta-topo { gap: calc(12px * var(--escala, 1)); padding: calc(10px * var(--escala, 1)) calc(16px * var(--escala, 1)); }
.ch-gaveta-topo h2 { flex: 1; margin: 0; font-size: var(--v-fonte-110, 1.1rem); }
.ch-gaveta-x { top: calc(12px * var(--escala, 1)); left: -48px; width: calc(38px * var(--escala, 1)); height: calc(38px * var(--escala, 1)); border-radius: 50%; }
.ch-gaveta-inteira { gap: calc(6px * var(--escala, 1)); font-size: var(--v-fonte-88, .88rem); }
.ch-gaveta-corpo { flex: 1; min-height: 0; }
.ch-avisos { right: calc(64px * var(--escala, 1)); top: calc(var(--barra-h, calc(56px * var(--escala, 1))) + calc(16px * var(--escala, 1))); gap: calc(8px * var(--escala, 1)); }
.ch-aviso { gap: calc(2px * var(--escala, 1)); max-width: calc(320px * var(--escala, 1)); padding: calc(10px * var(--escala, 1)) calc(14px * var(--escala, 1)); border-radius: calc(12px * var(--escala, 1)); font: inherit; }
.ch-aviso span { font-size: var(--v-fonte-85, .85rem); }
.nb-chat-n { top: calc(2px * var(--escala, 1)); right: 0; font-size: .65rem; }
@media (max-width: 700px) { .ch-gaveta-casca { width: 100vw; border-radius: 0; } }
@media (max-width: 700px) { .ch-veu { left: 0; } }
.notif-topo { gap: calc(8px * var(--escala, 1)); margin-bottom: calc(8px * var(--escala, 1)); }
.notif-acoes { gap: calc(6px * var(--escala, 1)); }
.notif-origens { margin-bottom: calc(10px * var(--escala, 1)); }
.notif-conta { min-width: calc(18px * var(--escala, 1)); padding: 0 calc(5px * var(--escala, 1)); border-radius: calc(999px * var(--escala, 1)); font-size: var(--v-fonte-72, .72rem); line-height: calc(18px * var(--escala, 1)); }
.notif-pendencias { margin: 0 0 calc(12px * var(--escala, 1)); padding: calc(8px * var(--escala, 1)) calc(10px * var(--escala, 1)); border-radius: calc(10px * var(--escala, 1)); }
.notif-pendencias h3 { margin: 0 0 calc(4px * var(--escala, 1)); font-size: var(--v-fonte-82, .82rem); }
.notif-pendencias .nb-sino-itens { margin: 0; padding: 0; }
.notif-pendencias .nb-sino-itens a { gap: calc(8px * var(--escala, 1)); padding: calc(4px * var(--escala, 1)) calc(2px * var(--escala, 1)); }
.notif-pendencias .nb-sino-itens a b { margin-left: auto; }
.notif-pendencias .nb-sino-vazio { margin: 0; font-size: var(--v-fonte-85, .85rem); }
.notif-vazio { gap: calc(6px * var(--escala, 1)); padding: calc(32px * var(--escala, 1)) calc(12px * var(--escala, 1)); }
.notif-vazio p { margin: 0; }
.notif-dia { margin: 0 0 calc(14px * var(--escala, 1)); }
.notif-dia-t { top: 0; margin: 0; padding: calc(6px * var(--escala, 1)) 0; font-size: var(--v-fonte-80, .8rem); letter-spacing: .03em; }
.notif-grupo { margin: 0 0 calc(8px * var(--escala, 1)); }
.notif-grupo-t { gap: calc(6px * var(--escala, 1)); margin: calc(4px * var(--escala, 1)) 0; font-size: var(--v-fonte-82, .82rem); }
.notif-grupo ul { margin: 0; padding: 0; }
.notif-item { gap: calc(10px * var(--escala, 1)); padding: calc(8px * var(--escala, 1)); border-radius: calc(10px * var(--escala, 1)); }
.notif-item + .notif-item { margin-top: calc(2px * var(--escala, 1)); }
.notif-rosto { flex: none; }
.notif-ic { width: calc(40px * var(--escala, 1)); height: calc(40px * var(--escala, 1)); border-radius: 50%; }
.notif-meio { flex: 1; min-width: 0; gap: calc(6px * var(--escala, 1)); }
.notif-botoes { gap: calc(6px * var(--escala, 1)); }
.notif-resposta { margin: 0; font-size: var(--v-fonte-80, .8rem); }
.notif-corpo { flex: 1; min-width: 0; gap: calc(2px * var(--escala, 1)); }
.notif-corpo:focus-visible { border-radius: calc(6px * var(--escala, 1)); }
.notif-tit { font-size: var(--v-fonte-90, .9rem); }
.notif-texto { font-size: var(--v-fonte-90, .9rem); }
.notif-meta { font-size: var(--v-fonte-78, .78rem); }
.notif-ler { flex: none; width: calc(30px * var(--escala, 1)); height: calc(30px * var(--escala, 1)); border-radius: 50%; }
.notif-mais { padding: calc(8px * var(--escala, 1)) 0 calc(4px * var(--escala, 1)); }
.notif-inteira { gap: calc(6px * var(--escala, 1)); font-size: var(--v-fonte-88, .88rem); }
.notif-pref-t { width: 100%; margin: 0 0 calc(12px * var(--escala, 1)); }
.notif-pref-t :is(th, td) { padding: calc(8px * var(--escala, 1)) calc(6px * var(--escala, 1)); font-size: var(--v-fonte-90, .9rem); }
.notif-pref-t thead th { font-size: var(--v-fonte-78, .78rem); }
.notif-pref-t td { width: calc(96px * var(--escala, 1)); }
.notif-pref-t input { width: calc(18px * var(--escala, 1)); height: calc(18px * var(--escala, 1)); }
.notif-navegador { padding-top: calc(8px * var(--escala, 1)); }
.notif-navegador :is(.notif-navegador-ok, .notif-navegador-nao) { font-size: var(--v-fonte-85, .85rem); }
.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: var(--v-fonte-90, .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: var(--v-fonte-100, 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: var(--v-fonte-72, .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: var(--v-fonte-85, .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: var(--v-fonte-12px, calc(12px * var(--escala, 1))); }
.tm-sem { font-size: var(--v-fonte-78, .78rem); }
.tm-chave { gap: calc(10px * var(--escala, 1)); padding: 0; }
.tm-chave small { font-size: var(--v-fonte-80, .8rem); }
.tm-rot-dica { margin-left: calc(6px * var(--escala, 1)); letter-spacing: 0; }
.tm-nota { margin: 0; font-size: var(--v-fonte-80, .8rem); }
.tm-vazio { font-size: var(--v-fonte-85, .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, .88); --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, .88); --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"] :is(.card, .kpi, .contato, details.sec, .grupo-clinica .corpo, .ck-item,
      .em-fluxo .em-passo)::before,
    :root[data-acrilico="on"][data-acrilico-modo="blocos"] body:not(.entrada) .pagina .pagina-topo::before,
    :root[data-acrilico="on"][data-acrilico-modo="blocos"] body:not(.entrada) .pagina :is(.ast-painel, .ast-lista,
      .ast > .progresso, .msg, .calendario, .gantt, .lista-paginas, .paginas, [data-widget=nota],
      [data-widget=linha_do_tempo], [data-widget=etapas], [data-widget=lista_mestre], [data-widget=arvore],
      [data-widget=abas], [data-widget=caminho], [data-widget=filtro], [data-widget=importar])::before,
    :where(:root[data-visual="novo"][data-acrilico="on"]) .nb-lateral-painel::before { inset: 0; border-radius: inherit; } } }
@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"][data-tema="escuro"] body[class*="tema-"] { --verde-fundo: var(--acr-vidro-2); } } }
@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) { @media screen { :root[data-acrilico="on"] body { --grade-fundo: color-mix(in srgb, #fff 70%, var(--acr-base)); --grade-divisoria: color-mix(in srgb, var(--tinta) 14%, var(--grade-fundo)); --v-zebra: color-mix(in srgb, var(--tinta) 7%, transparent); --v-linha-hover: color-mix(in srgb, var(--verde) 20%, transparent); --v-cab: color-mix(in srgb, var(--verde) 12%, var(--grade-fundo)); --v-cab-linha: color-mix(in srgb, var(--verde-esc) 38%, var(--grade-fundo)); } } }
@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) { @media screen { :root[data-acrilico="on"][data-tema="escuro"] body { --grade-fundo: #141d19; --grade-divisoria: color-mix(in srgb, #fff 14%, var(--grade-fundo)); --v-zebra: color-mix(in srgb, #fff 6%, transparent); --v-cab: color-mix(in srgb, #fff 10%, var(--grade-fundo)); --v-cab-linha: color-mix(in srgb, #fff 22%, var(--grade-fundo)); } } }
@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) 90%, transparent); --amarelo-f: color-mix(in srgb, color-mix(in srgb, #b7791f 16%, #fff) 90%, transparent); --vermelho-f: color-mix(in srgb, color-mix(in srgb, #c0392b 12%, #fff) 90%, transparent); --azul-f: color-mix(in srgb, color-mix(in srgb, #1f5f99 12%, #fff) 90%, 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) 90%, transparent); --e-sutil: color-mix(in srgb, color-mix(in srgb, #1d2b24 8%, #fff) 90%, transparent); --e-sutil-2: color-mix(in srgb, color-mix(in srgb, #1d2b24 18%, #fff) 90%, transparent); --e-cartao-2: var(--acr-vidro-2); --e-veu: color-mix(in srgb, var(--acr-base) 90%, 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); --g-superficie: color-mix(in srgb, #fff 94%, transparent); --g-6: #b07c00; } } }
@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) 90%, 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); --g-superficie: color-mix(in srgb, #17211c 92%, 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: #b4c5bb; } } }
.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: var(--v-fonte-12px, 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 .pagina-topo { padding: calc(10px * var(--escala, 1)) calc(14px * var(--escala, 1)); border-radius: var(--raio, calc(10px * var(--escala, 1))); } } }
@media screen { :root[data-fundo="on"]:not([data-acrilico="on"]) body:not(.entrada) .pagina .pagina-topo { padding: calc(10px * var(--escala, 1)) calc(14px * var(--escala, 1)); border-radius: var(--raio, calc(10px * var(--escala, 1))); } }
@media screen { :root[data-fundo="on"]:is(:not([data-acrilico="on"]), [data-acrilico-modo="blocos"]) body:not(.entrada) .pagina
    :is(.calendario, .gantt, .lista-paginas, .paginas, [data-widget=nota], [data-widget=linha_do_tempo],
      [data-widget=etapas], [data-widget=lista_mestre], [data-widget=arvore], [data-widget=ficha], [data-widget=abas],
      [data-widget=caminho], [data-widget=filtro], [data-widget=importar]):not(.msg, :is(.card, .kpi, details.sec,
      dialog, .ast-painel, .pagina-topo, td, th, .calendario, .gantt, .lista-mestre, .ldt, .kanban, .tabela-wrap,
      .nb-lateral-painel, .importar) *) { padding: var(--v-esp-3, calc(12px * var(--escala, 1))); border-radius: var(--v-raio, var(--raio, calc(10px * var(--escala, 1)))); } }
@media screen { :root[data-fundo="on"]:not([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))); } }
@media screen { :root[data-fundo="on"] :is(#nb-carregando, .nb-carregando-pagina) > .estado { border-radius: var(--raio, calc(10px * var(--escala, 1))); } }
: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: var(--v-fonte-13-5px, calc(13.5px * var(--escala, 1))); }
:where(:root[data-visual="novo"]) h1 { font-size: 1.45rem; }
:where(:root[data-visual="novo"]) h2 { font-size: var(--v-fonte-112, 1.12rem); }
:where(:root[data-visual="novo"]) h3 { font-size: var(--v-fonte-95, .95rem); }
:where(:root[data-visual="novo"]) table.t { font-size: var(--v-fonte-85, .85rem); }
:root[data-visual="novo"].pm-casca-raiz { font-size: calc(13px * var(--escala, 1)); }
[data-visual="novo"] .pm-tipo { font-size: max(var(--v-fonte-58, .58rem), var(--v-fonte-10px, calc(10px * var(--escala, 1)))); }
[data-visual="novo"] .pm-md pre[data-lingua]::before { font-size: max(var(--v-fonte-68, .68rem), var(--v-fonte-11px, calc(11px * var(--escala, 1)))); }
[data-visual="novo"] .pm-dica { font-size: max(var(--v-fonte-70, .7rem), var(--v-fonte-12px, calc(12px * 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(var(--v-fonte-75, .75rem), var(--v-fonte-11px, calc(11px * 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(var(--v-fonte-78, .78rem), calc(10.92px * var(--escala, 1))); }
[data-visual="novo"] .pm-linha,
[data-visual="novo"] .pm-chip { font-size: max(var(--v-fonte-80, .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(var(--v-fonte-82, .82rem), calc(11.48px * var(--escala, 1))); }
:where(:root[data-visual="novo"]) .etapas .quando,
:where(:root[data-visual="novo"]) .tm-rot { font-size: max(var(--v-fonte-72, .72rem), calc(11.52px * var(--escala, 1))); }
[data-visual="novo"] .pm-confirma dl,
[data-visual="novo"] .pm-credencial-motivo { font-size: max(var(--v-fonte-84, .84rem), calc(11.76px * var(--escala, 1))); }
:where(:root[data-visual="novo"]) table.t th,
:where(:root[data-visual="novo"]) .kpi .r,
[data-visual="novo"] .card > h2 .selo { font-size: max(var(--v-fonte-75, .75rem), var(--v-fonte-12px, calc(12px * var(--escala, 1)))); }
:where(:root[data-visual="novo"]) .selo,
:where(:root[data-visual="novo"]) .tm-sem { font-size: max(var(--v-fonte-78, .78rem), var(--v-fonte-12px, calc(12px * var(--escala, 1)))); }
[data-visual="novo"] .pm-aba,
[data-visual="novo"] .pm-vazio,
[data-visual="novo"] .pm-md table { font-size: max(var(--v-fonte-86, .86rem), var(--v-fonte-12px, 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(var(--v-fonte-90, .9rem), var(--v-fonte-12px, calc(12px * var(--escala, 1)))); }
[data-visual="novo"] .pm-confirma h3 { font-size: max(var(--v-fonte-92, .92rem), var(--v-fonte-12px, calc(12px * var(--escala, 1)))); }
[data-visual="novo"] .pm-md details > :not(summary),
[data-visual="novo"] .pm-arquivo-nome { font-size: max(var(--v-fonte-88, .88rem), var(--v-fonte-12px, calc(12px * var(--escala, 1)))); }
@media (max-width: 700px) { :root[data-visual="novo"] body { font-size: var(--v-fonte-14px, 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: var(--v-fonte-16px, calc(16px * var(--escala, 1))); } }
@media (max-width: 700px) { :root[data-visual="novo"].pm-casca-raiz { font-size: calc(14px * var(--escala, 1)); } }