:root{--azul:#1565C0;--azul-h:#0d47a1;--soft:#E3F2FD;--lav:#d9cfe7}
*{margin:0;padding:0;box-sizing:border-box;font-family:'Poppins',sans-serif}
body{background:linear-gradient(135deg,#f0f4f8,#e2e8f0);color:#1f2937;min-height:100vh}
.topbar{background:#fff;border-bottom:4px solid var(--azul);padding:14px 26px;display:flex;align-items:center;gap:14px;box-shadow:0 2px 8px rgba(0,0,0,.08);position:sticky;top:0;z-index:40}
.topbar .ic{width:42px;height:42px;border-radius:11px;background:var(--azul);color:#fff;display:grid;place-items:center;font-size:18px}
.topbar h1{font-size:17px;font-weight:700;color:var(--azul);line-height:1.15}
.topbar p{font-size:11.5px;color:#64748b}
.topbar .sair{margin-left:auto;background:#f1f5f9;border:1.5px solid #e2e8f0;color:#475569;border-radius:10px;padding:9px 15px;font-weight:600;font-size:12px;cursor:pointer;display:flex;align-items:center;gap:7px}
.topbar .sair:hover{background:#fee2e2;border-color:#fecaca;color:#b91c1c}
.layout{max-width:1320px;margin:0 auto;padding:24px 26px;display:grid;grid-template-columns:370px 1fr;gap:24px;align-items:start}
@media(max-width:980px){.layout{grid-template-columns:1fr}}
.painel{background:#fff;border-radius:16px;box-shadow:0 2px 8px rgba(0,0,0,.08);padding:22px;position:sticky;top:90px}
.painel h2{font-size:13px;font-weight:700;color:var(--azul);text-transform:uppercase;letter-spacing:.4px;margin-bottom:4px;display:flex;align-items:center;gap:8px}
.painel .hint{font-size:11.5px;color:#94a3b8;margin-bottom:18px}
.step{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:var(--azul);color:#fff;font-size:10px;font-weight:700;margin-right:6px}
.fld{margin-bottom:16px}
.fld label{display:flex;align-items:center;font-size:10.5px;font-weight:700;text-transform:uppercase;color:#475569;letter-spacing:.4px;margin-bottom:6px}
.ibox{position:relative}
.ibox>i{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:#94a3b8;font-size:13px;pointer-events:none}
select,input{width:100%;border:1.5px solid #cbd5e1;border-radius:10px;padding:11px 12px 11px 36px;font-size:13.5px;outline:none;transition:.15s;background:#fff;color:#1f2937}
select{appearance:none;cursor:pointer}
select:disabled,input:disabled{background:#f8fafc;color:#cbd5e1;cursor:not-allowed}
select:focus,input:focus{border-color:var(--azul);box-shadow:0 0 0 3px rgba(21,101,192,.12)}
.combo{position:relative}
.cnt{font-size:10.5px;color:#1565C0;font-weight:600;margin-top:6px;display:none}.cnt.show{display:block}
.lista{position:absolute;z-index:20;left:0;right:0;top:calc(100% + 4px);background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;box-shadow:0 12px 30px rgba(0,0,0,.14);max-height:340px;overflow-y:auto;display:none}
.lista.open{display:block}
.lista .it{padding:10px 13px;cursor:pointer;border-bottom:1px solid #f1f5f9}
.lista .it:hover,.lista .it.hl{background:var(--soft)}
.lista .it .n{font-size:13px;font-weight:600;color:#1f2937}.lista .it .m{font-size:11px;color:#64748b;margin-top:1px}
.lista .vazio{padding:14px;text-align:center;color:#94a3b8;font-size:12.5px}
.chip{margin-top:8px;display:none;align-items:center;gap:10px;background:var(--soft);border:1.5px solid #bfdbfe;border-radius:10px;padding:10px 12px}
.chip.show{display:flex}.chip .n{font-size:13px;font-weight:600;color:var(--azul-h);flex:1}.chip .x{cursor:pointer;color:#64748b;font-size:14px}.chip .x:hover{color:#b91c1c}
.tag{display:inline-block;padding:2px 8px;border-radius:20px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.3px}
.t-freq{background:#dbeafe;color:#1565C0}.t-evad{background:#fef3c7;color:#b45309}.t-conc{background:#e0e7ff;color:#4338ca}.t-na{background:#f1f5f9;color:#64748b}
.editfields{margin-top:18px;padding-top:16px;border-top:1px dashed #e2e8f0}
.editfields .sub{font-size:10px;font-weight:700;text-transform:uppercase;color:#94a3b8;letter-spacing:.4px;margin-bottom:10px}
.acoes{display:flex;gap:10px;margin-top:6px}
.btn{flex:1;border:none;border-radius:11px;padding:12px;font-weight:700;font-size:12.5px;text-transform:uppercase;letter-spacing:.3px;cursor:pointer;transition:.15s;display:flex;align-items:center;justify-content:center;gap:8px}
.btn-azul{background:var(--azul);color:#fff}.btn-azul:hover{background:var(--azul-h)}.btn-azul:disabled{background:#cbd5e1;cursor:not-allowed}
.btn-out{background:#fff;border:1.5px solid var(--azul);color:var(--azul)}.btn-out:hover{background:var(--soft)}.btn-out:disabled{border-color:#e2e8f0;color:#cbd5e1;cursor:not-allowed}
.viewer{display:flex;flex-direction:column;align-items:center;gap:14px}
.placeholder{background:#fff;border-radius:16px;box-shadow:0 2px 8px rgba(0,0,0,.08);padding:60px 30px;text-align:center;color:#94a3b8;width:100%}
.placeholder i{font-size:42px;color:#cbd5e1;margin-bottom:14px}.placeholder b{display:block;color:#64748b;font-size:15px;margin-bottom:4px}
/* ===== FOLHA A4 ===== */
.folha{background:#fff;width:210mm;min-height:297mm;box-shadow:0 6px 24px rgba(0,0,0,.18);display:none;flex-direction:column;padding:14mm 16mm 8mm}
.folha.show{display:flex}
.brasao-unico{width:100%;height:auto;display:block;margin:0 auto}
.cabecalho{text-align:center}
.cabecalho .muni{height:52px;width:auto;margin:0 auto 8px;display:block}
.orgao{font-size:11.5px;font-weight:700;color:#0b1a2e;letter-spacing:.5px;text-transform:uppercase}
.ident{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:10px}
.ident img.ceja{height:70px;width:auto}
.esc-txt{text-align:left}
.esc-txt .l2{font-size:13px;font-weight:700;color:var(--azul);line-height:1.2}
.esc-txt .l3{font-size:15px;font-weight:800;color:#0b1a2e;letter-spacing:.3px}
.sep{height:2px;background:var(--azul);margin:12px 0 0;border-radius:2px;print-color-adjust:exact;-webkit-print-color-adjust:exact}
.serif{font-family:Georgia,'Times New Roman',serif}
.titulo-bar{background:var(--lav);border:1px solid #b9a9cf;text-align:center;font-weight:700;font-size:15px;letter-spacing:.5px;padding:7px;margin:14px 0;color:#1f1147;print-color-adjust:exact;-webkit-print-color-adjust:exact}
.topo{display:flex;gap:14px;align-items:flex-start;margin-bottom:6px}
.topo .campos{flex:1;padding-top:6px}
.linha-campo{font-size:12.5px;margin-bottom:14px}
.linha-campo .lab{font-weight:700}
.linha-campo .val{border-bottom:1px solid #1f2937;padding:0 6px;display:inline-block;min-width:62%}
.foto{width:96px;height:122px;border:1px solid #475569;display:grid;place-items:center;font-size:10px;color:#94a3b8;text-align:center;flex:none}
.bio-titulo{text-align:center;font-weight:700;font-size:13.5px;border:1px solid #6b7280;border-bottom:none;padding:6px;color:#111}
table.bio{width:100%;border-collapse:collapse;table-layout:fixed;font-size:11.5px}
table.bio td{border:1px solid #6b7280;padding:5px 7px;vertical-align:middle;word-wrap:break-word}
table.bio td.sec{background:var(--lav);font-weight:700;text-align:center;letter-spacing:.3px;color:#1f1147;print-color-adjust:exact;-webkit-print-color-adjust:exact}
table.bio td.sec.left{text-align:left;width:34%}
.lab{color:#374151}.val-b{font-weight:700}
.outras-cell{height:58px;vertical-align:top}
.termo-titulo{text-align:center;font-weight:700;font-size:12.5px;margin:20px 0 8px;letter-spacing:.3px}
.termo{font-size:11.5px;line-height:1.6;text-align:justify;text-indent:34px;color:#1f2937}
.assin{margin:46px auto 0;text-align:center;width:66%}
.assin .linha{border-top:1px solid #1f2937;padding-top:6px;font-size:12px;color:#1f2937}
.data-linha{text-align:center;font-size:12.5px;margin-top:26px}
.rodape{margin-top:auto;padding-top:10px;border-top:1px solid #e2e8f0;text-align:center;font-size:9.5px;color:#64748b}
.aviso{width:210mm;max-width:100%;background:#fffbeb;border:1.5px solid #fde68a;border-radius:12px;padding:12px 16px;font-size:12px;color:#92400e;display:flex;gap:10px;align-items:flex-start}
.aviso i{margin-top:2px}
@media print{
 @page{size:A4;margin:0}
 html,body{margin:0;padding:0;background:#fff;height:auto}
 .topbar,.painel,.aviso,.no-print{display:none!important}
 .layout{display:block;padding:0;margin:0;max-width:none}.viewer{gap:0}
 .folha{box-shadow:none;width:210mm;min-height:297mm;margin:0}.folha.show{display:flex}
}
/* ===== Boot / SSO (reconnect Supabase) ===== */
#boot{position:fixed;inset:0;background:linear-gradient(135deg,#f0f4f8,#e2e8f0);display:grid;place-items:center;z-index:100}
#boot .box{background:#fff;border-radius:18px;padding:34px 40px;box-shadow:0 10px 40px rgba(0,0,0,.12);text-align:center;max-width:420px}
#boot .logo{width:64px;height:64px;border-radius:16px;background:var(--azul);color:#fff;display:grid;place-items:center;font-size:26px;margin:0 auto 16px}
#boot .sp{width:34px;height:34px;border:3px solid var(--soft);border-top-color:var(--azul);border-radius:50%;animation:spin .8s linear infinite;margin:18px auto 0}
@keyframes spin{to{transform:rotate(360deg)}}
#boot h2{color:var(--azul);font-size:17px;font-weight:700;margin-bottom:6px}
#boot p{color:#64748b;font-size:13px;line-height:1.4}
#boot .err{color:#b91c1c}
#shell{display:none}
#shell.on{display:block}
.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(120px);background:#1f2937;color:#fff;padding:13px 22px;border-radius:12px;font-size:13.5px;font-weight:500;box-shadow:0 8px 30px rgba(0,0,0,.25);z-index:90;transition:transform .3s;display:flex;align-items:center;gap:9px}
.toast.show{transform:translateX(-50%) translateY(0)}
.toast.err{background:#b91c1c}