/* LACTOS360 1.17.0 — o motor da ajuda (ajuda.js/ajuda.css) nos layouts fora do sistema logado: profissional, parceiro, portal do produtor,
   telas públicas e modo tablet. Estiliza o botão flutuante e os detalhes que só existem fora do sistema logado. As variáveis (--cor etc.) são mapeadas por Ajuda::cabecalhoExterno(). */
:root { --lx-ajuda-ext-css: 1; }
.so-leitor { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.aj-flutuante {
  position: fixed; z-index: 800; right: 14px; bottom: calc(var(--aba-h, 0px) + 14px + env(safe-area-inset-bottom, 0px));
  display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-width: 48px; min-height: 48px; padding: 0 14px;
  border: 1px solid var(--borda-forte, var(--borda)); border-radius: 999px; background: var(--sup, #fff); color: var(--txt, #183249);
  font: inherit; font-weight: 600; font-size: .9rem; line-height: 1; cursor: pointer; box-shadow: 0 4px 14px rgb(10 49 88 / .22);
}
.aj-flutuante:hover { border-color: var(--cor); }
.aj-flutuante:focus-visible { outline: 3px solid var(--cor); outline-offset: 2px; }
.aj-flutuante svg { width: 1.3em; height: 1.3em; stroke: currentColor; fill: none; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; flex: none; }
.aj-flutuante[aria-expanded="true"] { background: var(--cor); color: var(--cor-txt); border-color: var(--cor); }
@media (max-width: 640px) { .aj-flut-t { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); } .aj-flutuante { padding: 0; width: 48px; } }
.aj-painel .btn, .aj-caixa .btn {
  display: inline-flex; align-items: center; justify-content: center; min-height: 40px; padding: 0 14px; border: 1px solid var(--borda-forte, var(--borda)); border-radius: 10px;
  background: var(--sup, #fff); color: var(--txt, #183249); font: inherit; font-size: .88rem; cursor: pointer;
}
.aj-painel a { color: var(--cor); }
/* ajuda estática (sem JavaScript) das páginas públicas com CSP sem scripts */
.aj-estatica { margin: 18px 0 0; padding: 10px 14px; border: 1px solid var(--borda); border-radius: 10px; background: var(--sup2, var(--sup, #fff)); color: var(--txt, #183249); font-size: .9rem; line-height: 1.5; }
.aj-estatica summary { cursor: pointer; font-weight: 700; min-height: 32px; display: flex; align-items: center; }
.aj-estatica summary:focus-visible { outline: 3px solid var(--cor, #146CC2); outline-offset: 2px; }
.aj-estatica-corpo p { margin: 8px 0 4px; }
.aj-estatica-corpo ol, .aj-estatica-corpo ul { margin: 0 0 8px; padding-left: 22px; }
@media print { .aj-flutuante { display: none !important; } }