/* Desbravacom · padrão de telas (componentes resources/views/components/ui/*, guia docs/PADRAO-TELAS.md).
   Só usa as variáveis do desbrava.css e do tema do clube (App\Support\TemaClube): nada de cor fixa.
   Carregado depois do desbrava.css; as telas antigas continuam iguais até usarem os componentes. */

:root{--bad-on:#FFFFFF;--ui-toque:40px}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){--bad-on:#2A0D08}}
:root[data-theme="dark"]{--bad-on:#2A0D08}
@media (max-width:640px){:root{--ui-toque:44px}}

/* ---------- cabeçalho de página ---------- */
.ui-cab{display:flex;align-items:flex-end;gap:12px 16px;flex-wrap:wrap}
.ui-cab-tx{flex:1;min-width:240px}
.ui-cab h1{font-size:26px}
.ui-cab p{margin:4px 0 0;color:var(--muted);max-width:68ch}
.ui-cab-acoes{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.ui-voltar{display:inline-flex;align-items:center;gap:4px;color:var(--muted);text-decoration:none;font-weight:600;font-size:13px;margin:0 0 6px -4px;padding:4px 6px;border-radius:6px}
.ui-voltar:hover{color:var(--ink);background:var(--surface-2)}
.ui-voltar svg{width:16px;height:16px}
@media (max-width:640px){
  .ui-cab{align-items:stretch}
  .ui-cab h1{font-size:22px}
  .ui-cab-acoes{width:100%;flex-direction:column-reverse;align-items:stretch}
  .ui-cab-acoes>.btn,.ui-cab-acoes>form,.ui-cab-acoes>form>.btn{width:100%}
}

/* ---------- botões ---------- */
.btn.ui-btn{min-height:var(--ui-toque);padding:8px 14px;gap:7px;font-weight:700;justify-content:center;transition:filter .12s,border-color .12s,background .12s;line-height:1.2}
.btn.ui-btn.sm{min-height:32px;padding:5px 11px;font-size:13px}
.btn.ui-btn.lg{min-height:46px;padding:11px 18px;font-size:15px}
.btn.sec{background:var(--surface);border-color:var(--line);color:var(--ink)}
.btn.sec:hover{border-color:var(--muted)}
.btn.perigo{background:var(--bad);border-color:var(--bad);color:var(--bad-on)}
.btn.perigo:hover{filter:brightness(1.06)}
.btn.leve{background:transparent;border-color:transparent;color:var(--ink);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--line)}
.btn.leve:hover{background:var(--surface-2);text-decoration-color:var(--muted)}
.btn.wa{color:#fff}
.btn:disabled,.btn[aria-disabled="true"]{opacity:.5;cursor:not-allowed;filter:none}
.ui-btn-ic{width:17px;height:17px;flex:none}
.btn.sm .ui-btn-ic{width:15px;height:15px}
.ui-form-confirmar{display:inline-flex;margin:0}

/* ---------- passos (lista) ---------- */
.ui-passos{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;counter-reset:none}
.ui-passo{display:flex;align-items:flex-start;gap:12px;padding:12px 0;border-top:1px solid var(--line);position:relative}
.ui-passo:first-child{border-top:0}
.ui-pn{width:28px;height:28px;border-radius:50%;flex:none;display:grid;place-items:center;font-weight:800;font-size:13px;background:var(--surface-2);color:var(--muted);border:1.5px solid var(--line)}
.ui-pn svg{width:15px;height:15px;stroke-width:2.4}
.ui-passo-tx{flex:1;min-width:0}
.ui-passo-tx b{font-size:14.5px}
.ui-passo-tx p{margin:3px 0 0;color:var(--muted);font-size:13px}
.ui-passo-ok{margin-left:6px;font-size:12px;font-weight:700;color:var(--ok)}
.ui-passo-motivo{display:flex;gap:5px;align-items:center;font-weight:600}
.ui-passo-motivo svg{width:14px;height:14px;flex:none}
.ui-passo-acao{flex:none;align-self:center}
.ui-passo.is-feito .ui-pn{background:var(--ok-soft);color:var(--ok);border-color:var(--ok-soft)}
.ui-passo.is-feito .ui-passo-tx b{color:var(--muted);font-weight:600}
.ui-passo.is-atual{background:var(--accent-soft);margin:0 -12px;padding:12px;border-radius:var(--r);border-top-color:transparent}
.ui-passo.is-atual+.ui-passo{border-top-color:transparent}
.ui-passo.is-atual .ui-pn{background:var(--accent);color:var(--accent-on,#1B1200);border-color:var(--accent)}
.ui-passo.is-atual .ui-passo-tx p{color:var(--accent-ink)}
.ui-passo.is-bloqueado{opacity:.75}
.ui-passo.is-bloqueado .ui-passo-motivo{color:var(--warn)}
@media (max-width:640px){
  .ui-passo{flex-wrap:wrap}
  .ui-passo-acao{flex-basis:100%;padding-left:40px}
  .ui-passo-acao .btn{width:100%}
}

/* ---------- passos (linha compacta, topo de tela) ---------- */
.ui-passos-linha{list-style:none;margin:0 0 14px;padding:0;display:flex;gap:6px;overflow-x:auto;scrollbar-width:thin}
.ui-pl{flex:1 1 0;min-width:max-content;position:relative}
.ui-pl>a,.ui-pl>.ui-pl-in{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--line);border-radius:var(--r);background:var(--surface);color:var(--muted);text-decoration:none;font-weight:700;font-size:13px;height:100%}
.ui-pl>a:hover{border-color:var(--muted);color:var(--ink)}
.ui-pl .ui-pn{width:24px;height:24px;font-size:12px}
.ui-pl.is-feito .ui-pn{background:var(--ok-soft);color:var(--ok);border-color:var(--ok-soft)}
.ui-pl.is-feito>a,.ui-pl.is-feito>.ui-pl-in{color:var(--ink)}
.ui-pl.is-atual>a,.ui-pl.is-atual>.ui-pl-in{border-color:var(--accent);background:var(--accent-soft);color:var(--ink)}
.ui-pl.is-atual .ui-pn{background:var(--accent);color:var(--accent-on,#1B1200);border-color:var(--accent)}
.ui-pl.is-bloqueado>.ui-pl-in{opacity:.7;cursor:not-allowed}

/* ---------- guia "Comece por aqui" ---------- */
.ui-comece{border-color:var(--accent);padding:0}
.ui-comece>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:12px;padding:14px 16px}
.ui-comece>summary::-webkit-details-marker{display:none}
.ui-comece-ic{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent-ink);flex:none}
.ui-comece-ic svg{width:22px;height:22px}
.ui-comece-tx{flex:1;min-width:0;display:flex;flex-direction:column}
.ui-comece-tx b{font-family:var(--f-display);font-size:18px}
.ui-comece-tx span{color:var(--muted);font-size:13px}
.ui-comece-pct{font-weight:800;color:var(--accent-ink);font-size:15px}
.ui-comece-seta svg{width:18px;height:18px;transform:rotate(-90deg);transition:transform .15s;color:var(--muted)}
.ui-comece:not([open]) .ui-comece-seta svg{transform:rotate(180deg)}
.ui-comece .ui-barra{margin:0 16px 4px}
.ui-comece .ui-passos{padding:4px 16px 8px}
.ui-barra{height:8px;border-radius:99px;background:var(--surface-2);border:1px solid var(--line);overflow:hidden}
.ui-barra>i{display:block;height:100%;background:var(--ok);border-radius:99px}

/* ---------- estado vazio ---------- */
.ui-vazio{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:28px 16px;border:1.5px dashed var(--line);border-radius:var(--r);background:var(--surface-2)}
.ui-vazio.compacto{border:0;background:transparent;padding:18px 8px}
.ui-vazio-ic{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--surface);border:1px solid var(--line);color:var(--muted)}
.ui-vazio-ic svg{width:24px;height:24px}
.ui-vazio b{font-size:15.5px}
.ui-vazio p{margin:0;color:var(--muted);max-width:52ch}
.ui-vazio .btn{margin-top:6px}

/* ---------- dica / aviso ---------- */
.ui-aviso{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:var(--r);border:1px solid transparent;font-size:13.5px;flex-wrap:wrap}
.ui-aviso-ic{width:20px;height:20px;flex:none;margin-top:1px}
.ui-aviso-tx{flex:1;min-width:200px}
.ui-aviso-tx b{display:block;font-size:14px}
.ui-aviso-tx b+div{margin-top:2px}
.ui-aviso-acoes{display:flex;gap:8px;flex-wrap:wrap;align-items:center;align-self:center}
.ui-aviso.is-info{background:color-mix(in srgb,var(--c-azul) 9%,var(--surface));border-color:color-mix(in srgb,var(--c-azul) 25%,var(--line));color:var(--ink)}
.ui-aviso.is-info .ui-aviso-ic{color:var(--c-azul)}
.ui-aviso.is-sucesso{background:var(--ok-soft);border-color:color-mix(in srgb,var(--ok) 25%,transparent);color:var(--ink)}
.ui-aviso.is-sucesso .ui-aviso-ic{color:var(--ok)}
.ui-aviso.is-atencao{background:var(--warn-soft);border-color:color-mix(in srgb,var(--warn) 30%,transparent);color:var(--ink)}
.ui-aviso.is-atencao .ui-aviso-ic{color:var(--warn)}
.ui-aviso.is-erro{background:var(--bad-soft);border-color:color-mix(in srgb,var(--bad) 30%,transparent);color:var(--ink)}
.ui-aviso.is-erro .ui-aviso-ic{color:var(--bad)}
@media (max-width:640px){.ui-aviso-acoes{width:100%}.ui-aviso-acoes .btn{flex:1}}

/* ---------- seção de formulário e campo ---------- */
.ui-secao{display:flex;flex-direction:column;gap:14px}
.ui-secao-cab h2{display:flex;align-items:center;gap:9px}
.ui-secao-cab h2 .ui-pn{width:26px;height:26px;background:var(--accent);color:var(--accent-on,#1B1200);border-color:var(--accent)}
.ui-secao-cab p{margin:4px 0 0;color:var(--muted);font-size:13px}
.ui-secao+.ui-secao{margin-top:14px}
.campos.ui-uma-coluna{grid-template-columns:minmax(0,1fr)}
.ui-campo>label{color:var(--ink);font-size:13px}
.ui-obrig{font-weight:600;color:var(--muted);font-size:11.5px}
.ui-campo .inp{min-height:var(--ui-toque)}
.ui-campo textarea.inp{min-height:84px;resize:vertical}
.ui-campo .inp::placeholder{color:color-mix(in srgb,var(--muted) 75%,transparent)}

/* ---------- barra de ações do formulário ---------- */
.ui-acoes-form{display:flex;align-items:center;gap:10px 16px;flex-wrap:wrap;margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}
.ui-acoes-tx{flex:1;min-width:200px;margin:0;color:var(--muted);font-size:13px}
.ui-acoes-bt{display:flex;gap:8px;flex-wrap:wrap;margin-left:auto}
@media (max-width:640px){
  .ui-acoes-form.fixa{position:sticky;bottom:0;z-index:20;margin:16px -16px 0;padding:10px 16px max(10px,env(safe-area-inset-bottom,0px));background:var(--surface);border-top:1px solid var(--line);box-shadow:0 -6px 18px rgba(0,0,0,.08)}
  .ui-acoes-tx{flex-basis:100%;font-size:12.5px}
  .ui-acoes-bt{width:100%;flex-wrap:nowrap;margin-left:0}
  .ui-acoes-bt>*{flex:1 1 0;min-width:0}
  .ui-acoes-bt>:last-child{flex-grow:2}
  .ui-acoes-bt>form>.btn{width:100%}
  .ui-acoes-bt .btn{min-height:46px}
}

/* ---------- tabela que vira cartões no celular ---------- */
.ui-tabela tr[data-href]{cursor:pointer}
.ui-tabela tr[data-href]:hover td{background:var(--surface-2)}
.ui-tabela .ui-td-titulo a{color:var(--ink);text-decoration:none}
.ui-tabela .ui-td-titulo a:hover{text-decoration:underline}
.ui-tabela .ui-td-acoes{text-align:right;white-space:nowrap}
.ui-tabela .ui-td-acoes .btn+.btn,.ui-tabela .ui-td-acoes form+form{margin-left:4px}
.ui-tabela td.ui-td-titulo{min-width:200px}
.ui-tabela td.num{white-space:nowrap}
.ui-pessoa{display:flex;gap:10px;align-items:center;min-width:0}
.ui-pessoa .av{flex:none}
.ui-pessoa small{display:block;color:var(--muted);font-size:12px;font-weight:500}
@media (max-width:640px){
  .ui-tabela{border:0;background:transparent;overflow:visible}
  .ui-tabela table,.ui-tabela tbody,.ui-tabela tr,.ui-tabela td{display:block;width:100%}
  .ui-tabela thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
  .ui-tabela tr{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:10px 12px;margin-bottom:10px;box-shadow:var(--shadow)}
  .ui-tabela td{border:0;padding:5px 0;display:flex;justify-content:space-between;align-items:center;gap:12px;text-align:right}
  .ui-tabela td::before{content:attr(data-label);color:var(--muted);font-size:12px;font-weight:700;text-align:left;flex:none}
  .ui-tabela td:not([data-label])::before,.ui-tabela td[data-label=""]::before{display:none}
  .ui-tabela td.ui-td-titulo{display:block;text-align:left;padding:2px 0 8px;margin-bottom:4px;border-bottom:1px solid var(--line);font-size:15px}
  .ui-tabela td.ui-td-acoes{justify-content:flex-end;flex-wrap:wrap;padding-top:8px;margin-top:4px;border-top:1px solid var(--line)}
  .ui-tabela tr[data-href]:hover td{background:transparent}
  /* Variante compacta (listas longas, ex.: Membros): os dados ficam lado a lado em "etiquetas" curtas. */
  .ui-tabela.compacta tr{display:flex;flex-wrap:wrap;gap:6px 14px;padding:10px 12px}
  .ui-tabela.compacta td{width:auto;display:inline-flex;gap:5px;padding:0;text-align:left;font-size:13px}
  .ui-tabela.compacta td::before{content:attr(data-label) ":";font-weight:600;font-size:12px}
  .ui-tabela.compacta td.ui-td-titulo{width:100%;flex-basis:100%;margin-bottom:2px;padding:0 0 8px}
  .ui-tabela.compacta td.ui-td-acoes{width:100%;flex-basis:100%}
}
@media (min-width:641px) and (max-width:900px){
  .ui-tabela.ate-900{border:0;background:transparent;overflow:visible}
  .ui-tabela.ate-900 table,.ui-tabela.ate-900 tbody,.ui-tabela.ate-900 tr,.ui-tabela.ate-900 td{display:block;width:100%}
  .ui-tabela.ate-900 thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
  .ui-tabela.ate-900 tr{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:10px 12px;margin-bottom:10px}
  .ui-tabela.ate-900 td{border:0;padding:5px 0;display:flex;justify-content:space-between;gap:12px}
  .ui-tabela.ate-900 td::before{content:attr(data-label);color:var(--muted);font-size:12px;font-weight:700}
  .ui-tabela.ate-900 td:not([data-label])::before{display:none}
}

/* ---------- janela de confirmação ---------- */
html.ui-travada,html.ui-travada body{overflow:hidden}
.ui-conf-fundo{position:fixed;inset:0;z-index:80;background:rgba(10,20,15,.5);display:flex;align-items:center;justify-content:center;padding:16px}
.ui-conf-fundo[hidden]{display:none}
.ui-conf{width:min(440px,100%);background:var(--surface);color:var(--ink);border-radius:16px;padding:22px;box-shadow:0 18px 50px rgba(0,0,0,.3);display:flex;flex-direction:column;gap:8px}
.ui-conf-ic{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent-ink)}
.ui-conf.is-perigo .ui-conf-ic{background:var(--bad-soft);color:var(--bad)}
.ui-conf-ic svg{width:24px;height:24px}
.ui-conf h2{font-size:19px;margin-top:4px}
.ui-conf p{margin:0;color:var(--muted);font-size:14px;white-space:pre-line}
.ui-conf-bt{display:flex;gap:8px;justify-content:flex-end;margin-top:10px;flex-wrap:wrap}
@media (max-width:640px){
  .ui-conf-fundo{align-items:flex-end;padding:0}
  .ui-conf{border-radius:16px 16px 0 0;padding:20px 16px max(16px,env(safe-area-inset-bottom,0px))}
  .ui-conf-bt{flex-direction:column-reverse}
  .ui-conf-bt .btn{width:100%}
}
@media (prefers-reduced-motion:reduce){.ui-comece-seta svg{transition:none}}

/* área C · Reuniões, Classes e Especialidades */
/* Faixa de passos da reunião: marca a página em que a pessoa está (rc-aqui-N = passo N). */
.rc-faixa{margin-top:4px}
.rc-aqui-1>.ui-pl:nth-child(1)>a,.rc-aqui-2>.ui-pl:nth-child(2)>a,
.rc-aqui-3>.ui-pl:nth-child(3)>a,.rc-aqui-4>.ui-pl:nth-child(4)>a,
.rc-aqui-1>.ui-pl:nth-child(1)>.ui-pl-in,.rc-aqui-2>.ui-pl:nth-child(2)>.ui-pl-in,
.rc-aqui-3>.ui-pl:nth-child(3)>.ui-pl-in,.rc-aqui-4>.ui-pl:nth-child(4)>.ui-pl-in{box-shadow:inset 0 -3px 0 var(--ink);color:var(--ink)}
.rc-sub{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:center}
.rc-nota{margin:8px 0 0}

/* área A · painel, layout, configurações, assinatura, entrar e páginas de erro */
.foot .foot-links{margin-top:4px}
.foot .foot-links a{color:inherit}
/* Painel: cartão único "Precisa da sua atenção" (x-ui.a-atencao) */
.a-atencao{border-color:color-mix(in srgb,var(--warn) 35%,var(--line))}
.a-atencao-lista{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.a-atencao-item{display:flex;align-items:flex-start;gap:12px;padding:12px 0;border-top:1px solid var(--line)}
.a-atencao-item:first-child{border-top:0;padding-top:4px}
.a-atencao-ic{width:34px;height:34px;border-radius:10px;flex:none;display:grid;place-items:center;background:var(--surface-2);color:var(--muted)}
.a-atencao-ic svg{width:18px;height:18px}
.a-atencao-item.is-erro .a-atencao-ic{background:var(--bad-soft);color:var(--bad)}
.a-atencao-item.is-atencao .a-atencao-ic{background:var(--warn-soft);color:var(--warn)}
.a-atencao-item.is-info .a-atencao-ic{background:var(--accent-soft);color:var(--accent-ink)}
.a-atencao-tx{flex:1;min-width:0}
.a-atencao-tx b{font-size:14.5px}
.a-atencao-tx p{margin:3px 0 0;color:var(--muted);font-size:13px}
.a-atencao-acao{flex:none;align-self:center}
@media (max-width:640px){
  .a-atencao-item{flex-wrap:wrap}
  .a-atencao-acao{flex-basis:100%;padding-left:46px}
  .a-atencao-acao .btn{width:100%}
}
/* Configurações */
.cfg-uf .inp{text-transform:uppercase;max-width:120px}
.cfg-link-wa{margin:-6px 0 0}
.cfg-logo{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.cfg-logo .inp{flex:1;min-width:200px}
.cfg-logo-img{width:56px;height:56px;border-radius:12px;border:1px solid var(--line);padding:2px;flex:none}
.cfg-ajuda{margin:4px 0 12px}
.cfg-aviso-tema{margin-top:14px}
/* Campo de senha com "Mostrar" (x-ui.a-senha) */
.a-senha-linha{display:flex;gap:6px;align-items:stretch}
.a-senha-linha .inp{flex:1;min-width:0}
.a-senha-ver{flex:none;min-width:84px}
/* Entrar, criar a senha e aceitar os termos */
.a-entrada-t{margin-bottom:4px}
.a-entrada-sub{margin:0 0 14px}
.form .a-entrada-sub{margin:0}
.a-entrada-aviso{margin-bottom:12px}
.a-esqueci{margin-top:14px;padding-top:12px;border-top:1px solid var(--line);font-size:13.5px}
.a-esqueci summary{cursor:pointer;font-weight:700;color:var(--accent-ink);min-height:var(--ui-toque);display:flex;align-items:center}
.a-esqueci ul{margin:6px 0 0;padding-left:18px;color:var(--muted)}
.a-esqueci li{margin-bottom:6px}
.a-esqueci b{color:var(--ink)}
.a-sair{margin-top:12px;text-align:center}
.entrada-box .ui-passos-linha{margin:0}
/* Em breve */
.a-obra-sub{font-weight:600}
.a-obra-acoes{justify-content:center;margin-top:8px}
/* Páginas de erro */
.a-erro{text-align:center;display:flex;flex-direction:column;gap:10px;align-items:center;padding:28px 20px}
.a-erro h1{font-size:22px}
.a-erro-ic{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent-ink)}
.a-erro-ic svg{width:30px;height:30px}
.a-erro-msg{margin:0;color:var(--ink)}
.a-erro-ajuda{margin:0;color:var(--muted);font-size:13.5px}
.a-erro-acoes{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:6px;width:100%}
.a-erro-cod{margin:8px 0 0;color:var(--muted);font-size:12px}
@media (max-width:640px){.a-erro-acoes{flex-direction:column}.a-erro-acoes .btn{width:100%}}
/* Busca geral: as teclas não servem no toque; a dica de tocar só aparece no celular */
.a-busca-toque{display:none}
@media (hover:none),(max-width:600px){.a-busca-teclas{display:none}.a-busca-toque{display:block}}

/* área E · Eventos, Agenda e Avisos */
/* situação do evento em passos + próximo passo (eventos/ver) */
.ev-ciclo{display:flex;flex-direction:column;gap:12px}
.ev-ciclo .ui-passos-linha{margin:0}
.ev-ciclo-t{font-size:14px;margin:0;color:var(--muted);font-weight:700}
.ev-proximo{display:flex;gap:12px 16px;align-items:center;flex-wrap:wrap;padding:12px 14px;border-radius:var(--r);background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent) 35%,transparent)}
.ev-proximo-tx{flex:1;min-width:220px;display:flex;flex-direction:column;gap:2px}
.ev-proximo-rot{font-size:11.5px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--accent-ink)}
.ev-proximo-tx b{font-size:15.5px}
.ev-proximo-tx p{margin:0;color:var(--muted);font-size:13px}
.ev-proximo-bt{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.ev-perigo{display:flex;gap:12px 16px;align-items:center;flex-wrap:wrap;border-color:color-mix(in srgb,var(--bad) 30%,var(--line))}
.ev-perigo-tx{flex:1;min-width:220px}
.ev-perigo-tx h2{font-size:16px;margin:0}
.ev-perigo-tx p{margin:4px 0 0;color:var(--muted);font-size:13px}
.ev-comp-cab{align-items:flex-start;justify-content:space-between}
.ev-comp-cab p{margin:4px 0 0;max-width:70ch}
@media (max-width:640px){
  .ev-proximo-bt,.ev-perigo .ui-form-confirmar,.ev-comp-cab>.btn{width:100%}
  .ev-proximo-bt{flex-direction:column-reverse;align-items:stretch}
  .ev-proximo-bt .btn,.ev-proximo-bt .ui-form-confirmar,.ev-proximo-bt .ui-form-confirmar .btn,.ev-perigo .ui-form-confirmar .btn{width:100%}
}
/* abas do evento: inscritos, documentos, setores, cronograma */
.ev-inscritos-topo .ev-esp{flex:1}
.ev-pag{display:inline-flex;gap:6px;align-items:center;flex-wrap:wrap}
.ev-sit{display:inline-flex;gap:6px;align-items:center;margin:0}
.ev-sit select.inp{padding:4px 6px;font-size:12.5px;min-height:32px;width:auto}
.ev-docs-resumo{display:flex;flex-direction:column;gap:10px}
.ev-docs-num{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.ev-quadro td.falta,.acp-q td.falta{font-size:12px;color:var(--muted)}
@media (min-width:901px){
  .ev-quadro th.doc{writing-mode:vertical-rl;transform:rotate(180deg);font-size:11.5px;font-weight:600;white-space:nowrap;padding:8px 4px;max-height:180px}
  .ev-quadro td,.ev-quadro th,.acp-q td,.acp-q th{text-align:center;vertical-align:middle}
  .ev-quadro td:first-child,.ev-quadro th:first-child,.ev-quadro td.falta,.acp-q td:first-child,.acp-q th:first-child,.acp-q td.falta{text-align:left}
  .ev-quadro td.falta,.acp-q td.falta{min-width:170px}
  .acp-q th.doc{font-size:11.5px;font-weight:600;max-width:90px;white-space:normal}
  .acp-q .ui-td-acoes{white-space:nowrap}
}
.ev-setor select{width:100%;margin-top:6px}
.ev-setor-t{margin:0}
.ev-setor-resp{margin-top:4px}
.ev-dia-t{text-transform:capitalize}
/* acompanhantes */
.acp{display:flex;flex-direction:column;gap:14px}
.acp-cab{display:flex;flex-direction:column;gap:8px}
.acp-cab h2,.acp-cab p,.acp-form h3{margin:0}
.acp-novo{display:inline-block;margin-top:4px}
.acp-form{display:flex;flex-direction:column;gap:16px}
.acp-bloco{display:flex;flex-direction:column;gap:10px}
.acp-bloco+.acp-bloco{border-top:1px solid var(--line);padding-top:14px}
.acp-sub{font-size:14px}
.acp-linha{display:flex;gap:8px;flex-wrap:wrap;align-items:flex-end}
.acp-linha .campo{flex:1 1 200px}
.acp-res .li form{margin:0;display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.acp .ui-acoes-form{margin-top:4px}
/* passos do formulário do evento (novo e editar) */
.ev-nv-passos{margin:0}
.ev-nv-passos .ui-pl>button{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--line);border-radius:var(--r);background:var(--surface);color:var(--muted);font-weight:700;font-size:13px;width:100%;height:100%;cursor:pointer;font-family:inherit}
.ev-nv-passos .ui-pl>button:hover:not(:disabled){border-color:var(--muted);color:var(--ink)}
.ev-nv-passos .ui-pl>button:disabled{cursor:not-allowed}
.ev-nv-passos .ui-pl.is-feito>button{color:var(--ink)}
.ev-nv-passos .ui-pl.is-atual>button{border-color:var(--accent);background:var(--accent-soft);color:var(--ink)}
.ev-nv-passos .ui-pl.is-bloqueado>button{opacity:.6}
.ev-nv-erro[hidden]{display:none}
.ev-nv-ajuda{margin:-4px 0 2px}
.ev-rev-caixa{flex-direction:column;gap:6px;background:var(--surface-2)}
.ev-rev-caixa dd{word-break:break-word}
.ev-rev-mudar{margin-left:4px;vertical-align:baseline}
.nv-crono{display:flex;flex-direction:column;gap:8px}
.nv-crono .li{display:flex;gap:10px;align-items:baseline;padding:4px 0;border-bottom:1px dashed var(--line);font-size:13.5px}
.nv-crono .li:last-child{border-bottom:0}
.nv-crono .dia{width:84px;font-variant-numeric:tabular-nums;color:var(--muted)}
.nv-crono .li.fora{background:var(--warn-soft);border-radius:6px;padding:4px 6px}
.nv-crono .tag{display:none;font-size:11.5px;font-weight:700;color:var(--warn)}
.nv-crono .li.fora .tag{display:inline}
.ev-pill{align-self:flex-start}
@media (max-width:520px){.ev-nv-passos .ui-pl{min-width:0;flex:0 0 auto}.ev-nv-passos .ui-pl.is-atual{flex:1 0 auto}}
/* pasta de segurança: no celular, cada participante é um cartão com o texto alinhado à esquerda */
@media (max-width:640px){
  .ps-tab td{flex-direction:column;align-items:flex-start;text-align:left;gap:2px}
}
@media print{.ps-tab table{display:table}.ps-tab thead{position:static;width:auto;height:auto;clip:auto}}
/* agenda */
.ag-leg-reuniao{background:var(--accent-soft);border:1px solid var(--accent)}
.ag-leg-evento{background:var(--surface-2);border-left:3px solid var(--c-verde)}
.ag-leg-ata{background:var(--ok-soft);border:1px solid var(--ok)}
.ag-leg-aguardando{background:var(--surface-2);border:1px dashed var(--warn)}
.ag-nav h2{text-align:center}
/* avisos */
.av-quem{display:flex;flex-direction:column;gap:8px}
.av-unidades{gap:8px;margin-top:8px}
.av-resumo{display:flex;gap:14px;align-items:center;padding:14px;border-radius:var(--r);background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent) 35%,transparent)}
.av-resumo.is-zero{background:var(--warn-soft);border-color:color-mix(in srgb,var(--warn) 30%,transparent)}
.av-resumo-n{font-family:var(--f-display);font-size:34px;font-weight:800;line-height:1;color:var(--accent-ink);min-width:2ch;text-align:center}
.av-resumo-tx{display:flex;flex-direction:column;gap:2px}
.av-resumo-tx b{font-size:15.5px}
.av-mandar{display:inline-flex;margin:0}

/* área D (Tesouraria e Secretaria) — classes d-*, só acrescentadas aqui */
.d-abas{margin-top:2px}
.d-lembrete{display:flex;gap:6px;align-items:flex-start;margin:-4px 0 0;font-size:12.5px;color:var(--muted)}
.d-lembrete svg{width:15px;height:15px;flex:none;margin-top:1px}
.d-mes-escolha{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:10px 14px}
.d-mes-rot{font-weight:700;font-size:14px}
.d-mes-escolha select.inp{min-height:var(--ui-toque);font-weight:600}
.d-ch{flex-wrap:wrap;gap:8px}
.d-ch h2{flex:1;min-width:180px}
.d-form-linha{display:inline-flex;gap:8px;align-items:center;flex-wrap:wrap;margin:0}
.d-subtitulo{font-size:15px;margin:16px 0 4px;display:flex;align-items:center;gap:8px}
.d-subtitulo .ui-pn{width:24px;height:24px;font-size:12px}
.d-sem-margem{margin:0}
.d-espaco{margin:12px 0 0}
.d-bloco{display:block}
.d-min0{min-width:0}
.d-ruim{color:var(--bad);font-weight:600}
.d-quebra{word-break:break-all}
.d-botao-largo{margin-top:10px}
.d-chip{display:inline-flex;gap:7px;align-items:center;padding:6px 12px;border:1px solid var(--line);border-radius:99px;background:var(--surface);font-size:13px;font-weight:600;cursor:pointer;min-height:36px}
.d-chip:hover{border-color:var(--muted)}
.d-chip.on{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-ink)}
.d-chip input{margin:0;accent-color:var(--accent)}
.d-acao-bloco{display:flex;flex-direction:column;gap:6px;padding:12px 0;border-top:1px solid var(--line);margin:0}
.d-acao-bloco:first-of-type{border-top:0;padding-top:0}
.d-acao-bloco p{margin:0}
.d-acao-bloco .campo{margin:0}
.ui-tabela tr[hidden]{display:none!important}
@media (max-width:640px){
  .d-so-computador{display:none}
  .ui-tabela td.d-so-computador-cel{display:none}
  .d-mes-escolha select.inp{flex:1}
  .d-form-linha,.d-form-linha .btn,.d-botao-largo{width:100%}
  .d-ch h2{min-width:0;flex-basis:100%}
}

/* área F (WhatsApp, Relatórios, LGPD, painel da empresa) */
.f-wz-passos h2,.wz-chip h2,#wz-conectar h2,#wz-ajustes h2{display:flex;align-items:center;gap:9px}
.f-wz-passos h2{margin-bottom:8px}
.f-wz-nota{margin:8px 0 0;opacity:.85}
.f-wz-motivo{display:flex;gap:6px;align-items:center;margin:8px 0 0;color:var(--muted)}
.f-wz-motivo svg{width:15px;height:15px;flex:none}
.f-wz-qr-passos{margin:0;padding-left:20px;text-align:left;font-size:13.5px;max-width:340px}
.f-wz-qr-passos li{margin:2px 0}
.f-wz-situacao{font-size:12px;font-weight:600;color:var(--muted);font-family:var(--f-body,inherit)}
.f-wz-atalhos{display:flex;gap:6px;flex-wrap:wrap;padding:0 14px 8px}
.f-wz-erro{margin:6px 0 0;font-size:13px;font-weight:600;color:var(--bad);background:var(--bad-soft);border-radius:8px;padding:6px 10px}
.f-wz-erro[hidden]{display:none}
.f-wz-falhou{font-size:11px;font-weight:700;color:var(--bad)}
.f-gr-grade{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}
.f-gr-card h3{margin:0 0 4px;font-size:1.05rem}
.f-gr-linha{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:8px 0}
.f-gr-acoes{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.f-gr-acoes form{margin:0}
.f-erro-tx{color:var(--bad);margin:4px 0}
.f-rl-ruim{color:var(--bad)}
.f-rl-bom{color:var(--ok)}
.f-rl-nota{margin:10px 0 0}
.f-rl-espaco{margin-top:14px}
.f-rl-abrir{display:inline-flex;align-items:center;gap:4px;margin-top:auto;font-weight:700;font-size:13px;color:var(--accent-ink)}
.f-rl-abrir svg{width:14px;height:14px}
.f-rl-col-media{min-width:160px}
.f-rl-media{display:flex;gap:8px;align-items:center}
.f-rl-media .score{min-width:34px}
.f-rl-media .bar{flex:1}
.f-lg-bloco{margin-top:18px}
.f-lg-bloco > h2{margin-bottom:10px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.f-lg-pedido + .f-lg-pedido{margin-top:10px}
.f-lg-topo{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.f-lg-meta{margin:4px 0 8px}
.f-lg-escolher{display:flex;gap:8px;flex-wrap:wrap;align-items:flex-end;margin:10px 0 0}
.f-lg-escolher .campo{flex:1;min-width:200px;margin:0}
.f-lg-responder{margin-top:10px;border-top:1px solid var(--line);padding-top:8px}
.f-lg-responder summary,.f-lg-sum{cursor:pointer;font-weight:700;font-size:14px}
.f-lg-responder .form{margin-top:8px}
.f-lg-acoes{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.f-lg-grid{margin-top:10px}
.f-lg-apagar{max-width:680px;margin-top:14px}
.f-dc-nota{margin-bottom:-4px}
.f-dc-salvar{margin-top:12px}
.f-dc-sub{margin:16px 0 6px;font-size:14px}
.f-dc-hora{white-space:nowrap}
.f-dc-paginas{margin-top:12px;justify-content:space-between}
@media (max-width:640px){
  .f-lg-acoes,.f-lg-escolher{flex-direction:column-reverse;align-items:stretch}
  .f-lg-acoes .btn,.f-lg-escolher .btn,.wz-con-botoes .btn,.wz-con-botoes form{width:100%}
  .f-lg-grid{grid-template-columns:1fr}
  .f-dc-paginas{flex-direction:column;align-items:stretch}
}

/* área B (Membros, Unidades, Diretoria e o link dos pais) */
.b-form-linha{margin:0;display:inline-flex}
.b-linha{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.b-cresce{flex:1;min-width:0}
.b-direita{margin-left:auto}
.b-botoes{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.b-sem-margem{margin:0}
.b-nota{margin:10px 0 0}
.b-nota-topo{margin:10px 0 0}
.b-nota-baixo{margin:0 0 10px}
.b-h2-curto{margin:0 0 8px}
.b-quebra{white-space:pre-line}
.b-vermelho{color:var(--bad)}
.b-dot-grande{width:14px;height:14px}
.b-ic-estrela{width:20px;height:20px;color:var(--accent)}
.b-secao-espaco{margin-top:14px}
.b-ficha-selos{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}
.b-ficha-selos:empty{display:none}
.b-ficha-abas{margin:14px 0}
.b-pontos{margin-top:2px}
.b-zona-saida{margin-top:14px;display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;border-style:dashed}
.b-zona-saida h2{margin:0;font-size:15px}
.b-zona-saida p{margin:2px 0 0}
.b-zona-tx{flex:1;min-width:220px}
.b-zona-saida form{margin:0}
.b-saude-form{margin-top:14px}
.b-saude-form h2{margin:0}
.b-evento-link{display:flex;flex-direction:column;gap:8px}
.b-evento-link form{margin:0}
/* campo com botão Copiar (components/ui/b-copiar) */
.b-copiar{display:flex;gap:8px;align-items:stretch;min-width:0}
.b-copiar .inp{flex:1;min-width:0;font-size:13px;padding:8px 10px;background:var(--surface-2)}
.b-copiar.mono .inp{font-family:ui-monospace,Consolas,monospace;font-size:12.5px}
.b-copiar.grande .inp{font-size:20px;font-weight:800;letter-spacing:2px;color:var(--ink);background:var(--surface);min-height:var(--ui-toque,44px)}
.b-copiar .btn{flex:none}
@media (max-width:640px){
  .b-copiar{flex-direction:column}
  .b-copiar .btn{width:100%;justify-content:center}
  .b-zona-saida .ui-form-confirmar,.b-zona-saida .btn{width:100%}
}
/* saude: formulário em 5 passos (components/saude/formulario) e resumo (components/saude/resumo) */
.saude-form{display:flex;flex-direction:column;gap:14px}
.sf-topo{display:flex;flex-direction:column;gap:8px}
.sf-faixa{margin:0}
.sf-progresso{display:none;align-items:center;gap:10px;font-size:13px;color:var(--muted)}
.sf-progresso b{color:var(--ink)}
.sf-barra{flex:1;height:6px;border-radius:99px;background:var(--surface-2);border:1px solid var(--line);overflow:hidden}
.sf-barra>span{display:block;height:100%;background:var(--accent);transition:width .2s}
.sf-passo{border:1px solid var(--line);border-radius:var(--r);padding:14px;display:flex;flex-direction:column;gap:14px;scroll-margin-top:12px;min-width:0}
.sf-passo-cab h3{margin:0;display:flex;align-items:center;gap:8px;font-family:var(--f-display);font-size:16px}
.sf-passo-cab h3 .ui-pn{background:var(--accent);color:var(--accent-on,#1B1200);border-color:var(--accent)}
.sf-passo-cab p{margin:4px 0 0;font-size:13px;color:var(--muted)}
.sf-op{border:0;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;min-width:0}
.sf-op>legend{font-weight:700;font-size:14px;padding:0;margin-bottom:8px}
.sf-op .ajuda,.saude-form .ajuda{font-size:12px;color:var(--muted);margin:0}
.saude-form .erro{font-size:12px;color:var(--bad);font-weight:600}
.sf-op.tem-erro>legend{color:var(--bad)}
.sf-opcional{font-weight:400;color:var(--muted)}
.sf-pergunta{display:flex;flex-direction:column;gap:8px}
.sf-pergunta>span{font-weight:700;font-size:14.5px}
.sf-pergunta .obg{color:var(--bad);margin-left:3px}
.sf-pergunta.tem-erro>span{color:var(--bad)}
/* Sim / Não em dois botões grandes */
.sf-sn{display:grid;grid-template-columns:repeat(2,minmax(0,150px));gap:10px}
.sf-sn-op{position:relative;display:flex;align-items:center;justify-content:center;min-height:52px;border:2px solid var(--line);border-radius:var(--r);background:var(--surface);font-weight:800;font-size:16px;color:var(--ink);cursor:pointer;user-select:none}
.sf-sn-op input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.sf-sn-op:hover{border-color:var(--muted)}
.sf-sn-op:has(input:checked){border-color:var(--accent);background:var(--accent-soft);color:var(--accent-ink)}
.sf-sn-op:has(input:checked)>span::before{content:"✓ "}
.sf-sn-op:has(input:focus-visible){outline:3px solid var(--accent);outline-offset:2px}
.sf-pergunta.tem-erro .sf-sn-op{border-color:var(--bad)}
/* lista que aparece no "Sim" (CSS sem JavaScript; .is-sim com JavaScript) */
.sf-sim-mostra{display:flex;flex-direction:column;gap:12px}
.sf-lista{display:none;flex-direction:column;gap:10px}
.sf-sim-mostra.is-sim>.sf-lista{display:flex}
.sf-sim-mostra:has(.sf-sn input[value="sim"]:checked)>.sf-lista{display:flex}
.sf-lista-tit{margin:0;font-weight:700;font-size:13.5px}
.sf-itens{display:flex;flex-direction:column;gap:10px}
.sf-item{border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:var(--r);padding:12px;background:var(--surface-2);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 14px}
.sf-item .full{grid-column:1/-1}
.sf-item-cab{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.sf-num{font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}
.sf-tirar.btn.ui-btn{min-height:36px;padding:6px 12px}
.sf-tirar.btn.ui-btn:hover{border-color:var(--bad);color:var(--bad)}
.sf-add.btn.ui-btn{align-self:flex-start}
.saude-form:not(.sf-js) .sf-add,.saude-form:not(.sf-js) .sf-tirar{display:none}
/* opções em fichas (tipo sanguíneo, tipo de alergia, condição, comida) */
.sf-chips{display:flex;flex-wrap:wrap;gap:8px}
.sf-chip{position:relative;display:inline-flex;align-items:center;gap:6px;min-height:var(--ui-toque);border:1.5px solid var(--line);border-radius:99px;padding:6px 14px;cursor:pointer;font-size:14px;background:var(--surface)}
.sf-chip input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.sf-chip:has(input:checked){background:var(--accent-soft);border-color:var(--accent);color:var(--accent-ink);font-weight:700}
.sf-chip:has(input:checked)::before{content:"✓"}
.sf-chip:has(input:focus-visible){outline:3px solid var(--accent);outline-offset:2px}
.sf-chips-sangue .sf-chip{min-width:58px;justify-content:center;font-weight:700}
/* "Quão forte?" com a explicação de cada opção */
.sf-forca{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.sf-forca-op{position:relative;display:flex;border:2px solid var(--line);border-radius:var(--r);padding:10px 12px;cursor:pointer;background:var(--surface)}
.sf-forca-op input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.sf-forca-op>span{display:flex;flex-direction:column;gap:2px}
.sf-forca-op small{font-size:12.5px;color:var(--muted)}
.sf-forca-op:has(input:checked){border-color:var(--accent);background:var(--accent-soft)}
.sf-forca-op.is-grave:has(input:checked){border-color:var(--bad);background:var(--bad-soft)}
.sf-forca-op.is-grave:has(input:checked) b{color:var(--bad)}
.sf-forca-op:has(input:checked) b::before{content:"✓ "}
.sf-forca-op:has(input:focus-visible){outline:3px solid var(--accent);outline-offset:2px}
.sf-emergencia{border-top:1px dashed var(--line);padding-top:12px}
/* Voltar / Continuar: só no celular, um passo por vez */
.sf-nav{display:none;flex-direction:column;gap:8px;border-top:1px solid var(--line);padding-top:12px}
.sf-nav-bt{display:flex;gap:10px;justify-content:space-between;flex-wrap:wrap}
.sf-falta{margin:0;color:var(--bad);font-weight:700;font-size:13.5px}
.sf-falta[hidden]{display:none}
.sf-fim{margin:0;font-size:13px;color:var(--muted);align-self:center}
.saude-form.sf-um-por-vez .sf-passo{display:none}
.saude-form.sf-um-por-vez .sf-passo.is-atual{display:flex}
.saude-form.sf-um-por-vez .sf-nav{display:flex}
.saude-form.sf-um-por-vez .sf-progresso{display:flex}
@media (max-width:700px){
  .sf-passo{padding:12px}
  .sf-sn{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sf-item{grid-template-columns:minmax(0,1fr)}
  .sf-forca{grid-template-columns:minmax(0,1fr)}
  .sf-nav-bt{flex-direction:column-reverse}
  .sf-nav-bt .btn{width:100%}
  .sf-add.btn.ui-btn{align-self:stretch}
}
/* resumo da saúde */
.saude-resumo{display:flex;flex-direction:column;gap:12px}
.sr-graves{display:flex;flex-direction:column;gap:8px}
.sr-grave{display:flex;gap:10px;align-items:flex-start;background:var(--bad-soft);color:var(--bad);border:1.5px solid var(--bad);border-radius:var(--r);padding:10px 12px}
.sr-grave b{display:block;font-size:15px}
.sr-grave span{display:block;font-size:13px;color:var(--ink);margin-top:2px}
.sr-grave-ic{width:20px;height:20px;flex:none;margin-top:1px}
.sr-lista{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.sr-lista>li{display:grid;grid-template-columns:190px minmax(0,1fr);gap:4px 14px;padding:9px 0;border-bottom:1px solid var(--line);font-size:14px}
.sr-lista>li:last-child{border-bottom:0}
.sr-rot{color:var(--muted);font-weight:600;font-size:13px}
.sr-val{min-width:0;word-break:break-word}
.sr-val ul{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:4px}
.sr-forte{color:var(--bad);font-weight:700}
@media (max-width:640px){.sr-lista>li{grid-template-columns:minmax(0,1fr)}}

/* documentos (components/ui/documentos-grade e documentos-resumo): grade de cartões, um por tipo de documento */
.docg{display:flex;flex-direction:column;gap:14px;min-width:0}
.docg [hidden]{display:none!important}
.docg-resumo{display:flex;flex-direction:column;gap:6px}
.docg-resumo-linha{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.docg-resumo-linha b{font-size:15px}
.docg-barra{height:8px;border-radius:99px;background:var(--surface-2);border:1px solid var(--line);overflow:hidden}
.docg-barra i{display:block;height:100%;background:var(--warn);border-radius:inherit}
.docg-barra.completa i{background:var(--ok)}
.docg-resumo-falta{margin:0;font-size:13px;color:var(--muted)}
.docg-lgpd{margin:0;display:flex;gap:6px;align-items:flex-start;font-size:12px;line-height:1.4;color:var(--muted)}
.docg-lgpd-ic{flex:none;width:14px;height:14px;margin-top:1px}
.docg-grade{display:grid;grid-template-columns:repeat(auto-fill,minmax(max(250px,calc((100% - 24px) / 3)),1fr));gap:12px}
.docg-card{display:flex;flex-direction:column;gap:10px;min-width:0;padding:14px;border:1px solid var(--line);border-radius:var(--r);background:var(--surface)}
.docg-card.sit-falta,.docg-card.sit-vencido{box-shadow:inset 4px 0 0 var(--bad)}
.docg-card.sit-vence_logo{box-shadow:inset 4px 0 0 var(--warn)}
.docg-card.sit-ok{box-shadow:inset 4px 0 0 var(--ok)}
.docg-topo{display:flex;align-items:flex-start;gap:10px}
.docg-ic{flex:none;width:44px;height:44px;border-radius:var(--r);display:flex;align-items:center;justify-content:center;background:var(--accent-soft);color:var(--accent-ink)}
.docg-ic svg{width:22px;height:22px}
.docg-mini{flex:none;width:56px;height:56px;border-radius:var(--r);overflow:hidden;border:1px solid var(--line);background:var(--surface-2)}
.docg-mini{position:relative;display:flex;align-items:center;justify-content:center;color:var(--accent-ink)}
.docg-mini svg{width:22px;height:22px}
.docg-mini img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;background:var(--surface-2)}
.docg-tit{flex:1;min-width:0}
.docg-tit h3{margin:0;font-size:15px;line-height:1.3;overflow-wrap:anywhere}
.docg-data{display:block;font-size:12px;color:var(--muted);margin-top:2px}
.docg-selo{flex:none;font-size:12.5px;font-weight:700}
.docg-det,.docg-info{margin:0;font-size:12.5px;color:var(--muted);overflow-wrap:anywhere}
.docg .btn.ui-btn{min-height:44px}
.docg-acoes{display:flex;gap:8px;align-items:center;margin-top:auto}
.docg-ver{flex:1}
.docg-abrir{width:100%;margin-top:auto}
.docg-mais{position:relative}
.docg-mais>summary{list-style:none;cursor:pointer}
.docg-mais>summary::-webkit-details-marker{display:none}
.docg-mais[open]>summary{background:var(--surface-2)}
.docg-menu{position:absolute;right:0;top:calc(100% + 4px);z-index:30;min-width:210px;display:flex;flex-direction:column;padding:6px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow)}
.docg-menu-form{margin:0}
.docg-menu .docg-menu-it,.docg-menu .docg-menu-form .btn{display:flex;align-items:center;justify-content:flex-start;gap:8px;width:100%;min-height:44px;padding:8px 10px;border:0;border-radius:var(--r);background:none;color:var(--ink);font-size:14px;font-weight:600;text-decoration:none;cursor:pointer}
.docg-menu .docg-menu-it:hover,.docg-menu .docg-menu-it:focus-visible,.docg-menu .docg-menu-form .btn:hover{background:var(--surface-2)}
.docg-menu .docg-menu-form .btn{color:var(--bad)}
.docg-menu svg{width:18px;height:18px;flex:none}
.docg-arqs{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.docg-arqs li{display:flex;align-items:center;gap:8px;padding:8px;border:1px solid var(--line);border-radius:var(--r);background:var(--surface-2)}
.docg-arq-tx{flex:1;min-width:0}
.docg-arq-nome{display:block;font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.docg .docg-env{display:none;flex-direction:column;gap:12px;margin:0;padding-top:12px;border-top:1px dashed var(--line)}
.docg .docg-env.aberto,.docg .docg-env:target{display:flex}
.docg-card.env-aberto .docg-abrir,.docg-card:has(.docg-env:target) .docg-abrir{display:none}
.docg-campo-arq{position:relative}
.docg-arq-bts{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.docg .docg-arq-bt{min-height:52px}
.docg-arq{width:100%;min-height:48px;padding:10px;border:1px dashed var(--line);border-radius:var(--r);background:var(--surface-2);font-size:14px}
.docg-arq.docg-arq-oculto{position:absolute;width:1px;height:1px;min-height:0;padding:0;border:0;opacity:0;overflow:hidden;clip:rect(0 0 0 0)}
.docg-escolhido{font-size:13px;font-weight:600;color:var(--ok);overflow-wrap:anywhere}
.docg-escolhido.erro{color:var(--bad)}
.docg-rot{font-size:12.5px;font-weight:700;color:var(--muted)}
.docg-obs>summary{display:flex;align-items:center;min-height:44px;cursor:pointer;font-size:13.5px;font-weight:600;color:var(--accent-ink)}
.docg-obs .campo{margin-top:4px}
.docg-aviso-troca{margin:0;font-size:12.5px;color:var(--muted)}
.docg-env-acoes{display:flex;gap:8px;flex-wrap:wrap}
.docg-enviar{flex:1}
@media (max-width:640px){
  .docg-grade{grid-template-columns:minmax(0,1fr)}
  .docg-env-acoes{flex-direction:column}
  .docg-env-acoes .btn{width:100%}
}

/* Ficha do desbravador · Documentos dos responsáveis (um bloco por pai/mãe/responsável) */
.resp-docs{margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}
.resp-docs:first-of-type{border-top:0;padding-top:0}
.resp-docs-nome{font-size:16px;margin:0 0 10px}
.resp-docs-ficha{margin:10px 0 0}

/* Verificação de um documento (x-ui.documento-verificacao): selo, alertas, código e Conferido / Recusar. */
.docv{display:flex;flex-direction:column;gap:6px;padding:8px 10px;border:1px solid var(--line);border-radius:var(--r);background:var(--surface-2);font-size:12.5px;min-width:0}
.docv-topo{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.docv-quem,.docv-nota{color:var(--muted);font-size:12px;margin:0}
.docv-recusa{margin:0;color:var(--bad);font-weight:500;overflow-wrap:anywhere}
.docv-alertas{margin:0;padding-left:18px;color:var(--warn);overflow-wrap:anywhere}
.docv-alertas li+li{margin-top:2px}
.docv-oks summary{cursor:pointer;color:var(--muted)}
.docv-oks ul{margin:4px 0 0;padding-left:18px;color:var(--muted);overflow-wrap:anywhere}
.docv-codigo{display:flex;flex-direction:column;gap:4px;align-items:flex-start}
.docv-codigo p{margin:0;overflow-wrap:anywhere}
.docv-acoes{display:flex;flex-wrap:wrap;gap:6px;align-items:flex-start}
.docv-acoes form{margin:0}
.docv-recusar{flex:1 1 220px;min-width:0}
.docv-recusar summary{list-style:none;display:inline-flex}
.docv-recusar summary::-webkit-details-marker{display:none}
.docv-recusar-form{display:flex;flex-direction:column;gap:6px;margin-top:6px}
.docv-recusar-form .campo{margin:0}
.docv-recusar-form .inp{width:100%}
/* Lista "Documentos para conferir" */
.dconf-filtros{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-end}
.dconf-lista{display:flex;flex-direction:column;gap:10px;margin:0;padding:0;list-style:none}
.dconf-item{display:flex;flex-direction:column;gap:6px;padding:12px;border:1px solid var(--line);border-radius:var(--r);background:var(--surface)}
.dconf-cab{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:baseline;justify-content:space-between}
.dconf-cab h3{margin:0;font-size:14px}
.dconf-de{color:var(--muted);font-size:12.5px}