/* central.css · Sistema Avança · central · 1.0-20261114-392
   Telas internas da Central (emissão de senha), sobre o estilo.css do sistema. Botões de assunto grandes para
   toque rápido no balcão. */
.emGrade{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,340px);gap:24px;align-items:start}
@media (max-width:860px){ .emGrade{grid-template-columns:1fr} }
.emPrincipal,.emUltimas{background:#fff;border:1px solid var(--linha);border-radius:var(--raio);padding:20px}
.emPrincipal h2,.emUltimas h2{font-size:16px;color:var(--azul);margin:18px 0 10px}
.emUltimas h2{margin-top:0}
.emLinha{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:12px}
.emLinha label{font-size:13px;font-weight:600;color:var(--suave)}
.emLinha select,.emPrioridade select{font:inherit;padding:9px 10px;border:1px solid var(--linha);border-radius:10px;background:#fff;min-width:0;max-width:100%}
.emPrioridade{border:1px solid var(--linha);border-radius:12px;padding:10px 14px 14px;display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin:0}
.emPrioridade legend{font-size:13px;font-weight:600;color:var(--suave);padding:0 4px}
.emOpcao{display:flex;gap:6px;align-items:center;font-weight:600;cursor:pointer}
.emPrioridade select{flex:1 1 220px}
.emPrioridade select:disabled{opacity:.5}
.emAssuntos{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px}
.emAssunto{font:inherit;display:flex;align-items:center;gap:12px;text-align:left;border:2px solid var(--linha);border-radius:14px;background:#F7F9FC;
  padding:16px;cursor:pointer;min-height:76px;color:var(--texto)}
.emAssunto:hover{border-color:var(--azul);background:#fff}
.emAssunto:disabled{opacity:.6;cursor:wait}
.emLetra{flex:none;width:44px;height:44px;border-radius:10px;background:var(--azul);color:#fff;display:grid;place-items:center;font-size:22px;font-weight:800}
.emNome{font-weight:700;font-size:15.5px;line-height:1.3}
.emResultado{margin-top:18px;border-radius:12px;background:#EEF7EC;border-left:6px solid var(--verde);padding:14px 18px}
.emResultado .r1{margin:0;font-size:13px;font-weight:600;color:#215B1A}
.emResultado .r2{margin:2px 0;font-size:40px;font-weight:800;color:var(--azul);font-variant-numeric:tabular-nums;line-height:1.1}
.emResultado .r3{margin:0;color:var(--suave)}
.emUltimas ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.emUltimas li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid var(--linha)}
.emCod{font-weight:800;font-size:18px;color:var(--azul);font-variant-numeric:tabular-nums}
.emInfo{font-size:13px;color:var(--suave);overflow-wrap:anywhere}
.emVazio{color:var(--suave);font-style:italic;font-size:14px}
.emImpressora{position:absolute;width:1px;height:1px;border:0;left:-9999px;top:0}

/* Configuração do bilhete (só Admin Master). A página também carrega bilhete.css para a prévia; estas regras
   devolvem o fundo e a fonte do sistema fora do papel. */
html body.cfPagina{background:#F4F6FA;font-family:var(--fonte);color:var(--texto)}
.cfGrade{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,380px);gap:24px;align-items:start}
@media (max-width:1279px){ .cfGrade{grid-template-columns:1fr} }   /* no iPad o menu lateral fica ao lado: a prévia desce */
.cfCampos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
@media (max-width:700px){ .cfCampos{grid-template-columns:1fr} }
.cfBloco{background:#fff;border:1px solid var(--linha);border-radius:var(--raio);padding:16px 18px;margin:0;display:flex;flex-direction:column;gap:10px;min-width:0}
.cfBloco legend{font-size:15px;font-weight:700;color:var(--azul);padding:0 4px}
.cfLargo{grid-column:1 / -1}
@media (max-width:700px){ .cfLargo{grid-column:auto} }
.cfModelos{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}
.cfModelo{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--linha);border-radius:12px;padding:12px;cursor:pointer}
.cfModelo:has(input:checked){border:2px solid var(--azul);background:#F2F5FA}
.cfModelo strong{display:block}
.cfModelo span span{font-size:13px;color:var(--suave)}
.cfModelo input,.cfOpcao input{margin-top:3px}
.cfOpcao{display:flex;gap:8px;align-items:flex-start;font-size:14px;cursor:pointer}
.cfOpcao small{display:block;font-size:12.5px;color:var(--suave)}
.cfOpcao input:disabled + span{opacity:.55}
.cfEnvio{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-left:24px}
.cfEnvio .bt.mini{width:auto;cursor:pointer}
.cfArquivo{position:absolute;left:0;top:0;width:1px;height:1px;opacity:0;pointer-events:none;overflow:hidden;clip-path:inset(50%)}
.dmAnexar{position:relative}
.cfDica{margin:0;font-size:12.5px;color:var(--suave)}
.cfDica.cfAlerta{color:#8E1B1B;font-weight:600}
.cfBloco .campo{margin-bottom:0}
.cfBloco select,.cfBloco textarea{width:100%;font:inherit;font-size:14px;padding:10px 12px;border:1px solid var(--linha);border-radius:10px;background:#fff;color:var(--texto)}
.cfBloco textarea{resize:vertical}
.cfLinha{display:flex;flex-wrap:wrap;gap:14px;align-items:center}
.cfLinha > span{font-size:12.5px;font-weight:600;color:var(--suave);min-width:56px}
.cfPrevia{background:#fff;border:1px solid var(--linha);border-radius:var(--raio);padding:16px 18px;display:flex;flex-direction:column;align-items:center;gap:12px;position:sticky;top:16px}
.cfPrevia h2{margin:0;align-self:flex-start;font-size:15px;color:var(--azul)}
.cfVias{background:#E9EDF3;border-radius:10px;width:100%;overflow:hidden;font-family:"Segoe UI",Roboto,Helvetica,Arial,sans-serif;padding:14px 0;
  --largura:min(72mm,100%)}
.cfVias.p58{--largura:min(48mm,100%)}
.cfAcoes{display:flex;gap:10px;width:100%}
.cfAcoes .bt{flex:1}
.cfAcoes .bt.claro{margin-top:0}
.cfPadrao{font:inherit;font-size:13px;border:0;background:none;color:var(--suave);text-decoration:underline;cursor:pointer;padding:4px}

/* Guichê */
.guOculto{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.guAbrir{background:#fff;border:1px solid var(--linha);border-radius:var(--raio);padding:24px;max-width:560px;display:flex;flex-direction:column;gap:14px}
.guAbrir h1{margin:0;font-size:24px;color:var(--azul)}
.guAbrir .bt{width:auto;align-self:flex-start}
.guAbrir select,.guBloco select{font:inherit;padding:10px 12px;border:1px solid var(--linha);border-radius:10px;background:#fff;max-width:100%}
.guSub{margin:0;color:var(--suave);font-size:14px}
.guFila{border:1px solid var(--linha);border-radius:12px;padding:10px 14px 14px;margin:0;display:flex;flex-direction:column;gap:8px}
.guFila legend{font-size:13px;font-weight:600;color:var(--suave);padding:0 4px}
.guFaixa{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;background:#fff;border:1px solid var(--linha);border-radius:12px;padding:10px 16px;margin-bottom:18px}
.guFaixa p{margin:0;font-size:15px}
.guFaixa .bt.mini{width:auto}
.guPilula{display:inline-block;font-size:12px;font-weight:600;border-radius:999px;padding:3px 10px;background:#EEF2F7;color:var(--azul);margin-left:6px}
.guPrio{background:#FFF1DE;color:#7A4A0B}
.guGrade{display:grid;grid-template-columns:minmax(220px,280px) minmax(0,1fr) minmax(220px,280px);gap:18px;align-items:start}
@media (max-width:1100px){ .guGrade{grid-template-columns:minmax(0,1fr)} }
.guFilaBox,.guAtual,.guUltimas{background:#fff;border:1px solid var(--linha);border-radius:var(--raio);padding:18px;min-width:0}
.guFilaBox h2,.guUltimas h2{font-size:14px;color:var(--suave);margin:16px 0 8px;font-weight:600}
.guUltimas h2{margin-top:0}
.guChamar{font-size:18px;padding:18px;border-radius:12px}
.guFilaLista{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.guFilaLista li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:4px 10px;align-items:center;padding:8px 0;border-bottom:1px solid var(--linha)}
.guFilaLista li.guZero{opacity:.55}
.guLetra{width:30px;height:30px;border-radius:8px;background:var(--azul);color:#fff;display:grid;place-items:center;font-weight:800}
.guNomeAss{font-weight:600;font-size:14px;overflow-wrap:anywhere}
.guConta{font-size:20px;font-weight:800;color:var(--azul);font-variant-numeric:tabular-nums}
.guDesde{grid-column:2 / -1;font-size:12px;color:var(--suave)}
.guVazio{color:var(--suave);font-style:italic;font-size:14px;margin:0}
.guSenha{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:16px;align-items:center;padding-bottom:16px;border-bottom:1px solid var(--linha)}
@media (max-width:640px){ .guSenha{grid-template-columns:1fr} }
.guCodigo{margin:0;font-size:56px;font-weight:800;color:var(--azul);line-height:1;font-variant-numeric:tabular-nums}
.guAssunto{margin:0;font-size:18px;font-weight:700}
.guSelos{margin:6px 0 0}
.guSelos .guPilula{margin:0 6px 0 0}
.guTempos{margin:0;display:flex;gap:18px}
.guTempos div{display:flex;flex-direction:column}
.guTempos dt{font-size:12px;color:var(--suave)}
.guTempos dd{margin:0;font-size:20px;font-weight:700;font-variant-numeric:tabular-nums}
.guAcoes{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.guAcoes .bt{width:auto;flex:1 1 160px;margin-top:0}
.guAcoes .bt.guDestaque{border-color:#C62828;color:#8A1C1C}
.guBloco{border-top:1px solid var(--linha);padding-top:14px;margin-top:16px;display:flex;flex-direction:column;gap:10px}
.guBloco h3{margin:0;font-size:15px;color:var(--azul)}
.guBloco > .bt{width:auto;align-self:flex-start}
.guLinha{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end}
.guLinha .campo{margin-bottom:0;flex:1 1 200px}
.guLinha .bt.mini{width:auto}
.guCampos{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}
.guCampos .campo{margin-bottom:0}
.guCampos select{width:100%}
.guFicha{margin:0;font-weight:600}
.guAlerta{margin:0;background:#FFF1DE;color:#7A4A0B;border-left:4px solid var(--laranja);border-radius:8px;padding:8px 12px;font-weight:600;font-size:14px}
.guResumo{margin:0;color:var(--suave);font-size:14px}
.guHist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px;font-size:13.5px}
.guHist li{display:flex;gap:10px}
.guHistDia{color:var(--suave);font-variant-numeric:tabular-nums;min-width:82px}
.guHistDmd{color:#7A4A0B}
.guRealizados{border:1px solid var(--linha);border-radius:12px;padding:10px 14px 14px;margin:0;display:flex;flex-direction:column;gap:8px}
.guRealizados legend{font-size:13px;font-weight:600;color:var(--suave);padding:0 4px}
.guUltimas ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.guUltimas li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px;align-items:baseline;padding:6px 0;border-bottom:1px solid var(--linha)}

/* Configuração da Central (central 0.1-20261022-07) */
.cgAbas{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 18px;border-bottom:1px solid var(--linha)}
.cgAba{font:inherit;font-size:14px;font-weight:600;border:0;background:none;color:var(--suave);padding:10px 14px;border-bottom:3px solid transparent;cursor:pointer;margin-bottom:-1px}
.cgAba[aria-selected="true"]{color:var(--azul);border-bottom-color:var(--azul)}
.cgAba:focus-visible{outline:2px solid var(--azul);outline-offset:2px}
.cgGrade{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,440px);gap:24px;align-items:start}
@media (max-width:980px){ .cgGrade{grid-template-columns:1fr} }
.cgLado{display:flex;flex-direction:column;gap:16px;min-width:0}
.cgLista{background:#fff;border:1px solid var(--linha);border-radius:var(--raio);padding:16px 18px;min-width:0}
.cgTopoLista{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.cgTopoLista h2,.cfBloco h2{margin:0;font-size:15px;color:var(--azul)}
.cgTopoLista .bt.mini{width:auto}
.cgItens{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}
.cgItem .cgItemBt{width:100%;text-align:left;font:inherit;background:#fff;border:1px solid var(--linha);border-radius:10px;padding:10px 12px;cursor:pointer;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px}
.cgItem .cgItemBt:hover{background:#F7F9FC}
.cgItem.escolhido .cgItemBt{border:2px solid var(--azul);background:#F2F5FA;padding:9px 11px}
.cgItemTit{font-weight:600;white-space:pre-wrap;overflow-wrap:anywhere;min-width:0}
.cgItemDet{font-size:13px;color:var(--suave);flex-basis:100%}
.cgItem.desligado .cgItemTit{color:var(--suave);text-decoration:line-through}
.cgEtiqueta{font-size:11.5px;font-weight:700;color:#8A5A00;background:#FFF4D6;border-radius:999px;padding:2px 8px}
.cgPessoa .cgItemBt{flex-wrap:nowrap;align-items:center;gap:10px}
.cgPessoaTx{display:flex;flex-direction:column;min-width:0;flex:1}
.cgPessoa.pendente .cgItemBt{cursor:default;background:#FFFBF0;border-style:dashed}
.cgPessoa.pendente .cgItemBt:hover{background:#FFFBF0}
.cgVazio{font-size:14px;color:var(--suave);padding:8px 2px}
.cgDupla{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.cgTripla{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
@media (max-width:560px){ .cgDupla,.cgTripla{grid-template-columns:1fr} }
.cgLetra{text-transform:uppercase;font-weight:700;font-size:20px;text-align:center;max-width:90px}
.cgBotoes{display:flex;gap:10px;flex-wrap:wrap}
.cgBotoes .bt{width:auto;margin-top:0;flex:1}
.cgSubForm{border-top:1px solid var(--linha);padding-top:12px;display:flex;flex-direction:column;gap:10px}
.cgMarcas{display:flex;flex-direction:column;gap:8px;justify-content:center}
.cgMarcados{display:flex;flex-direction:column;gap:8px}
.cgMarcados.apagado{opacity:.55}
.cgMarcado{display:flex;justify-content:space-between;align-items:center;gap:10px}
.cgPeso{width:64px;font:inherit;font-size:14px;padding:6px 8px;border:1px solid var(--linha);border-radius:8px;text-align:center}
.cgCaixa{border:1px solid var(--linha);border-radius:10px;padding:10px 12px;margin:0;display:flex;flex-direction:column;gap:8px}
.cgCaixa legend{font-size:13px;font-weight:600;color:var(--suave);padding:0 4px}
.cgChave{border:2px solid var(--azul)}
.cgChave input{width:100%;font:inherit;font-size:13px;padding:10px 12px;border:1px solid var(--linha);border-radius:10px;background:#F7F9FC}
.cgPrioridades{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.cgPrioridade{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;gap:10px;align-items:center;border:1px solid var(--linha);border-radius:10px;padding:8px 10px}
.cgPrioridade.desligado .cgPrioTxt strong{color:var(--suave)}
.cgPrioTxt strong{display:block;font-size:14px}
.cgPrioTxt small{display:block;font-size:12px;color:var(--suave)}
.cgPrioridade .bt.mini{width:auto;margin-top:0}
@media (max-width:560px){ .cgPrioridade{grid-template-columns:1fr auto} }

/* Pausa do turno no guichê (central 0.1-20261023-08) */
.guFaixaBt{display:flex;gap:8px;flex-wrap:wrap}
.guFaixaBt .bt.mini{width:auto;margin-top:0}
.guPausaForm{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;background:#fff;border:1px solid var(--linha);border-radius:12px;padding:12px 16px;margin:-8px 0 18px}
.guPausaForm .campo{margin:0;min-width:200px;flex:1}
.guPausaForm select,.guPausaForm input{width:100%;font:inherit;font-size:14px;padding:9px 12px;border:1px solid var(--linha);border-radius:10px;background:#fff}
.guPausa{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;background:#FFF4D6;border:1px solid #E8C979;border-radius:12px;padding:12px 16px;margin:-8px 0 18px}
.guPausa p{margin:0;font-size:15px;color:#5C4200}
.guPausa .bt.mini{width:auto;margin-top:0}
.guPausaTempo{font-variant-numeric:tabular-nums;font-weight:700;margin-left:6px}

/* Demanda para a sede no guichê (central 0.1-20261023-09) */
.guDemanda{border:2px solid var(--azul);border-radius:12px;padding:14px 16px;margin:0 0 14px;display:flex;flex-direction:column;gap:10px;background:#F7F9FC}
.guDemanda h3{margin:0;font-size:15px;color:var(--azul)}
.guDemanda .campo{margin:0}
.guDemanda select,.guDemanda textarea,.guDemanda input{width:100%;font:inherit;font-size:14px;padding:9px 12px;border:1px solid var(--linha);border-radius:10px;background:#fff}
.guDemanda textarea{resize:vertical}
.guDemandaAberta{border:1px solid #9CC9A5;background:#EDF7EF;border-radius:12px;padding:14px 16px;margin:0 0 14px}
.guDemandaAberta p{margin:0 0 6px}
.guProtocolo{font-size:26px;font-weight:800;letter-spacing:.02em;color:#1E5631;font-variant-numeric:tabular-nums}
.guDemandaAberta .bt.mini{width:auto;margin-top:4px}

/* Demandas para a sede (central 0.1-20261023-09) */
.dmBarra{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:10px;margin-bottom:18px}
.dmBarra .cgAbas{margin:0;flex:1;min-width:0}
.dmBusca{display:flex;gap:8px;align-items:center}
.dmBusca input{font:inherit;font-size:14px;padding:8px 12px;border:1px solid var(--linha);border-radius:10px;min-width:200px}
.dmBusca .bt.mini{width:auto;margin-top:0}
.dmGrade{grid-template-columns:minmax(0,1fr) minmax(360px,520px)}
@media (max-width:980px){ .dmGrade{grid-template-columns:1fr} }
.dmSelos{display:flex;flex-wrap:wrap;gap:6px;flex-basis:100%}
.dmSituacao,.dmSelo{font-size:11.5px;font-weight:700;border-radius:999px;padding:2px 9px;background:#EEF2F7;color:var(--azul)}
.dmSituacao.s-exigencia{background:#FFF4D6;color:#8A5A00}
.dmSituacao.s-respondida{background:#E6F0FF;color:#1D4F91}
.dmSituacao.s-concluida{background:#EDF7EF;color:#1E5631}
.dmSituacao.s-cancelada{background:#F2F2F2;color:#666}
.dmSelo.vencida{background:#FDE8E8;color:#9B1C1C}
.dmTopo{display:flex;justify-content:space-between;align-items:center;gap:10px}
.dmTopo h2{font-size:20px}
.dmTipo{margin:0;font-weight:600}
.dmDados{margin:0;display:flex;flex-direction:column;gap:6px}
.dmDados div{display:grid;grid-template-columns:150px minmax(0,1fr);gap:8px;font-size:14px}
.dmDados dt{color:var(--suave);font-size:12.5px;font-weight:600}
.dmDados dd{margin:0;overflow-wrap:anywhere}
@media (max-width:560px){ .dmDados div{grid-template-columns:1fr;gap:0} }
.dmDescricao{margin:0;background:#F7F9FC;border-radius:10px;padding:10px 12px;font-size:14px;overflow-wrap:anywhere}
.dmDevolutiva{margin:0;background:#EDF7EF;border-radius:10px;padding:10px 12px;font-size:14px;overflow-wrap:anywhere}
.dmFicha h3{margin:6px 0 0;font-size:14px;color:var(--azul)}
.dmPassagens{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.dmPassagens li{border:1px solid var(--linha);border-radius:10px;padding:8px 10px;display:flex;flex-direction:column;gap:2px;font-size:13.5px}
.dmPassagens li.aberta{border-color:var(--azul);background:#F2F5FA}
.dmLinha{color:var(--suave);font-size:12.5px}
.dmResposta{margin-top:4px;overflow-wrap:anywhere}
.dmAcoes{display:flex;flex-direction:column;gap:12px;border-top:1px solid var(--linha);padding-top:12px}
.dmAcoes > .bt{width:auto}
.dmForm{display:flex;flex-direction:column;gap:8px;border:1px solid var(--linha);border-radius:10px;padding:10px 12px}
.dmForm h3{margin:0}
.dmForm .campo{margin:0}
.dmForm select,.dmForm textarea,.dmForm input{width:100%;font:inherit;font-size:14px;padding:9px 12px;border:1px solid var(--linha);border-radius:10px;background:#fff}
.dmForm input[type=checkbox]{width:auto}
.dmForm textarea{resize:vertical}
.dmForm .bt.mini{width:auto;align-self:flex-start;margin-top:0}
.dmAlinhar{display:flex;align-items:flex-end}
.dmTempo{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.dmTempo li{display:flex;align-items:flex-start;gap:10px;font-size:13.5px}
.dmBalao{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;background:#fff;border:1px solid var(--linha);border-radius:12px;padding:8px 12px}
.dmTempo li.interno .dmBalao{background:#FFFBEA;border-color:#F1D98A}
.dmBalaoCab{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 8px}
.dmTipo2{color:var(--azul);font-size:12.5px;font-weight:600}
.dmQuando{color:var(--suave);font-size:12px;font-variant-numeric:tabular-nums}
.dmQuem{color:var(--suave);font-size:12.5px}
.dmTexto{flex-basis:100%;overflow-wrap:anywhere}
.dmTabela{overflow-x:auto;margin-top:10px}
.dmTabela table{width:100%;border-collapse:collapse;font-size:14px}
.dmTabela th,.dmTabela td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--linha)}
.dmTabela thead th{font-size:12.5px;color:var(--suave)}
.dmAlerta{color:#9B1C1C;font-weight:700}
.cgAbaixo{margin-top:24px}
/* Aba Demandas da configuração (central 0.1-20261023-10) */
.cgPapel{font:inherit;font-size:13.5px;padding:6px 8px;border:1px solid var(--linha);border-radius:8px;background:#fff}
.cgPrazo{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px 10px;align-items:end;border:1px solid var(--linha);border-radius:10px;padding:8px 10px}
.cgPrazoNome{grid-column:1 / -1;font-size:14px}
.cgPrazoCampo{display:flex;flex-direction:column;gap:2px;font-size:12px;color:var(--suave)}
.cgPrazoNum{width:96px}
.cgPrazoAto{grid-column:1 / 3;font:inherit;font-size:13.5px;padding:6px 8px;border:1px solid var(--linha);border-radius:8px}
.cgPrazo .bt.mini{width:auto;margin-top:0}
@media (max-width:560px){ .cgPrazo{grid-template-columns:1fr 1fr} .cgPrazoAto{grid-column:1 / -1} }
/* Painel no computador da TV (central 0.1-20261023-13) */
.cgRede{margin-top:16px}
.cgRede h2{margin:0;font-size:15px;color:var(--azul)}
.cgRede textarea{width:100%;font:inherit;font-size:14px;padding:9px 12px;border:1px solid var(--linha);border-radius:10px;resize:vertical}
.cgPassos{margin:0;padding-left:20px;font-size:13.5px;display:flex;flex-direction:column;gap:4px}
.cgChave > .bt.mini{width:auto;align-self:flex-start;margin-top:0}
.cgChave{display:flex;flex-direction:column}
/* Nova demanda pela Central (central 0.1-20261023-14) */
.dmNova{width:auto;margin-top:0;align-self:center}
.dmLinhaBusca{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-end}
.dmLinhaBusca .campo{margin:0;flex:1;min-width:180px}
.dmLinhaBusca .bt.mini{width:auto;margin-top:0}
.dmContrib{margin:0;font-weight:700;background:#EDF7EF;border-radius:10px;padding:8px 12px}
#fNova input,#fNova select,#fNova textarea{width:100%;font:inherit;font-size:14px;padding:9px 12px;border:1px solid var(--linha);border-radius:10px;background:#fff}
#fNova .campo{margin:0}
/* Relatórios do atendimento (central 0.1-20261023-15) */
.rlFiltros{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end;margin-bottom:18px}
.rlFiltros .campo{margin:0}
.rlFiltros input,.rlFiltros select{font:inherit;font-size:14px;padding:8px 10px;border:1px solid var(--linha);border-radius:10px;background:#fff}
.rlFiltros .bt.mini{width:auto;margin-top:0}
.rlAtalhos{display:flex;gap:6px;flex-wrap:wrap}
.rlTiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-bottom:18px}
.rlTile{background:#fff;border:1px solid var(--linha);border-radius:var(--raio);padding:12px 14px;display:flex;flex-direction:column;gap:2px}
.rlTileRot{font-size:12.5px;color:var(--suave);font-weight:600}
.rlTileVal{font-size:26px;font-weight:800;color:var(--texto);font-variant-numeric:tabular-nums;line-height:1.15}
.rlTileDet{font-size:12.5px;color:var(--suave)}
.rlDupla{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:18px}
@media (max-width:900px){ .rlDupla{grid-template-columns:1fr} }
.rlBloco{margin-bottom:18px}
.rlBarras{height:200px;display:flex;align-items:flex-end;gap:4px;border-bottom:1px solid var(--linha);padding-top:18px;overflow-x:auto}
.rlCol{flex:1 0 22px;min-width:22px;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:3px;outline:none}
.rlBarra{width:70%;max-width:36px;background:var(--azul);border-radius:4px 4px 0 0;min-height:0}
.rlCol:hover .rlBarra,.rlCol:focus-visible .rlBarra{filter:brightness(1.35)}
.rlNum{font-size:11px;color:var(--texto);font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}
.rlNum.rlZero{visibility:hidden}
.rlCol:hover .rlNum,.rlCol:focus-visible .rlNum{color:var(--azul)}
.rlRot{font-size:10.5px;color:var(--suave);white-space:nowrap;height:14px}
.rlDias .rlCol{flex-basis:30px;min-width:30px}
.dmTabela td{font-variant-numeric:tabular-nums}
/* Anexos das Demandas (central 0.1-20261023-16) */
.dmAnexos{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.dmAnexos li{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 10px;font-size:13.5px;border:1px solid var(--linha);border-radius:10px;padding:6px 10px}
.dmAnexos li.interno{background:#FFFBEA}
.dmAnexos a{font-weight:600;color:var(--azul);overflow-wrap:anywhere}
.dmLinkBt{font:inherit;font-size:12.5px;border:0;background:none;color:var(--suave);text-decoration:underline;cursor:pointer;padding:0;margin-left:auto}
.dmAnexar{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.dmAnexar .bt.mini{width:auto;margin-top:0;cursor:pointer}
/* Agenda (central 0.1-20261023-17) */
.agAssunto{margin:14px 0 6px;font-size:14px;color:var(--azul)}
.agLista{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.agVaga{border:1px solid var(--linha);border-radius:10px;padding:8px 10px;display:flex;flex-direction:column;gap:4px}
.agVaga.cheia{background:#F7F9FC}
.agVaga.fechada{opacity:.6}
.agTopo{display:flex;justify-content:space-between;gap:10px}
.agHora{font-variant-numeric:tabular-nums}
.agOcupa{font-size:12.5px;color:var(--suave)}
.agPessoa{display:flex;flex-wrap:wrap;gap:2px 10px;align-items:baseline;font-size:13.5px;border-top:1px dashed var(--linha);padding-top:4px}
.agNome{font-weight:600;overflow-wrap:anywhere}
.agSit{font-size:12.5px;color:var(--suave)}
.agPessoa.s-faltou .agSit{color:#9B1C1C;font-weight:700}
.agPessoa.s-compareceu .agSit{color:#1E5631;font-weight:700}
.agObs{flex-basis:100%;font-size:12.5px;color:var(--suave)}
.emAgendados{margin-bottom:14px}
.emAgendados ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.emAgendados li{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.emAgendados .bt.mini{width:auto;margin:0 0 0 auto}

/* Pesquisa de satisfação, página pública do QR Code (central 0.1-20261023-18) */
.avCartao{width:min(480px,100%);text-align:left}
.avCartao > img.sim,.avCartao > h2,.avCartao > .sub{display:block;text-align:center;margin-left:auto;margin-right:auto}
.avNotas{border:0;margin:0 0 16px;padding:0;min-width:0}
.avNotas legend{font-weight:700;color:var(--azul);margin-bottom:10px;padding:0}
.avEscala{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
.avNota{font:inherit;display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 2px 10px;border:1px solid var(--linha);
  border-radius:12px;background:#fff;color:var(--texto);cursor:pointer;min-height:76px}
.avNota:hover{border-color:var(--celeste);background:#F7F9FC}
.avNota[aria-pressed="true"]{background:var(--azul);border-color:var(--azul);color:#fff}
.avNum{font-size:22px;font-weight:800;line-height:1}
.avRot{font-size:11.5px;line-height:1.2;text-align:center}
.avCartao .campo textarea{width:100%;font:inherit;padding:10px 12px;border:1px solid var(--linha);border-radius:10px;resize:vertical;min-height:90px;color:var(--texto)}
.avCartao .campo textarea:focus{border-color:var(--azul);outline:none;box-shadow:0 0 0 3px rgba(0,35,94,.12)}
.avConta{margin:4px 0 0;font-size:12px;color:var(--suave);text-align:right}
.avDica{font-size:12.5px;color:var(--suave);margin:0 0 14px}
.avObrigado{font-size:20px;font-weight:800;color:var(--verde);text-align:center;margin:8px 0 4px}
.avMarca{margin:22px 0 0;text-align:center;color:var(--azul);font-size:15px}
.avMarca .av{font-weight:800}
.avMarca .se{font-size:.62em;letter-spacing:.3em;padding-left:.35em}
@media (max-width:360px){ .avRot{font-size:10px} .avNum{font-size:19px} }
.rlNotas{height:150px;margin-bottom:14px}
.rlNotas .rlCol{flex:1 1 0;min-width:52px}
.rlBloco h3{font-size:15px;color:var(--azul);margin:18px 0 4px}
.rlComentarios{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;max-height:480px;overflow-y:auto}
.rlComentarios li{border:1px solid var(--linha);border-radius:10px;padding:8px 12px;background:#fff}
.rlComInfo{margin:0;font-size:12px;color:var(--suave)}
.rlComTxt{margin:2px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}
.rlVazio{color:var(--suave);font-size:13.5px}
.avatar.dmRosto{width:36px;height:36px}
.avatar.dmMini{width:24px;height:24px;font-size:10px}
.avatar.dmSistema{background:var(--azul)}
.avatar.dmSistema img{object-fit:contain;padding:5px}
.dmPessoa{display:inline-flex;align-items:center;gap:6px}
.dmAnexos li{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px}

/* Texto formatado (editor comum do sistema, central 0.1-20261024-28) */
.txSimples{white-space:pre-wrap}
.dmExigTexto{font-weight:600}


/* Afinamento da interface (central 0.1-20261024-27): marcas de escolha na cor do sistema */
.pagina input[type=checkbox],.pagina input[type=radio]{accent-color:var(--azul)}
.txCaixaRica{margin-top:2px}

/* Lista lateral da Central de Atendimento (central 0.1-20261024-29): mesmo visual da lista lateral do sistema
   (almNav), com as partes da tela aberta como subitens logo abaixo do item. As abas do topo saem da vista. */
.ctNav .almNavItem{text-decoration:none}
.ctNav .almNavItem:focus-visible,.ctNavSubItem:focus-visible{outline:2px solid var(--azul);outline-offset:1px}
/* subitens ligados ao item por uma linha fina, como os itens ao título do grupo (regra da lista lateral, 24/10/2026) */
.ctNavSub{display:flex;flex-direction:column;gap:1px;margin:2px 0 6px 26px}
.ctNavSubItem{position:relative;font:inherit;font-size:13.5px;font-weight:500;color:var(--suave);background:none;border:0;border-radius:0 8px 8px 0;padding:7px 10px;text-align:left;cursor:pointer}
.ctNavSubItem::before{content:"";position:absolute;left:-6px;top:-1px;bottom:-1px;width:1px;background:#D3DCE7}
.ctNavSubItem:hover{background:#F2F5FA;color:var(--texto)}
.ctNavSubItem:hover::before{background:var(--celeste)}
.ctNavSubItem[aria-current="true"]{color:var(--azul);font-weight:700;background:#F4F7FB}
.ctNavSubItem[aria-current="true"]::before{left:-7px;width:3px;border-radius:2px;background:var(--azul);top:4px;bottom:4px}
.ctAbasNaLateral{display:none !important}
.dmBarra:has(.ctAbasNaLateral){justify-content:flex-end}
.ctCorpo .almMain > .guAbrir,.ctCorpo .almMain > section{margin-top:0}
@media (max-width:900px){
  .ctNavSub{flex-direction:row;flex-wrap:wrap;width:100%;margin:2px 0 4px}
  .ctNavSubItem{border-radius:8px}.ctNavSubItem::before{display:none}
}
/* Entrada da Central: um cartão por submódulo, em colunas iguais */
.ctEscolha{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
@media (max-width:700px){ .ctEscolha{grid-template-columns:1fr} }
.ctCartao{display:flex;flex-direction:column;gap:8px;background:#fff;border:1px solid var(--linha);border-radius:var(--raio);padding:22px 24px;text-decoration:none;color:var(--texto);min-height:150px}
.ctCartao:hover,.ctCartao:focus-visible{border-color:var(--celeste);box-shadow:0 6px 18px rgba(0,26,70,.08);outline:none}
.ctCartao b{font-size:18px;color:var(--azul)}
.ctCartao span{font-size:14px;color:var(--suave);line-height:1.5}
.ctIcone{width:44px;height:44px;border-radius:12px;background:#E8EEF8;display:grid;place-items:center}
.ctIcone svg{width:24px;height:24px;fill:none;stroke:var(--azul);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
/* Peça de campanha na configuração */
.cpImagemLinha{display:flex;flex-direction:column;gap:10px}
.cpPreviaCaixa{position:relative;width:100%;aspect-ratio:3/2;overflow:hidden;background:#001A46;border-radius:10px;border:1px solid var(--linha)}
.cpPreviaCaixa .cpPrevia{position:relative;z-index:1;width:100%;height:100%;object-fit:contain;display:block}
.cpPreviaFundo{position:absolute;inset:-6%;width:112%;height:112%;object-fit:cover;filter:blur(18px) brightness(.62) saturate(1.15)}
.cpArquivo{cursor:pointer}
/* simetria (regra de 24/10/2026): campos da mesma linha com a mesma largura e a caixa alinhada embaixo */
.cgDupla,.cgTripla{align-items:end}
.cgTripla .cgLetra,.cgDupla .cgLetra{width:100%;max-width:none}
/* simetria: caixas da mesma linha com a mesma altura (texto, número, data, hora e lista) */
.cgDupla .campo :is(input:not([type=checkbox]):not([type=radio]),select),.cgTripla .campo :is(input:not([type=checkbox]):not([type=radio]),select){height:46px;box-sizing:border-box}
/* a linha do grupo segue ao lado dos subitens do item aberto, sem falha */
.ctNav .ctNavSub{position:relative}
.ctNav .ctNavSub::before{content:"";position:absolute;left:-20px;top:-3px;bottom:-7px;width:1px;background:#D3DCE7}
@media (max-width:900px){ .ctNav .ctNavSub::before{display:none} }
/* nível do embaçado das sobras na prévia, igual à TV */
.cpPreviaCaixa.desf-0 .cpPreviaFundo{display:none}
.cpPreviaCaixa.desf-1 .cpPreviaFundo{filter:blur(7px) brightness(.7) saturate(1.1)}
.cpPreviaCaixa.desf-3 .cpPreviaFundo{filter:blur(32px) brightness(.55) saturate(1.2)}
.emCampoNome{margin:0 0 14px}
.emCampoNome input{font-size:18px;height:52px;box-sizing:border-box}
.guNomeSenha{margin:4px 0 0;font-size:15px;font-weight:600;color:var(--azul)}
/* avaliação: no alto, a marca da Secretaria (o serviço é dela); no rodapé, o ícone e o nome do Avança SEFIN */
.avLogoOrgao{display:block;width:100%;max-width:280px;height:auto;margin:0 auto 14px}
.avMarca{display:flex;align-items:center;justify-content:center;gap:8px}
.avMarca img{width:26px;height:26px;border-radius:7px;display:block}
.avMarca .avTexto{display:flex;align-items:baseline;gap:6px;line-height:1}
/* avaliação, proposta A escolhida: cartão em quatro partes simétricas, tudo no eixo central */
.avCartao{width:min(460px,100%);padding:0;overflow:hidden;text-align:center;border-radius:20px}
.avTopo{padding:26px 28px 18px}
.avTopo .avLogoOrgao{margin:0 auto;max-width:240px}
.avFaixa{padding:0 28px 18px;border-bottom:1px solid var(--linha)}
.avFaixa h2{margin:0 0 6px;font-size:22px}
.avFaixa .sub{margin:0;font-size:13.5px}
.avCorpo{padding:22px 28px;text-align:left}
.avCorpo:has(#avFim:not([hidden])),.avCorpo #avFim .sub{text-align:center}
.avNotas legend{width:100%;text-align:center}
.avEscala{gap:8px}
.avNota{min-height:80px;border-radius:14px}
.avCorpo .bt{width:100%;margin:0}
.avDica{text-align:center}
.avObrigado{margin:6px 0 8px}
.avPe{padding:16px 28px 20px;border-top:1px solid var(--linha)}
.avPe .avMarca{margin:0}

/* ===== Canais prontos e desligados (central 0.1-20261024-39) ===== */
/* Agendamento pela internet: o mesmo cartão em quatro partes da avaliação, mais largo, com escolhas em botões */
.agCartao{width:min(560px,100%)}
.agAbas{display:grid;grid-template-columns:1fr 1fr;gap:6px;background:#F2F5FA;border-radius:12px;padding:4px;margin:0 0 18px}
.agAba{font:inherit;font-weight:600;font-size:14px;border:0;border-radius:9px;padding:10px 8px;background:none;color:var(--suave);cursor:pointer}
.agAba[aria-selected="true"]{background:#fff;color:var(--azul);box-shadow:0 1px 4px rgba(0,26,70,.12)}
.agPasso{margin:0 0 18px}
.agPasso h3{display:flex;align-items:center;gap:10px;font-size:15px;color:var(--azul);margin:0 0 10px}
.agNum{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--azul);color:#fff;font-size:13px;font-weight:800;flex:none}
.agOpcoes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.agDias{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.agHoras{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.agOpcao{font:inherit;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:58px;padding:10px 8px;border:1px solid var(--linha);border-radius:12px;background:#fff;color:var(--texto);cursor:pointer;text-align:center}
.agOpcao:hover{border-color:var(--celeste);background:#F7F9FC}
.agOpcao[aria-pressed="true"]{background:var(--azul);border-color:var(--azul);color:#fff}
.agOpTit{font-weight:700;font-size:14.5px;line-height:1.25}
.agOpSub{font-size:12px;line-height:1.3;opacity:.8}
.agOpSub:empty{display:none}
/* simetria: o último botão sozinho na linha ocupa a linha inteira */
.agOpcoes .agOpcao:last-child:nth-child(odd){grid-column:1 / -1}
.agDias .agOpTit{font-size:12px;font-weight:600;text-transform:capitalize}
.agDias .agOpSub{font-size:15px;font-weight:800;opacity:1}
.agDupla{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:end}
.agCartao .campo input{height:46px;box-sizing:border-box}
.agPrivacidade{text-align:left}
.agResumo{display:flex;flex-direction:column;gap:2px;align-items:center;background:#F2F5FA;border-radius:12px;padding:12px;margin:0 0 14px;color:var(--azul)}
.agResumo b{font-size:15px}
.agComprovante{text-align:center}
.agOk{font-size:20px;font-weight:800;color:var(--verde);margin:4px 0 10px}
.agRotulo{margin:0;font-size:13px;color:var(--suave)}
.agCodigo{font-size:34px;font-weight:800;letter-spacing:.18em;color:var(--azul);margin:2px 0 8px;font-variant-numeric:tabular-nums}
.agDados{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;text-align:left;margin:14px 0;padding:14px 16px;border:1px solid var(--linha);border-radius:12px}
.agDados dt{color:var(--suave);font-size:13px}
.agDados dd{margin:0;font-weight:600}
.agBotoes{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.agBotoes .bt{width:100%;margin:0}
#fConsultar .bt{width:100%}
#ccResultado{margin-top:16px}
.agConfirma{margin-top:10px}
.agConfirma p{margin:0 0 10px}
@media (max-width:520px){ .agDias,.agHoras{grid-template-columns:repeat(3,minmax(0,1fr))} .agDupla{grid-template-columns:1fr} }
@media print{ .agAbas,#fMarcar,#fConsultar,.agBotoes,#agAviso{display:none !important} .entrada{background:#fff} .agCartao{box-shadow:none;border:1px solid #999} }

/* Totem de autoatendimento: tela cheia, botões grandes, mesma marca da TV (Secretaria no alto, Avança SEFIN no pé) */
.ttPagina{margin:0;background:var(--creme);color:var(--azul);font-family:var(--fonte);user-select:none;-webkit-user-select:none;overflow:hidden}
.ttTela{height:100vh;display:grid;grid-template-rows:auto minmax(0,1fr) auto}
.ttTopo{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:2.2vh 4vw;border-bottom:2px solid rgba(0,35,94,.12)}
.ttLogo{height:9vh;max-height:96px;width:auto;display:block}
.ttLocal{display:flex;flex-direction:column;align-items:flex-end;font-weight:700;font-size:clamp(16px,2.4vh,26px)}
.ttHora{font-size:clamp(22px,4vh,44px);font-weight:800;font-variant-numeric:tabular-nums}
.ttMeio{display:flex;flex-direction:column;justify-content:center;padding:3vh 5vw;min-height:0;overflow:auto}
.ttPasso h1{text-align:center;font-size:clamp(24px,4.4vh,48px);margin:0 0 3.5vh;color:var(--azul)}
.ttGrade{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2.4vh 2vw}
.ttGrade.ttPoucos,.ttGrade.ttDois{grid-template-columns:repeat(2,minmax(0,1fr));max-width:1100px;margin:0 auto;width:100%}
.ttBotao{font:inherit;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6vh;min-height:14vh;padding:2vh 2vw;border:0;border-radius:22px;
  background:var(--azul);color:#fff;cursor:pointer;box-shadow:0 6px 0 rgba(0,26,70,.35);text-align:center}
.ttBotao:active{transform:translateY(4px);box-shadow:0 2px 0 rgba(0,26,70,.35)}
.ttBotao:disabled{opacity:.45;cursor:default}
.ttBotao.ttPref{background:var(--verde);box-shadow:0 6px 0 rgba(40,90,30,.4)}
.ttBotao.ttClaro{background:#fff;color:var(--azul);box-shadow:0 6px 0 rgba(0,26,70,.18)}
.ttTit{font-size:clamp(20px,3.6vh,40px);font-weight:800;line-height:1.15}
.ttSub{font-size:clamp(14px,2.2vh,24px);opacity:.9}
.ttDica{text-align:center;font-size:clamp(15px,2.4vh,26px);color:#3D4C68;margin:2vh 0 0}
.ttAviso{max-width:1000px;margin:0 auto 3vh;padding:2vh 2vw;border-radius:16px;background:#fff;border:2px solid var(--laranja);font-size:clamp(18px,3vh,32px);font-weight:700;text-align:center}
.ttVisor{min-height:9vh;display:flex;align-items:center;justify-content:center;background:#fff;border:2px solid var(--azul);border-radius:16px;margin:2vh auto;max-width:1100px;
  font-size:clamp(26px,5vh,54px);font-weight:800;letter-spacing:.04em;padding:0 2vw;overflow:hidden;white-space:nowrap}
.ttVisor.ttVazio{border-style:dashed}
.ttTeclado{display:flex;flex-direction:column;gap:1.2vh;max-width:1200px;margin:0 auto;width:100%}
.ttLinha{display:flex;justify-content:center;gap:.8vw}
.ttTecla{font:inherit;flex:0 1 8vw;max-width:96px;height:7.6vh;max-height:84px;border:0;border-radius:14px;background:#fff;color:var(--azul);font-size:clamp(20px,3.6vh,38px);font-weight:800;
  box-shadow:0 4px 0 rgba(0,26,70,.2);cursor:pointer}
.ttTecla:active{transform:translateY(3px);box-shadow:0 1px 0 rgba(0,26,70,.2)}
.ttTecla.ttEspaco{flex-basis:40vw;max-width:520px;font-size:clamp(16px,2.6vh,28px)}
.ttTecla.ttApagar{flex-basis:16vw;max-width:220px;background:var(--azul);color:#fff;font-size:clamp(16px,2.6vh,28px)}
.ttAcoes{display:grid;grid-template-columns:1fr 1fr;gap:2vw;max-width:1100px;margin:2.4vh auto 0;width:100%}
.ttAcoes .ttBotao{min-height:9vh}
#ttNome h1{margin-bottom:1vh}
#ttNome .ttDica{margin-top:0}
.ttAcoes .ttBotao[hidden]+.ttBotao{grid-column:1 / -1}
.ttFim{text-align:center}
.ttRotulo{font-size:clamp(22px,4vh,44px);font-weight:700;margin:0}
.ttSenha{font-size:clamp(90px,24vh,260px);font-weight:800;line-height:1;margin:1vh 0;color:var(--azul);font-variant-numeric:tabular-nums}
.ttAssunto{font-size:clamp(22px,4vh,44px);font-weight:700;margin:0 0 2vh;color:#3D4C68}
.ttPe{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:1.6vh 4vw;background:var(--azul);color:#fff}
.ttPe .avMarca{margin:0 0 0 auto;color:#fff;font-size:clamp(16px,2.4vh,26px)}
.ttPe .avMarca img{width:clamp(24px,3.4vh,38px);height:auto;background:#fff;border-radius:8px}
.ttVoltar{font:inherit;font-size:clamp(16px,2.6vh,28px);font-weight:700;border:2px solid #fff;border-radius:14px;background:none;color:#fff;padding:1vh 2vw;cursor:pointer}
.ttImpressora{position:absolute;width:1px;height:1px;border:0;left:-9999px;top:0}
@media (max-aspect-ratio:1/1){ .ttGrade{grid-template-columns:repeat(2,minmax(0,1fr))} .ttGrade.ttPoucos,.ttGrade.ttDois{grid-template-columns:1fr} }

/* WhatsApp sem custo na ficha da demanda */
.dmWhats{display:flex;flex-direction:column;gap:6px;margin:0 0 12px}
.dmWhats .bt{align-self:flex-start;width:auto;text-decoration:none}
/* simetria das caixas da Central, no padrão do sistema: um respiro igual entre os campos dos
   blocos que aparecem e somem (cadastro do contribuinte, pedido), toda caixa de texto e lista com 46 px, os botões ao
   lado da caixa na mesma altura e um respiro antes dos botões do fim */
.cfBloco > div:not([hidden]):not([class]),.guBloco div:not([hidden]):not([class]){display:flex;flex-direction:column;gap:12px}
.cfBloco .campo :is(input:not([type=checkbox]):not([type=radio]):not([type=file]),select),
.guBloco .campo :is(input:not([type=checkbox]):not([type=radio]):not([type=file]),select){height:46px;box-sizing:border-box}
.dmLinhaBusca .bt.mini,.guLinha .bt.mini{height:46px;box-sizing:border-box}
.cfBloco .cgBotoes,#fNova .cgBotoes{margin-top:4px}
.cfBloco .campo,.guBloco .campo{margin:0}
.cfBloco > div:not([class]) > .bt,.guBloco div:not([class]) > .bt{align-self:flex-start;width:auto}
/* a mensagem de erro embaixo de uma caixa não desalinha a vizinha */
.cgDupla,.cgTripla{align-items:start}
/* três caixas lado a lado: o rótulo que quebra em duas linhas não desce a caixa dele; todas ficam na mesma altura */
.cgTripla .campo > label,.cgTripla .campo > .rotCampo,.cgDupla .campo > label,.cgDupla .campo > .rotCampo{min-height:2.7em;display:flex;align-items:flex-end;line-height:1.3}
/* caixas lado a lado sempre na mesma linha, mesmo com o rótulo de duas linhas na coluna estreita */
.cgDupla > .campo,.cgTripla > .campo{display:flex;flex-direction:column;justify-content:flex-start}
/* área de trabalho da demanda aberta, no padrão do Planejamento */
.dmGrade.dmAberta{grid-template-columns:1fr}
.dmGrade.dmAberta > .cgLista{display:none}
/* sem demanda escolhida, a lista ocupa a largura toda; a coluna da direita só aparece com a demanda ou a Nova demanda */
.dmGrade:has(> .cgLado > #semFicha:not([hidden])){grid-template-columns:1fr}
.dmGrade:has(> .cgLado > #semFicha:not([hidden])) > .cgLado{display:none}
.dmVoltarLista{align-self:flex-start;width:auto;margin:0 0 4px}
.dmTrabalho{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,1fr);gap:22px;align-items:start;margin-top:6px}
@media (max-width:980px){ .dmTrabalho{grid-template-columns:1fr} }
.dmConversa,.dmLado{display:flex;flex-direction:column;gap:10px;min-width:0}
.dmConversa #fComentario h3{display:none}
.dmConversa #fComentario{border:1px solid var(--linha);border-radius:14px;padding:10px 12px;background:#fff}
.dmAnexos li{display:flex;flex-direction:column;gap:4px;padding:6px 0;border-bottom:1px solid var(--linha)}
.dmAcao{border:1px solid var(--linha);border-radius:12px;padding:8px 12px;background:#fff}
.dmAcao summary{cursor:pointer;font-weight:700;color:var(--azul);font-size:14px;list-style-position:inside}
.dmAcao[open] summary{margin-bottom:8px}
.dmConversa #fComentario .dmAnexar{border-top:1px solid var(--linha);padding-top:8px;margin-top:4px}
/* registro da demanda no balão padrão das conversas (tarMsg do estilo.css), 171 */
.dmTempo li.tarMsg{align-items:flex-end;gap:12px;font-size:inherit}
.dmTempo li.tarMsg>.avatar{width:36px;height:36px;font-size:12px}
.dmEtq{font-size:11.5px;font-weight:700;color:var(--azul);background:rgba(255,255,255,.65);border-radius:999px;padding:1px 8px}
.dmTempo li.dmSis{display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center;color:var(--suave);font-size:12.5px;margin:2px 0}
.dmSisTx{background:#F4F6FA;border:1px solid var(--linha);border-radius:999px;padding:2px 12px}
.dmSisMsg{max-width:560px}
.dmTempo .tarMsgAnexos .tarAnexo{margin-top:0}
/* correção do nome e junção de cadastros na ficha da demanda */
.dmCorrecoes{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px 18px}
.dmCorrecoes:not(:has(> :not([hidden]))){display:none}
.dmCorrecoes .dmLinkBt{margin-left:0}
.dmForm .dmLinhaBusca .bt.mini{align-self:flex-end}
.dmJuncao{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:8px}
@media (max-width:560px){ .dmJuncao{grid-template-columns:1fr} }
.dmCadastro{border:1px solid var(--linha);border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:3px;min-width:0;font-size:13.5px;background:#fff}
.dmCadastro h4{margin:0 0 2px;font-size:12px;font-weight:700;color:var(--suave);text-transform:uppercase;letter-spacing:.03em}
.dmCadNome{font-weight:700;color:var(--azul);overflow-wrap:anywhere}
.dmCadDoc{font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.dmCadNum{color:var(--suave);font-size:12.5px}
.dmCadastro.fica{border:2px solid var(--azul);background:#F2F5FA}
.dmAvisoForte{margin:0;font-size:13px;font-weight:600;color:#8A1C1C;background:#FDECEC;border-radius:8px;padding:8px 10px}
/* Portal Acompanhe sua solicitação (1.0-20261030-241): arquivos para o contribuinte na conclusão e nos anexos, envios da página */
.dmParaContribuinte{border:1px solid var(--linha);border-radius:10px;padding:10px 12px;margin:0 0 12px;display:flex;flex-direction:column;gap:6px;min-width:0}
.dmParaContribuinte legend{font-size:12.5px;font-weight:600;color:var(--suave);padding:0 4px}
.dmMarcaContrib{margin-top:4px;font-size:13px}
.dmEnvio{color:var(--azul)}
#fDocumentos .campo{margin-top:12px}
/* simetria: botão ao lado de campo numa linha.cgDupla ou.cgTripla ocupa a altura da linha e fica na base, com a
   mesma altura da caixa (46 px); o align-items:start das linhas e o align-self do.dmForm o tinham levado ao alto */
.cgDupla > .dmAlinhar,.cgTripla > .dmAlinhar{align-self:stretch}
.dmAlinhar > .bt,.dmForm .dmAlinhar > .bt.mini{align-self:flex-end;height:46px;box-sizing:border-box;margin:0}
/* busca das Demandas: a caixa e o botão Buscar com a mesma altura e a mesma base, no computador e no iPhone */
.dmBusca{align-items:stretch}
.dmBusca input,.dmBusca .bt.mini{box-sizing:border-box}