:root{--cor:#1D4E89;--tx:#17212B;--sub:#4B5563;--bd:#DCE1E6;
/* escala tipográfica do painel e do console (Backend.dc.html; aprovada em 10/11/2026). Mínimo absoluto 12 px; só "exemplo" usa 11 px */
--fs-base:15px;--fs-tela:23px;--fs-secao:18px;--fs-sub:15px;--fs-menu:15px;--fs-grupo:12px;--fs-rotulo:14px;--fs-campo:15px;--fs-tab:14px;--fs-tab-cab:13px;--fs-meta:13px;--fs-nota:12px;--fs-etq:12px;--fs-exemplo:11px;--fs-btn:15px;--fs-kpi:26px;--fs-num:28px;--alt-btn:40px}
*{box-sizing:border-box}body{margin:0;font-family:"Public Sans",system-ui,-apple-system,"Segoe UI",sans-serif;font-size:var(--fs-base);line-height:1.5;color:var(--tx);background:#F3F5F8}
a{color:var(--cor)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #F0B429;outline-offset:2px;box-shadow:0 0 0 2px #fff,0 0 0 7px #17212B}
.casca{display:flex;min-height:100vh}
nav.lado{flex:0 0 256px;background:#17212B;color:#E5E9EE;padding:14px 10px;display:flex;flex-direction:column;gap:2px;position:sticky;top:0;align-self:flex-start;min-height:100vh;max-height:100vh;overflow-y:auto}
nav.lado .marca{display:flex;align-items:center;gap:10px;color:#fff;font-weight:800;padding:4px 8px 14px}nav.lado .marca img{background:#fff;border-radius:8px;padding:3px;width:40px;height:auto}nav.lado .marca small{display:block;color:#AEB8C2;font-weight:400}
nav.lado a{display:flex;align-items:center;gap:10px;color:#D5DCE3;text-decoration:none;padding:8px 10px;border-radius:8px;font-weight:600;min-height:40px}
nav.lado a:hover,nav.lado a[aria-current]{background:#2E3A46;color:#fff}nav.lado a[aria-current]{box-shadow:inset 3px 0 0 #F0B429}
nav.lado .ic{color:#AEB8C2}nav.lado a[aria-current] .ic,nav.lado a:hover .ic{color:#fff}
nav.lado .badge{margin-left:auto;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:#F0B429;color:#17212B;font-size:var(--fs-etq);font-weight:800;display:inline-flex;align-items:center;justify-content:center}
nav.lado details.grupo{margin-top:6px}nav.lado summary{cursor:pointer;list-style:none;padding:6px 10px;font-size:var(--fs-grupo);font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#AEB8C2;border-radius:6px}
nav.lado summary::-webkit-details-marker{display:none}nav.lado summary::after{content:"▾";float:right}nav.lado details:not([open]) summary::after{content:"▸"}
nav.lado .usuario{margin-top:auto;display:flex;gap:10px;align-items:center;padding:12px 10px;border-top:1px solid #2E3A46}nav.lado .usuario .ini{width:36px;height:36px;border-radius:50%;background:#2E3A46;color:#fff;font-weight:800;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}
nav.lado .usuario small{display:block;color:#AEB8C2;font-size:var(--fs-nota)}
nav.lado .rodape{font-size:var(--fs-meta);color:#AEB8C2;padding:0 10px 8px}nav.lado .rodape a{display:inline;padding:0;min-height:0;color:#C9D1D9;font-weight:400}
@media (max-width:820px){.casca{flex-direction:column}nav.lado{position:static;min-height:0;max-height:none;flex:0 0 auto}}
.pular{position:absolute;left:-9999px}.pular:focus{left:12px;top:8px;background:#fff;padding:8px 12px;z-index:10}
.sr{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.principal{flex:1;min-width:0}
header.barra{background:#fff;border-bottom:1px solid var(--bd);padding:12px 24px;display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}
header.barra h1{margin:0;font-size:var(--fs-tela)}
main{padding:22px 24px 48px}
.msg{background:#E3F2E9;border-radius:10px;padding:10px 14px;margin-bottom:14px}.defeso{background:#7A2E0E;color:#fff;padding:8px 24px}
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-bottom:18px}
.kpi,.cx{background:#fff;border:1px solid var(--bd);border-radius:14px;padding:14px 16px}.kpi b{display:block;font-size:var(--fs-kpi)}
.cx{margin-bottom:16px}.cx h2{margin:0 0 10px;font-size:var(--fs-secao)}
.tabela{overflow-x:auto;background:#fff;border:1px solid var(--bd);border-radius:14px}
table{width:100%;border-collapse:collapse;font-size:var(--fs-tab)}th,td{text-align:left;padding:9px 12px;border-bottom:1px solid #EEF1F4;vertical-align:top}thead th{font-size:var(--fs-tab-cab);text-transform:uppercase;color:var(--sub)}
.chip{display:inline-block;padding:2px 9px;border-radius:999px;font-size:var(--fs-etq);font-weight:700;background:#EEF0F3}
.ok{background:#E3F2E9;color:#146C43}.alerta{background:#FCEFD9;color:#7A4A00}.erro{background:#FBE4D8;color:#9B1C1C}.azul{background:#E5EEFB;color:#1D4E89}
.btn{display:inline-flex;align-items:center;min-height:38px;padding:0 14px;border-radius:9px;border:0;background:var(--cor);color:#fff;font:inherit;font-weight:700;text-decoration:none;cursor:pointer}
.btn.sec{background:#fff;color:var(--tx);border:1px solid #C9D1D9}.btn.perigo{background:#fff;color:#9B1C1C;border:1px solid #E8B4B4}
.btn:disabled{opacity:.45;cursor:not-allowed}
form.campos{display:grid;gap:10px;max-width:760px}form.campos label{display:flex;flex-direction:column;gap:3px;font-weight:600;font-size:var(--fs-rotulo)}
form.campos input,form.campos select,form.campos textarea,.inline select,.inline input{font:inherit;font-weight:400;padding:8px 10px;border:1px solid #6B7684;border-radius:8px;background:#fff}
.inline{display:inline-flex;gap:6px;align-items:center;margin:0}
.acoes{display:flex;flex-wrap:wrap;gap:8px}
.exemplo{display:inline-block;padding:1px 7px;border-radius:6px;background:#FCEFD9;color:#7A4A00;font-size:var(--fs-exemplo);font-weight:700}
.legal{font-size:var(--fs-nota);color:var(--sub)}
.login{max-width:420px;margin:10vh auto;background:#fff;border:1px solid var(--bd);border-radius:16px;padding:24px}
.grade2{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:10px 16px}
fieldset{border:1px solid var(--bd);border-radius:12px;padding:12px 14px;display:grid;gap:10px}legend{font-weight:700;padding:0 6px}
.midias{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:14px}
form.midia{display:flex;flex-wrap:wrap;gap:14px;border:1px solid var(--bd);border-radius:12px;padding:12px;margin:0}
.prev{flex:0 0 140px;height:120px;border-radius:10px;background:#F3F5F8;display:flex;align-items:center;justify-content:center;overflow:hidden;color:var(--sub);font-size:var(--fs-meta)}.prev img{width:100%;height:100%;object-fit:cover}
.campos-m{flex:1 1 220px;display:grid;gap:8px}.campos-m label{display:flex;flex-direction:column;gap:3px;font-weight:600;font-size:var(--fs-rotulo)}.campos-m input{font:inherit;font-weight:400;padding:7px 9px;border:1px solid #6B7684;border-radius:8px}
:focus-visible{outline:3px solid #F0B429;outline-offset:2px;box-shadow:0 0 0 2px #fff,0 0 0 7px #17212B}
/* Fase 9 — abas e sub-abas do painel */
nav.abas{display:flex;gap:2px;border-bottom:2px solid var(--bd);margin:0 0 16px;overflow-x:auto}
nav.abas a{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 14px;font-weight:600;color:var(--tx);text-decoration:none;border-bottom:3px solid transparent;margin-bottom:-2px;white-space:nowrap}
nav.abas a:hover{color:var(--cor)}nav.abas a[aria-current]{color:var(--cor);border-bottom-color:var(--cor)}
nav.abas .badge{min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:#F0B429;color:#17212B;font-size:var(--fs-etq);font-weight:800;display:inline-flex;align-items:center;justify-content:center}
nav.subabas{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 14px}nav.subabas a{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border:1px solid #6B7684;border-radius:999px;color:var(--tx);text-decoration:none;font-size:var(--fs-tab);font-weight:600}
nav.subabas a[aria-current]{background:var(--cor);border-color:var(--cor);color:#fff}
/* Fase 9 — blocos da página inicial com mapa do layout */
.blocos-mapa{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:20px;align-items:start}
.lista-blocos{list-style:none;margin:0;padding:0}.lista-blocos li{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 12px;border:1px solid var(--bd);border-radius:12px;margin-bottom:8px;background:#fff}
.lista-blocos li.on,.lista-blocos li:focus-within,.lista-blocos li:focus{border-color:var(--cor);box-shadow:0 0 0 3px rgba(14,77,100,.18);outline:none}
.lista-blocos .n{width:26px;color:#4B5563;font-weight:700}.lista-blocos .t{flex:1 1 220px;display:flex;flex-direction:column}.lista-blocos .t small{color:#4B5563}
.lista-blocos li.off .t{color:#4B5563}.lista-blocos .ctl{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.lista-blocos .ctl .btn{min-width:44px}
.lista-blocos label.exibir{display:none;align-items:center;gap:4px;font-weight:400;min-height:44px}.js .lista-blocos label.exibir{display:inline-flex}.js .lista-blocos .sem-js{display:none}
.mapa-layout{position:sticky;top:16px;background:#fff;border:1px solid var(--bd);border-radius:14px;padding:14px}.mapa-layout summary{display:none}.mapa-layout h2{font-size:var(--fs-secao);margin:0 0 6px}
.pg-mapa{border:1px solid var(--bd);border-radius:10px;padding:6px;background:#F8FAFB;display:grid;grid-template-columns:repeat(20,1fr);gap:4px}
.pg-mapa .r{grid-column:span 20;border-radius:5px;background:#D7E3EA;font-size:var(--fs-nota);line-height:1.3;padding:5px 6px;color:#17212B;cursor:pointer}
.pg-mapa .r.meio{grid-column:span 10}.pg-mapa .r.l55{grid-column:span 11}.pg-mapa .r.l45{grid-column:span 9}
.pg-mapa .cab{background:var(--cor);color:#fff;cursor:default}.pg-mapa .hero{background:#2B4C5C;color:#fff;min-height:36px}.pg-mapa .rod{background:#17212B;color:#fff}
.pg-mapa .r.on{outline:3px solid #F0B429;outline-offset:1px;background:#FCE7A9;color:#17212B}.pg-mapa .r.off{background:#fff;border:1.5px dashed #6B7684;color:#4B5563}
@media (max-width:900px){.blocos-mapa{grid-template-columns:1fr}.mapa-layout{position:static;order:-1}.mapa-layout summary{display:inline-flex;cursor:pointer;list-style:none}.mapa-layout[open] summary{margin-bottom:10px}}
/* Fase 9 — consulta montada */
.consulta .cons-grade{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:18px}@media (max-width:980px){.consulta .cons-grade{grid-template-columns:1fr}}
.consulta code.url{word-break:break-all;font-size:var(--fs-meta)}.consulta details{border:1px solid var(--bd);border-radius:10px;padding:8px 12px;margin:0 0 8px}.consulta summary{cursor:pointer;min-height:32px}
.consulta pre.trecho{background:#0B1620;color:#E6EDF3;padding:10px;border-radius:8px;white-space:pre-wrap;word-break:break-all;font-size:var(--fs-nota);max-height:260px;overflow:auto}
.consulta label.opc{flex-direction:row;align-items:center;gap:6px;font-weight:400}.consulta fieldset{border:1px solid var(--bd);border-radius:10px;padding:8px 12px;display:flex;flex-wrap:wrap;gap:4px 14px}
.consulta .cons-teste{border:2px solid var(--cor);border-radius:12px;padding:10px 14px;margin:14px 0}.mapeamento{padding-left:18px}.mapeamento code{font-size:var(--fs-nota)}
.consulta .cons-telas{margin:14px 0}.consulta .cons-telas details{margin:8px 0}.cons-ficha{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:4px 14px;margin:8px 0 10px}.cons-ficha dt{font-weight:600}.cons-ficha dd{margin:0;overflow-wrap:anywhere}@media (max-width:600px){.cons-ficha{grid-template-columns:minmax(0,1fr)}.cons-ficha dd{margin-bottom:6px}}
/* Fase 9 — identidade */
.cores-grade,.fav-grade{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px}@media (max-width:900px){.cores-grade,.fav-grade{grid-template-columns:1fr}}
.cor-campo{border:1px solid var(--bd);border-radius:12px;padding:10px 12px}.cor-linha{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.cor-linha input[type=color]{width:48px;height:44px;border:1px solid #6B7684;border-radius:10px;padding:2px;background:#fff}.cor-linha input[name]{width:8em;font-family:ui-monospace,monospace}
.previa-tema{border:1px solid var(--bd);border-radius:14px;padding:12px;background:#fff}.pv-cab{background:var(--p-cor);color:#fff;font-weight:700;padding:10px 14px;border-radius:10px}
.pv-corpo{display:flex;gap:10px;flex-wrap:wrap;padding:14px 0}.pv-btn{display:inline-flex;align-items:center;min-height:40px;padding:0 16px;border-radius:999px;background:var(--p-cor);color:#fff;font-weight:700;border:2px solid var(--p-cor)}
.pv-btn.sec{background:#fff;color:var(--p-cor)}.pv-dest{display:inline-flex;align-items:center;min-height:40px;padding:0 16px;border-radius:999px;background:var(--p-dest);color:#17212B;font-weight:700}
.pv-cartao{border:1px solid var(--bd);border-top:4px solid var(--p-cor);border-radius:12px;padding:12px;background:#F4F7F9}
.recortes{display:flex;gap:8px;flex-wrap:wrap;margin:6px 0}.recortes figure{margin:0;width:110px}.recortes img{width:100%;object-fit:cover;border-radius:6px;display:block}.recortes figcaption{font-size:var(--fs-nota);color:#4B5563}
.aba-nav{display:inline-flex;background:#DEE3E8;border-radius:10px 10px 0 0;padding:8px 10px 0}.aba-x{display:inline-flex;gap:8px;align-items:center;background:#fff;border-radius:8px 8px 0 0;padding:8px 14px;font-size:var(--fs-meta);max-width:260px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.linha-foto{flex-direction:row!important;gap:14px;align-items:flex-start;border:1px solid var(--bd);border-radius:12px;padding:12px;margin-bottom:10px;flex-wrap:wrap}
/* Fase 9 — editor */
.editor{display:flex;flex-direction:column;gap:4px}.ed-barra{display:flex;gap:4px;flex-wrap:wrap;border:1px solid #6B7684;border-bottom:0;border-radius:10px 10px 0 0;padding:6px;background:#F4F7F9}
.ed-barra button{min-width:44px;min-height:44px;border:1px solid var(--bd);background:#fff;border-radius:8px;font-weight:700;cursor:pointer}.ed-barra button:focus-visible{outline:3px solid #F0B429}
.ed-area{border:1px solid #6B7684;border-radius:0 0 10px 10px;padding:14px;min-height:220px;background:#fff;line-height:1.55}.ed-area:focus{outline:3px solid #F0B429;outline-offset:1px}
.ed-area img{max-width:100%;height:auto}.ed-area table{border-collapse:collapse}.ed-area th,.ed-area td{border:1px solid var(--bd);padding:4px 8px}.ed-area blockquote{border-left:4px solid var(--cor);margin:8px 0;padding:4px 12px;color:#4B5563}
dialog.ed-img{border:0;border-radius:14px;padding:18px;max-width:min(520px,94vw)}dialog.ed-img::backdrop{background:rgba(0,0,0,.5)}
.dif{list-style:none;margin:0;padding:0;font-family:ui-monospace,monospace;font-size:var(--fs-tab)}.dif li{padding:2px 8px;white-space:pre-wrap;word-break:break-word}
.dif li.removido,.dif-legenda .removido{background:#FBE4D8;color:#7A1C1C}.dif li.incluido,.dif-legenda .incluido{background:#DCF3E4;color:#14532D}.dif-legenda span{padding:2px 8px;border-radius:6px;margin-right:6px}
.previa-not .pn{display:grid;grid-template-columns:160px 1fr;gap:4px 12px;align-items:start;max-width:520px;border:1px solid var(--bd);border-radius:12px;padding:10px;background:#fff}
.previa-not .pn img{grid-row:span 2;width:160px;aspect-ratio:16/9;object-fit:cover;border-radius:8px}
/* Fase 9 — telas de acesso (login e segundo fator) */
body.acesso{margin:0;background:#0B1620}.acesso-fundo{min-height:100vh;display:grid;place-items:center;padding:24px 16px;box-sizing:border-box;background:#17212B center/cover no-repeat;position:relative}
.acesso-veu{position:absolute;inset:0;background:linear-gradient(rgba(11,22,32,.66),rgba(11,22,32,.74))}
.acesso-caixa{position:relative;background:#fff;border-radius:18px;padding:28px;width:min(420px,100%);box-sizing:border-box;box-shadow:0 24px 60px rgba(0,0,0,.4)}
.acesso-caixa h1{font-size:var(--fs-tela);margin:8px 0 12px}.acesso-marca{display:flex;align-items:center;gap:10px;margin:0;font-weight:700}.acesso-marca img{height:42px;width:auto}
.acesso-passos{list-style:none;margin:0 0 14px;padding:0;display:flex;gap:6px;flex-wrap:wrap}.acesso-passos li{font-size:var(--fs-meta);padding:3px 10px;border-radius:999px;background:#EEF1F4;color:#374151}
.acesso-passos li[aria-current]{background:var(--cor);color:#fff;font-weight:700}.acesso-links{margin:12px 0 0}.btn.largo{width:100%;justify-content:center;box-sizing:border-box}
.acesso-credito{position:fixed;right:10px;bottom:6px;margin:0;color:#fff;font-size:var(--fs-nota);background:rgba(0,0,0,.55);padding:2px 8px;border-radius:6px}
/* Fase 9 — painel no celular: nada passa da largura da tela */
.grade2>*,.cons-grade>*,.editor,.ed-area,.campos>*{min-width:0}.ed-area,.consulta code.url{overflow-wrap:anywhere}
@media (max-width:980px){.consulta .cons-grade{grid-template-columns:minmax(0,1fr)}}
@media (max-width:640px){.grade2{grid-template-columns:minmax(0,1fr)!important}.linha-menu input{max-width:100%}}
.lista-blocos .t .chip{align-self:flex-start}body.acesso{font-family:'Public Sans',system-ui,sans-serif}
/* Fase 10 — Carta de Serviços */
.fluxo-carta{list-style:none;margin:0 0 14px;padding:0;display:flex;gap:6px;flex-wrap:wrap}.fluxo-carta li{padding:4px 12px;border-radius:999px;background:#EEF1F4;font-weight:600;font-size:var(--fs-tab)}.fluxo-carta li[aria-current]{background:var(--cor);color:#fff}
.ficha-carta fieldset{border:1px solid var(--bd);border-radius:12px;padding:12px 14px;margin:0 0 12px;display:flex;flex-direction:column;gap:10px}.ficha-carta legend{font-weight:700;padding:0 6px}
fieldset.opcoes{flex-direction:row!important;flex-wrap:wrap;gap:6px 14px!important}fieldset.opcoes label{flex-direction:row;align-items:center;gap:6px;font-weight:400}.obr{color:#9B1C1C}
.avisos-ling{background:#FFF7E0;border:1px solid #E8C97A;border-radius:12px;padding:10px 14px;margin:0 0 12px}.avisos-ling ul{margin:6px 0 0}
.kpis-carta{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,180px),1fr));gap:10px;margin:0 0 16px}.kpis-carta div{background:#fff;border:1px solid var(--bd);border-top:4px solid var(--cor);border-radius:12px;padding:12px}.kpis-carta dt{font-size:var(--fs-tab);color:#4B5563}.kpis-carta dd{margin:4px 0 0;font-size:var(--fs-num);font-weight:800}

/* escala aplicada (10/11/2026): títulos, campos com tamanho próprio (não herdam o rótulo), notas nunca abaixo de 12 px, botões 15 px/600 com 40 px */
header.barra h1,.principal h1{font-size:var(--fs-tela)}.principal h2{font-size:var(--fs-secao)}.principal h3{font-size:var(--fs-sub)}
form.campos input,form.campos select,form.campos textarea,.inline select,.inline input,.campos-m input,.principal input:not([type=checkbox]):not([type=radio]):not([type=color]),.principal select,.principal textarea{font-size:var(--fs-campo);min-height:var(--alt-btn)}
.principal input[type=file]{padding:6px 0}
.principal label{font-size:var(--fs-rotulo)}.principal small,.principal .ajuda,.principal .nota{font-size:var(--fs-nota)}
.btn,.principal button{font-size:var(--fs-btn);font-weight:600;min-height:var(--alt-btn)}
.principal td,.principal th{font-size:var(--fs-tab)}.principal thead th{font-size:var(--fs-tab-cab)}
.ed-barra button{font-size:var(--fs-btn)}
.acesso-caixa h2,.principal .acesso-caixa h2{font-size:var(--fs-secao)}.codigos-rec{font-family:ui-monospace,monospace;font-size:var(--fs-secao);columns:2}.chave-2fa{font-size:var(--fs-campo)}.ini-grande{font-size:var(--fs-num);font-weight:800}
/* ===== Painel reorganizado (10/11/2026): menu por tarefa, topo limpo, padrão "lista → tela de edição" ===== */
nav.lado summary{font-size:var(--fs-meta);font-weight:700;letter-spacing:0;text-transform:none;color:#C9D1D9;padding:8px 10px 4px}
header.barra{display:flex;align-items:center;gap:12px;flex-wrap:wrap}header.barra h1{flex:1 1 auto}
.ver-portal{display:inline-flex;align-items:center;gap:4px;min-height:40px;padding:0 12px;border:1px solid var(--bd);border-radius:9px;color:var(--tx);text-decoration:none;font-weight:600;font-size:var(--fs-rotulo)}
.ver-portal:hover{border-color:var(--cor);color:var(--cor)}
.btn-menu{display:inline-flex;align-items:center;gap:8px;min-height:var(--alt-btn);padding:0 14px;border:1px solid var(--bd);border-radius:9px;background:#fff;color:var(--tx);font:inherit;font-weight:600;cursor:pointer}
@media (min-width:821px){.btn-menu{display:none!important}}
@media (max-width:820px){
  .js-menu nav.lado{position:fixed;inset:0 auto 0 0;width:min(86vw,320px);max-height:none;min-height:100vh;z-index:50;transform:translateX(-105%);transition:transform .2s;box-shadow:0 0 0 100vmax rgba(0,0,0,0);overflow-y:auto}
  .js-menu nav.lado.aberto{transform:none;box-shadow:0 0 0 100vmax rgba(11,22,32,.5)}
  body.menu-aberto{overflow:hidden}
}
@media (prefers-reduced-motion:reduce){.js-menu nav.lado{transition:none}}
/* cabeçalho de cada tela: frase do que a tela faz + ação principal à direita */
.tela-cab{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:12px 24px;margin:0 0 18px}
.tela-cab p{margin:0;max-width:72ch;color:var(--sub)}
.tela-acoes{display:flex;flex-wrap:wrap;gap:8px}
.voltar{display:inline-flex;align-items:center;gap:6px;min-height:40px;margin:0 0 10px;color:var(--cor);font-weight:600;text-decoration:none}
.voltar:hover{text-decoration:underline}
/* formulário de edição: largura de leitura, rótulo sempre em cima, barra de ações no fim */
.form-tela{max-width:none}
.acoes-form{position:sticky;bottom:0;z-index:5;display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:18px -16px -14px;padding:12px 16px;background:#fff;border-top:1px solid var(--bd);border-radius:0 0 14px 14px}
.acoes-form .perigo-dir{margin-left:auto}
form.campos .grade2 label,form.campos label{display:flex;flex-direction:column;align-items:stretch}
form.campos label.opc,form.campos fieldset.opcoes label,.lista-blocos label.exibir{flex-direction:row;align-items:center}
/* listas: tabela limpa com ação "Editar" à direita */
td.acoes-linha{white-space:nowrap;text-align:right}td.acoes-linha .btn,td.acoes-linha form{display:inline-flex;margin-left:6px}
caption.titulo-lista{caption-side:top;text-align:left;font-weight:700;font-size:var(--fs-secao);padding:0 0 8px}
.vazio-tela{padding:24px;border:1px dashed var(--bd);border-radius:14px;background:#fff;text-align:center;color:var(--sub)}
.vazio-tela .btn{margin-top:10px}
/* Visão geral: dados técnicos do órgão saíram do topo de cada tela */
.dados-tec{margin-top:16px}
/* imagens em grade de miniaturas: clicar abre a edição daquela imagem */
.grade-imagens{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}
.grade-imagens a{display:flex;flex-direction:column;gap:6px;height:100%;padding:10px;border:1px solid var(--bd);border-radius:14px;background:#fff;color:var(--tx);text-decoration:none}
.grade-imagens a:hover,.grade-imagens a:focus-visible{border-color:var(--cor);box-shadow:0 4px 14px rgba(0,0,0,.08)}
.grade-imagens .mini{display:flex;align-items:center;justify-content:center;aspect-ratio:4/3;border-radius:10px;background:#F3F5F8;overflow:hidden;color:var(--sub);font-size:var(--fs-meta)}
.grade-imagens .mini img{width:100%;height:100%;object-fit:cover}
.grade-imagens .ed{color:var(--cor);font-weight:600;font-size:var(--fs-rotulo)}
.acoes-usuario{display:flex;flex-direction:column;gap:12px}.acoes-usuario form.inline{flex-wrap:wrap;gap:8px}
/* Login reorganizado (10/11/2026) */
.acesso-fundo:not(.com-foto){background:linear-gradient(160deg,var(--cor) 0%,#0B1620 85%)}
.acesso-fundo:not(.com-foto) .acesso-veu{background:rgba(11,22,32,.35)}
.acesso-caixa{width:min(440px,100%);padding:32px 32px 24px}
.acesso-topo{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;margin:0 0 6px}
.acesso-topo img{height:72px;width:auto}
.acesso-org{margin:0;display:flex;flex-direction:column;gap:2px}.acesso-org strong{font-size:var(--fs-secao)}
.acesso-rot{font-size:var(--fs-meta);font-weight:700;color:var(--sub)}
.acesso-caixa h1{text-align:center;margin:14px 0 14px}
.acesso-passos{justify-content:center}
.acesso-caixa .campos{max-width:none}
.acesso-ajuda{margin:14px 0 0;color:var(--sub);font-size:var(--fs-tab)}
.acesso-links{text-align:center}
.acesso-volta{margin:18px 0 0;padding-top:14px;border-top:1px solid var(--bd);text-align:center}.acesso-volta a{color:var(--cor);font-weight:600}
@media (min-width:821px){.casca{background:linear-gradient(to right,#17212B 256px,transparent 256px)}}
.form-tela form.campos{max-width:none}
/* Integrações: agenda de execução */
.form-agenda fieldset{margin:0 0 4px}.form-agenda .sub-campo{margin-left:28px}
.form-agenda fieldset.opcoes label{min-height:40px}
.form-agenda fieldset.opcoes{display:flex;flex-wrap:wrap;gap:4px 18px}.form-agenda fieldset.opcoes legend{width:100%}
/* Console: cadastro de órgão e tela da senha única */
.cadastro-orgao fieldset{margin:0 0 14px}.cadastro-orgao .linha-ibge{display:flex;gap:8px;align-items:stretch}.cadastro-orgao .linha-ibge input{flex:1}
.cadastro-orgao{max-width:none}
.senha-unica{border:2px solid #F0B429}.dados-senha{display:grid;grid-template-columns:max-content 1fr;gap:6px 16px;margin:10px 0 0}.dados-senha dt{font-weight:700}.dados-senha dd{margin:0}
.dados-senha code.senha{font-size:var(--fs-secao);letter-spacing:.06em;background:#FFF7E0;padding:2px 8px;border-radius:6px}
.passos-ativacao{margin:4px 0 10px;padding-left:20px}.passos-ativacao small{color:var(--sub)}
/* Console do gestor: formulários ocupam a largura toda da caixa (como no painel dos órgãos); chaves longas quebram a linha */
.console form.campos{max-width:none}.dados-senha dd,code.url{overflow-wrap:anywhere;word-break:break-word}
.dados-senha>*{min-width:0}@media (max-width:640px){.dados-senha{grid-template-columns:minmax(0,1fr)!important}.dados-senha dd{margin:0 0 8px}}
.dados-senha+form.campos{margin-top:14px}
/* Cadastro de órgão: o atributo hidden precisa vencer o display dos rótulos e grades (campos da Câmara e de outro sistema somem de verdade) */
.cadastro-orgao [hidden]{display:none!important}