/* acompanhar.css · Sistema Avança · central · 1.0-20261114-392 */
/* Página pública Acompanhe sua solicitação: o mesmo cartão em quatro partes da avaliação e do agendamento pela internet
   (marca da Secretaria no alto, faixa do título, corpo, Avança SEFIN no pé), mais largo, feito primeiro para o celular. */
.acCartao{width:min(600px,100%)}
.acCartao .avCorpo{display:flex;flex-direction:column;gap:0}
.acPasso{margin:0}
.acPassoTit{display:flex;align-items:center;gap:10px;font-size:16px;color:var(--azul);margin:0 0 8px}
.acTexto{margin:0 0 14px;font-size:14px;color:var(--texto)}
.acNota{margin:10px 0 0;font-size:12.5px;color:var(--suave);text-align:center}
.acCartao .campo input{height:48px;box-sizing:border-box;font-size:16px}
.acCodigo{text-align:center;letter-spacing:.4em;font-size:22px !important;font-weight:700;font-variant-numeric:tabular-nums}
.acLinhaBotoes{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}
.acLinhaBotoes .bt{margin:0}
.acLinhaBotoes .bt:disabled{opacity:.6;cursor:default}
.acBarra{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 14px;padding:8px 10px 8px 14px;border-radius:12px;background:#F2F5FA}
.acTempo{font-size:13px;color:var(--suave);font-variant-numeric:tabular-nums}
.acBarra .bt.mini{width:auto;margin:0}
.acLista{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.acItem{font:inherit;width:100%;display:grid;grid-template-columns:1fr auto;grid-template-areas:"num selo" "tipo tipo" "data data";gap:2px 10px;text-align:left;
  padding:12px 14px;border:1px solid var(--linha);border-radius:12px;background:#fff;color:var(--texto);cursor:pointer}
.acItem:hover{border-color:var(--celeste);background:#F7F9FC}
.acItemNum{grid-area:num;font-weight:800;color:var(--azul);font-variant-numeric:tabular-nums}
.acItemTipo{grid-area:tipo;font-size:14px}
.acItemData{grid-area:data;font-size:12.5px;color:var(--suave)}
.acItem .acSelo{grid-area:selo;align-self:start}
.acVazio{padding:14px;text-align:center;color:var(--suave);border:1px dashed var(--linha);border-radius:12px}
.acSelo{display:inline-block;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:700;background:#EEF3FA;color:#1B3A6B;white-space:nowrap}
.acSelo.s-aguardando_voce{background:#FFF1D6;color:#7A4A00}
.acSelo.s-concluida{background:#EEF7EC;color:#215B1A}
.acSelo.s-cancelada{background:#F1F1F3;color:#4A4F5A}
.acVoltar{align-self:flex-start;margin:0 0 12px !important}
.acCabeca{text-align:center;margin:0 0 12px}
.acNumero{margin:0;font-size:22px;font-weight:800;color:var(--azul);font-variant-numeric:tabular-nums}
.acTipo{margin:2px 0 8px;font-size:15px}
.acSituacao{margin:0}
.acDados{margin:0 0 14px}
.acBloco{border:1px solid var(--linha);border-radius:14px;padding:14px 16px;margin:0 0 14px}
.acBloco h3{margin:0 0 8px;font-size:15px;color:var(--azul)}
.acPendencia{border-color:var(--laranja);background:#FFFBF2}
.acTextoLivre{margin:0;white-space:pre-line;overflow-wrap:anywhere}
/* onde apresentar, quando a pendência não é atendida pela página */
.acOnde{margin:12px 0 0;padding:10px 12px;border-radius:10px;background:#F2F5FA;color:var(--azul);font-size:13.5px;font-weight:600}
.acRecusa{margin:0 0 10px;padding:10px 12px;border-radius:10px;background:#FDEDED;color:#8A1C1C;font-size:13.5px}
.acArquivos{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}
.acArquivos li{display:flex;flex-direction:column;gap:1px;padding:8px 12px;border:1px solid var(--linha);border-radius:10px;background:#fff}
.acArquivos li.a-recusado_antivirus{border-color:#C62828}
.acArquivos li.a-aguardando_verificacao{border-style:dashed}
.acArqNome{font-weight:600;overflow-wrap:anywhere}
.acArqSit{font-size:12.5px;color:var(--suave)}
.acBaixar li{padding:0;border:0;background:none}
.acBaixarLink{display:flex;flex-direction:column;gap:1px;padding:10px 14px;border:1px solid var(--azul);border-radius:10px;text-decoration:none;color:var(--azul);background:#fff}
.acBaixarLink:hover{background:#F2F5FA}
.acArquivoCampo{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.acEscolher{display:block;text-align:center;margin-top:12px !important}
#pConcluir{margin-top:12px}
#pConcluir .bt{margin:0}
.acOk{margin:12px 0 0;padding:10px 12px;border-radius:10px;background:#EEF7EC;color:#215B1A;font-size:13.5px;text-align:center}
.acLinha{list-style:none;margin:0;padding:0 0 0 18px;border-left:2px solid var(--linha);display:flex;flex-direction:column;gap:12px}
.acLinha li{position:relative;display:flex;flex-direction:column}
.acLinha li::before{content:"";position:absolute;left:-25px;top:5px;width:12px;height:12px;border-radius:50%;background:var(--celeste);border:2px solid #fff}
.acLinha li.e-aguardando_voce::before{background:var(--laranja)}
.acLinha li.e-concluida::before{background:var(--verde)}
.acLinha li.e-cancelada::before{background:#8A8F99}
.acLinhaRot{font-weight:600}
.acLinhaQuando{font-size:12.5px;color:var(--suave)}
.acFim{text-align:center}
.acFimTit{font-size:18px;font-weight:800;color:var(--azul);margin:4px 0 10px}
.acFim .bt{margin-top:6px}
.acPrivacidade{margin:18px 0 0;padding-top:14px;border-top:1px solid var(--linha);font-size:12px;color:var(--suave);text-align:center}
.acPrivacidade a{color:var(--azul)}
#dAvaliar .avCorpo,#dAvaliar .bt{margin:0}
#dAvaliar .avNotas legend{text-align:center;width:100%}
@media (max-width:520px){
  .entrada{padding:16px 10px calc(16px + env(safe-area-inset-bottom))}
  .acCartao .avTopo{padding:20px 18px 14px}
  .acCartao .avFaixa,.acCartao .avCorpo,.acCartao .avPe{padding-left:18px;padding-right:18px}
  .acLinhaBotoes{grid-template-columns:1fr}
  .acBloco{padding:12px 14px}
}