/* Nazateen — visual dos links públicos (nz-publico.css)
   Cadastros, escala, links de equipe, confirmação, contato... (as páginas sem login).
   Mesmo visual novo dos sistemas: faixa mais fina, leitura mais clara, barra de rolagem
   discreta, botões e campos do tamanho do dedo. Não muda conteúdo nem como a página funciona.
   Entra no fim do <head>, depois do CSS da própria página. */

/* leitura: cinzas mais claros e texto de apoio um pouco maior */
:root{ --text-dim:#a9b494; }
body .subtitle, body .page-desc{font-size:14px; line-height:1.55;}
body label{font-size:13px;}

/* faixa da marca mais fina */
body .brand-stripe{font-size:10px; padding:4px 0;}

/* etiquetas e contadores no mesmo tamanho */
body .tag{font-size:12px; font-weight:700;}

/* barra de rolagem fina, no tom do sistema */
*{scrollbar-width:thin; scrollbar-color:#2f3824 transparent;}
::-webkit-scrollbar{width:6px; height:6px;}
::-webkit-scrollbar-track{background:transparent;}
::-webkit-scrollbar-thumb{background:#2f3824; border-radius:6px;}
::-webkit-scrollbar-thumb:hover{background:#4a5636;}
::-webkit-scrollbar-button{display:none; width:0; height:0;}

/* foco visível para quem navega pelo teclado */
button:focus-visible, a:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible{outline:2px solid var(--olive,#bdf95e); outline-offset:2px;}

/* celular: alvos de toque grandes, campo que não dá zoom no iPhone e nada passa da largura da tela */
@media (max-width:800px){
  body .btn, body button.btn{min-height:48px; font-size:15px;}
  body input:not([type=checkbox]):not([type=radio]), body select, body textarea{font-size:16px; min-height:46px;}
  body textarea{min-height:90px;}
  img, video{max-width:100%;}
  body p, body li, body small, body .panel{overflow-wrap:anywhere;}
  html, body{overflow-x:clip;}
}

@media (prefers-reduced-motion: reduce){
  body .brand-stripe, body .brand-stripe-track{animation:none !important;}
}