:root{
  --vio:#7C3AED; --vio2:#a78bfa;
  --bg:#0f1115; --surf:#181b21; --surf2:#20242c; --line:#2a2e37;
  --txt:#e8e8ea; --sub:#b9bcc4; --faint:#8a8f99;
  --verd:#16A34A; --falso:#DC2626; --amar:#D97706;
}
*{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--txt);-webkit-font-smoothing:antialiased}
.loading{min-height:100vh;display:flex;align-items:center;justify-content:center;color:var(--faint)}
a{color:var(--vio2)}
/* ---- AUTH ---- */
.auth{max-width:440px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:24px}
.auth .logo{text-align:center;font-weight:800;font-size:20px;letter-spacing:-.5px;margin-bottom:4px}
.auth .logo b{color:var(--vio2)}
.auth h1{font-size:20px;text-align:center;margin:14px 0 2px}
.auth p.sub{text-align:center;color:var(--faint);font-size:13px;margin:0 0 20px}
.field{margin:8px 0}
.field label{display:block;font-size:12px;color:var(--sub);margin:0 0 4px}
.field input,.field select{width:100%;padding:11px 12px;border-radius:10px;border:1px solid var(--line);background:var(--surf);color:var(--txt);font-size:15px}
.pw{position:relative}
.pw input{padding-right:42px;width:100%}
.pw .eye{position:absolute;right:6px;top:50%;transform:translateY(-50%);background:none;border:0;color:var(--faint);cursor:pointer;padding:6px;display:flex;line-height:0}
.pw .eye.on{color:var(--vio2)}
.row2{display:flex;gap:10px}.row2>*{flex:1}
.btn{width:100%;padding:13px;border:0;border-radius:10px;background:var(--vio);color:#fff;font-weight:700;font-size:15px;cursor:pointer;margin-top:12px}
.btn:disabled{opacity:.6;cursor:default}
.btn.ghost{background:transparent;border:1px solid var(--line);color:var(--txt)}
.switch{text-align:center;font-size:13px;color:var(--faint);margin-top:16px}
.switch a{cursor:pointer;font-weight:600}
.msg{font-size:13px;text-align:center;margin-top:10px;padding:8px;border-radius:8px}
.msg.err{color:#fca5a5;background:rgba(220,38,38,.12)}
.msg.ok{color:#86efac;background:rgba(22,163,74,.12)}
/* ---- APP SHELL ---- */
.top{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:var(--surf);border-bottom:1px solid var(--line)}
.top .brand{font-weight:800;letter-spacing:-.5px}.top .brand b{color:var(--vio2)}
.top .who{font-size:13px;color:var(--faint)}.top .who a{margin-left:12px;cursor:pointer}
.wrap{max-width:840px;margin:0 auto;padding:20px 16px 60px}
.banner{border-radius:14px;padding:14px 16px;margin-bottom:18px;font-size:14px;line-height:1.5}
.banner.info{background:rgba(124,58,237,.12);border:1px solid rgba(124,58,237,.3)}
.banner.warn{background:rgba(217,119,6,.12);border:1px solid rgba(217,119,6,.35)}
.hi{font-size:22px;font-weight:800;margin:2px 0 2px}
.hi .badge{font-size:12px;font-weight:600;color:var(--vio2);margin-left:8px}
.sub2{color:var(--faint);font-size:13px;margin:0 0 18px}
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin-bottom:22px}
.kpi{background:var(--surf);border:1px solid var(--line);border-radius:14px;padding:14px}
.kpi b{display:block;font-size:26px;font-weight:800;line-height:1.1}
.kpi span{font-size:11.5px;color:var(--faint)}
.sec{font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:var(--faint);font-weight:700;margin:6px 0 10px;display:flex;justify-content:space-between}
.alert{display:flex;gap:10px;padding:12px 0;border-bottom:1px solid var(--line)}
.alert .dot{flex:0 0 auto;width:8px;height:8px;border-radius:50%;margin-top:6px;background:var(--faint)}
.alert.novo .dot{background:var(--vio2)}
.alert .at{font-weight:700;font-size:14px}
.alert .am{font-size:12.5px;color:var(--sub);line-height:1.45;margin-top:2px}
.alert .ad{font-size:11px;color:var(--faint);margin-top:3px}
.empty{padding:30px;text-align:center;color:var(--faint);line-height:1.6}
/* ---- SELO DE AUTENTICIDADE TSE ---- */
.selo{border-radius:14px;padding:13px 15px;margin:10px 0 6px;border:1px solid var(--line);background:var(--surf)}
.selo .selo-h{display:flex;align-items:center;gap:8px;font-size:14.5px;font-weight:700}
.selo .selo-h i{flex:0 0 auto;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-style:normal;font-weight:800;font-size:13px;color:#fff}
.selo .selo-s{font-size:12.5px;color:var(--sub);line-height:1.45;margin-top:7px}
.selo .selo-f{font-size:11.5px;color:var(--faint);margin-top:9px}
.selo.ok{border-color:rgba(22,163,74,.4);background:rgba(22,163,74,.08)}
.selo.ok .selo-h i{background:var(--verd)}
.selo.warn{border-color:rgba(217,119,6,.4);background:rgba(217,119,6,.08)}
.selo.warn .selo-h i{background:var(--amar)}
.selo.muted .selo-h i{background:var(--faint)}
.selo.mini{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:999px;font-size:11.5px;font-weight:600;margin:0}
.selo.mini i{width:15px;height:15px;font-size:10px}
/* ---- ALERTA CLICÁVEL ---- */
.alert.clickable{cursor:pointer;border-radius:10px;padding:12px 10px;margin:0 -10px;transition:background .12s}
.alert.clickable:hover{background:var(--surf)}
.alert .ver{font-size:11px;color:var(--vio2);font-weight:600;margin-left:8px}
/* ---- GAVETA DE ANÁLISE ---- */
.gaveta{position:fixed;inset:0;z-index:60}
.gaveta-bg{position:absolute;inset:0;background:rgba(0,0,0,.55);opacity:0;transition:opacity .28s}
.gaveta-panel{position:absolute;top:0;right:0;height:100%;width:min(560px,100%);background:var(--bg);border-left:1px solid var(--line);transform:translateX(100%);transition:transform .28s ease;display:flex;flex-direction:column}
.gaveta.on .gaveta-bg{opacity:1}
.gaveta.on .gaveta-panel{transform:translateX(0)}
.gaveta-x{position:absolute;top:12px;right:12px;width:32px;height:32px;border-radius:8px;background:var(--surf2);border:1px solid var(--line);color:var(--txt);cursor:pointer;z-index:2;font-size:14px}
.gaveta-body{overflow-y:auto;padding:22px 20px 70px;height:100%}
.an-head{display:flex;align-items:center;gap:10px;margin:2px 40px 12px 0;flex-wrap:wrap}
.vbig{font-size:13px;font-weight:800;padding:5px 12px;border-radius:8px;text-transform:uppercase;letter-spacing:.3px}
.an-meta{font-size:12px;color:var(--faint)}
.vbig.verd,.vbadge.verd{background:rgba(22,163,74,.16);color:#86efac}
.vbig.falso,.vbadge.falso{background:rgba(220,38,38,.16);color:#fca5a5}
.vbig.amar,.vbadge.amar{background:rgba(217,119,6,.16);color:#fcd34d}
.vbig.faint,.vbadge.faint{background:var(--surf2);color:var(--sub)}
.an-claim{font-size:15px;font-weight:600;line-height:1.5;margin:6px 0}
.an-flag{font-size:12.5px;color:#fcd34d;background:rgba(217,119,6,.1);border:1px solid rgba(217,119,6,.3);border-radius:8px;padding:8px 10px;margin:8px 0}
.an-exp{font-size:13px;color:var(--sub);line-height:1.5;margin:8px 0}
.an-placar{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}
.pl{font-size:11.5px;font-weight:600;padding:3px 9px;border-radius:999px;background:var(--surf2);color:var(--sub)}
.pl.verd{color:#86efac}.pl.falso{color:#fca5a5}.pl.amar{color:#fcd34d}
.an-sec{font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:var(--faint);font-weight:700;margin:20px 0 10px;border-top:1px solid var(--line);padding-top:16px}
.vbadge{font-size:10.5px;font-weight:700;padding:2px 7px;border-radius:6px;text-transform:uppercase}
.an-af{background:var(--surf);border:1px solid var(--line);border-radius:12px;padding:11px 12px;margin-bottom:8px}
.an-af .peso{font-size:10px;font-weight:700;color:var(--vio2);margin-left:6px;text-transform:uppercase}
.an-af-t{font-size:13px;line-height:1.45;margin:6px 0 0}
.an-af-e{font-size:12px;color:var(--sub);line-height:1.45;margin-top:6px}
.an-af-f{font-size:11.5px;color:var(--faint);margin-top:6px}
.an-af-f a{color:var(--vio2)}
.postura{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}
.pchip{background:var(--surf);border:1px solid var(--line);color:var(--sub);border-radius:999px;padding:7px 13px;font-size:12.5px;cursor:pointer;font-weight:600}
.pchip.on{background:rgba(124,58,237,.15);border-color:var(--vio2);color:var(--txt)}
.resp-txt{width:100%;padding:11px 12px;border-radius:10px;border:1px solid var(--line);background:var(--surf);color:var(--txt);font-size:14px;font-family:inherit;resize:vertical}
.resp-save{margin-top:10px}
.rev{display:flex;flex-direction:column;gap:8px}
.rev-motivo{width:100%;padding:10px 12px;border-radius:10px;border:1px solid var(--line);background:var(--surf);color:var(--txt);font-size:13px}
.rev-done{font-size:13px;color:#86efac;background:rgba(22,163,74,.08);border:1px solid rgba(22,163,74,.3);border-radius:10px;padding:11px 13px}
.rev-banner{border-radius:12px;padding:10px 13px;margin:6px 0 12px;display:flex;flex-direction:column;gap:2px}
.rev-banner b{font-size:13.5px;font-weight:800}
.rev-banner span{font-size:12px;opacity:.85}
.rev-banner.apuracao{background:rgba(124,58,237,.14);border:1px solid rgba(124,58,237,.45);color:#c4b5fd}
.rev-banner.done{background:rgba(22,163,74,.1);border:1px solid rgba(22,163,74,.35);color:#86efac}
.resp-bloco{background:rgba(124,58,237,.08);border:1px solid rgba(124,58,237,.32);border-radius:12px;padding:10px 13px;margin:10px 0}
.resp-bloco-h{font-size:11.5px;font-weight:800;color:var(--vio2);text-transform:uppercase;letter-spacing:.3px}
.resp-bloco-t{font-size:13.5px;line-height:1.5;margin-top:5px;color:var(--txt)}
/* ---- MEU PERFIL ---- */
.top .who a[data-go]{margin-left:12px;cursor:pointer;color:var(--vio2)}
.perfil-foto{display:flex;align-items:center;gap:16px;margin:6px 0 18px}
.foto-atual{width:76px;height:76px;border-radius:50%;object-fit:cover;border:2px solid var(--line)}
.foto-vazia{width:76px;height:76px;border-radius:50%;background:var(--surf2);display:flex;align-items:center;justify-content:center;color:var(--faint);font-size:11px;border:1px dashed var(--line)}
.file-btn{display:inline-block;padding:8px 14px;border-radius:9px;border:1px solid var(--line);background:var(--surf);color:var(--txt);font-size:13px;font-weight:600;cursor:pointer}
.foto-msg{font-size:12px;margin-top:6px}
.foto-msg .ok-t{color:#86efac}.foto-msg .err-t{color:#fca5a5}
.field textarea{width:100%;padding:11px 12px;border-radius:10px;border:1px solid var(--line);background:var(--surf);color:var(--txt);font-size:15px;font-family:inherit;resize:vertical}
.sec2{font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:var(--faint);font-weight:700;margin:22px 0 10px;border-top:1px solid var(--line);padding-top:16px;display:flex;justify-content:space-between;align-items:center}
.add{background:transparent;border:1px solid var(--line);color:var(--vio2);border-radius:8px;padding:5px 10px;font-size:12px;font-weight:600;cursor:pointer;text-transform:none;letter-spacing:0}
.dyn-row{display:flex;gap:8px;margin-bottom:8px;align-items:flex-start}
.dyn-row select{flex:0 0 118px}
.dyn-row.prop{flex-wrap:wrap}
.dyn-row.prop .d-texto{flex:1 1 100%;order:3}
.dyn-row select,.dyn-row input,.dyn-row textarea{padding:9px 10px;border-radius:9px;border:1px solid var(--line);background:var(--surf);color:var(--txt);font-size:13.5px;font-family:inherit}
.dyn-row input{flex:1;min-width:0}
.dyn-row .d-del{flex:0 0 auto;background:var(--surf2);border:1px solid var(--line);color:var(--faint);width:34px;border-radius:9px;cursor:pointer;align-self:stretch}
.dyn-row.hist{flex-wrap:wrap}
.dyn-row.hist .h-desc{flex:1 1 100%}
.dyn-row.hist .h-inst,.dyn-row.hist .h-local{flex:1 1 40%}
.dyn-row.hist .h-ini,.dyn-row.hist .h-fim{flex:0 0 92px}
/* ---- ÁLBUM (editor no perfil) ---- */
.album-sec{margin-top:6px}
.alb-count{text-transform:none;font-weight:400;color:var(--faint);font-size:12px}
.alb-count a{color:var(--vio2)}
.alb-add{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:12px}
.alb-fname{font-size:12px;color:var(--faint);max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.alb-desc{flex:1;min-width:180px;padding:9px 11px;border-radius:9px;border:1px solid var(--line);background:var(--surf);color:var(--txt);font-size:13.5px}
.alb-pub{width:auto;margin-top:0;padding:9px 16px}
.alb-lim{font-size:12px;color:var(--amar);margin-bottom:10px}
.alb-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.alb-item{background:var(--surf);border:1px solid var(--line);border-radius:12px;overflow:hidden;display:flex;flex-direction:column}
.alb-item img{width:100%;aspect-ratio:1;object-fit:cover;background:var(--surf2)}
.alb-metr{font-size:11px;color:var(--faint);padding:6px 8px 0}
.alb-cap{font-size:12px;color:var(--sub);padding:2px 8px 8px;line-height:1.35;flex:1}
.alb-acts{display:flex;border-top:1px solid var(--line)}
.mini{flex:1;background:transparent;border:0;color:var(--sub);font-size:11.5px;padding:8px 4px;cursor:pointer}
.alb-acts .alb-del{color:#fca5a5;border-left:1px solid var(--line)}
.mini:hover{background:var(--surf2)}
/* ---- PÁGINAS PÚBLICAS (santinho / álbum) ---- */
.pub{max-width:680px;margin:0 auto;padding:20px 16px 50px}
.pub-head{display:flex;align-items:center;gap:14px;padding-bottom:16px;margin-bottom:16px}
.pub-av{width:64px;height:64px;border-radius:50%;object-fit:cover;flex:0 0 auto}
.pub-av-e{display:flex;align-items:center;justify-content:center;background:var(--surf2);color:var(--faint);font-weight:800;text-transform:uppercase}
.pub-nome{font-size:20px;font-weight:800;display:flex;align-items:center;gap:8px}
.pub-selo{font-size:11px;font-weight:700;color:#86efac;background:rgba(22,163,74,.14);padding:2px 8px;border-radius:999px}
.pub-sub{font-size:13px;color:var(--vio2);font-weight:600;margin-top:2px}
.pub-bio{font-size:13px;color:var(--sub);margin-top:5px;line-height:1.4}
.santinho{display:flex;gap:16px;flex-wrap:wrap}
.santinho-img{flex:1 1 300px}
.santinho-img img{width:100%;border-radius:14px;border:1px solid var(--line)}
.santinho-side{flex:1 1 220px;display:flex;flex-direction:column}
.santinho-desc{font-size:15px;line-height:1.55}
.santinho-date{font-size:12px;color:var(--faint);margin-top:10px}
.santinho-side .share-btn{margin-top:14px}
.pub-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.pub-cell{display:block;aspect-ratio:1;overflow:hidden;border-radius:8px;background:var(--surf2)}
.pub-cell img{width:100%;height:100%;object-fit:cover;transition:transform .2s}
.pub-cell:hover img{transform:scale(1.04)}
.pub-foot{margin-top:24px;text-align:center;font-size:12px;color:var(--faint)}
.pub-foot a{color:var(--vio2)}
@media(max-width:520px){.alb-grid,.pub-grid{grid-template-columns:repeat(3,1fr)}}
/* ---- ADMIN — FILA DE REVISÃO ---- */
.adm-item{background:var(--surf);border:1px solid var(--line);border-radius:14px;padding:14px 15px;margin-bottom:12px}
.adm-h{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.adm-flag{font-size:11.5px;font-weight:700;color:#fcd34d;background:rgba(217,119,6,.14);padding:2px 9px;border-radius:999px}
.adm-link{margin-left:auto;font-size:12px;color:var(--vio2)}
.adm-claim{font-size:14.5px;font-weight:600;line-height:1.5}
.adm-cands{margin:10px 0}
.adm-cand{background:var(--surf2);border-radius:10px;padding:9px 11px;margin-top:6px;font-size:13px}
.adm-ped{font-size:10.5px;font-weight:700;color:#fca5a5;background:rgba(220,38,38,.14);padding:2px 7px;border-radius:999px;margin:0 6px}
.adm-post{font-size:10.5px;font-weight:700;color:#c4b5fd;background:rgba(124,58,237,.16);padding:2px 7px;border-radius:999px}
.adm-resp{font-size:13px;color:var(--txt);line-height:1.5;margin-top:6px;font-style:italic}
.adm-motivo{font-size:12px;color:var(--faint);margin-top:5px}
.adm-nocand{font-size:12.5px;color:var(--faint);margin:8px 0}
.adm-verd{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 10px}
.vbtn{background:var(--surf2);border:1px solid var(--line);color:var(--sub);border-radius:9px;padding:8px 13px;font-size:12.5px;font-weight:700;cursor:pointer}
.vbtn.on{border-color:var(--vio2);background:rgba(124,58,237,.16);color:var(--txt)}
.adm-nota{width:100%;padding:10px 12px;border-radius:10px;border:1px solid var(--line);background:var(--surf2);color:var(--txt);font-size:13px;margin-bottom:10px}
.adm-apply{margin-top:0}
.adm-done{font-size:14px;color:#86efac;background:rgba(22,163,74,.1);border:1px solid rgba(22,163,74,.35);border-radius:10px;padding:12px 14px}
/* ---- PÁGINAS PÚBLICAS = TEMA CLARO (fundo branco) ---- */
body.pub-light{background:#fff;color:#1b1b1b}
body.pub-light .loading{color:#9a9a9a}
.pub-light .pub-head{border-bottom-color:#ececec}
.pub-light .pub-nome{color:#141414}
.pub-light .pub-sub{color:#6d28d9}
.pub-light .pub-bio{color:#3a3a3a;white-space:pre-line}
.pub-light .pub-av-e{background:#eee;color:#999}
.pub-light .pub-selo{color:#15803d;background:rgba(22,163,74,.12)}
.pub-light .santinho-desc{color:#1b1b1b}
.pub-light .santinho-date{color:#9a9a9a}
.pub-light .santinho-img img{border-color:#ececec}
.pub-light .pub-cell{background:#eee}
.pub-light .pub-foot{color:#9a9a9a}
.pub-light .pub-foot a{color:#6d28d9}
.pub-light .empty{color:#9a9a9a}
.pub-sec{font-size:12px;text-transform:uppercase;letter-spacing:.5px;font-weight:700;margin:22px 0 10px;padding-top:14px;color:#8a8a8a}
.pub-redes{display:flex;flex-wrap:wrap;gap:8px}
.pub-rede{font-size:12.5px;font-weight:600;padding:6px 12px;border-radius:999px;border:1px solid #e6e2f5;color:#6d28d9;text-decoration:none;background:#faf9ff}
.pub-prop{font-size:14px;line-height:1.5;padding:9px 0;color:#222}
.pub-tema{display:inline-block;font-size:11px;font-weight:700;color:#6d28d9;background:rgba(124,58,237,.1);padding:2px 8px;border-radius:6px;margin-right:8px;text-transform:uppercase}
.pub-prop a,.pub-hist a{color:#6d28d9}
.pub-hist{font-size:13.5px;line-height:1.5;padding:7px 0;color:#2a2a2a}
/* cabeçalho novo (avatar grande + número + pré-candidato) */
.pub{padding:74px 16px 88px}
.pub-head{align-items:flex-start}
.pub-head-l{display:flex;flex-direction:column;align-items:center;gap:4px;flex:0 0 auto}
.pub-av{width:96px;height:96px}
.pub-num{text-align:center;line-height:1}
.pub-num span{display:block;font-size:10px;font-weight:700;color:#9a9a9a;letter-spacing:.5px}
.pub-num b{font-size:30px;font-weight:800;color:#111;letter-spacing:-1px}
.pub-head-r{flex:1;min-width:0}
.pub-nome{font-size:22px}
.pub-pre{font-size:11px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:#9a9a9a;margin-top:3px}
.pub-cargo{font-size:14px;font-weight:800;color:#6d28d9;text-transform:uppercase;margin-top:1px}
.pub-colig{font-size:13px;color:#333;margin-top:5px}
.pub-legal{font-size:11px;color:#8a8a8a;margin-top:4px;line-height:1.4}
.req{font-size:10px;font-weight:700;color:#b45309;text-transform:uppercase;margin-left:4px}
/* header/footer centralizados (máx 1000px no desktop) */
.pnav-top{display:block;padding:0}
.pnav-bot{display:block}
.pnav-in{max-width:1000px;margin:0 auto;display:flex;align-items:center;gap:10px;height:56px;padding:0 14px}
.pnav-bot .pnav-in{height:auto;padding:0}
/* álbum: sem borda preta (reset de <button>), cantos arredondados, mais junto */
.pub-grid{gap:5px}
.pub-cell{border:0;padding:0;margin:0;background:#eee;cursor:pointer;appearance:none;-webkit-appearance:none;border-radius:10px;overflow:hidden;display:block;aspect-ratio:1}
.pub-cell img{display:block;width:100%;height:100%;object-fit:cover;border:0}
/* botões do cabeçalho (compartilhar / fale comigo) */
.pub-head-actions{display:flex;flex-direction:column;gap:8px;flex:0 0 auto}
.pub-share{background:#7C3AED;color:#fff;width:auto;margin:0;padding:10px 18px;white-space:nowrap}
.pub-wa{background:#16A34A;color:#fff;width:auto;margin:0;padding:10px 18px;text-align:center;text-decoration:none;border-radius:10px;font-weight:700;font-size:15px;white-space:nowrap}
@media(max-width:620px){.pub-head{flex-wrap:wrap}.pub-head-actions{flex-direction:row;width:100%;margin-top:6px}.pub-share,.pub-wa{flex:1}}
/* rodapé legal (os dois CNPJ) */
.pub-legal-foot{font-size:11px;color:#9a9a9a;line-height:1.5;margin-top:22px;padding-top:14px;text-align:center}
/* menu lateral (drawer) */
.pdrawer-ov{position:fixed;inset:0;z-index:70;background:rgba(0,0,0,.4);opacity:0;pointer-events:none;transition:opacity .2s}
.pdrawer-ov.on{opacity:1;pointer-events:auto}
.pdrawer{position:absolute;top:0;right:0;height:100%;width:min(340px,86%);background:#fff;transform:translateX(100%);transition:transform .22s ease;display:flex;flex-direction:column;padding:16px;overflow-y:auto}
.pdrawer-ov.on .pdrawer{transform:translateX(0)}
.pdrawer-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}
.pdrawer-head span{font-weight:800;font-size:17px;color:#141414}
.pdrawer-x{background:#f0f0f0;border:0;border-radius:8px;width:32px;height:32px;font-size:14px;cursor:pointer;color:#333}
.pdrawer-acct{background:#faf9ff;border:1px solid #ece8fb;border-radius:14px;padding:14px;margin-bottom:12px}
.pdrawer-acct-t{font-weight:800;font-size:15px;color:#141414}
.pdrawer-acct-d{font-size:12.5px;color:#6a6a6a;margin:2px 0 6px}
.pdrawer-acct .btn{margin-top:8px}
.pdrawer-acct .btn.ghost{background:#fff;border:1px solid #ddd;color:#333}
.pdrawer-nav{display:flex;flex-direction:column}
.pdrawer-nav a{padding:12px 4px;color:#222;text-decoration:none;font-size:14px;font-weight:600}
/* largura do cabeçalho/rodapé = conteúdo (alinha com as fotos do álbum) */
.pnav-in{max-width:680px;padding:0 16px}
/* hambúrguer: fundo cinza, arredondado, sem borda */
.pnav-burger{background:#f0f0f0;border:0;border-radius:9px;width:38px;height:38px;font-size:18px;color:#333;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}
/* drawer estilo original (conta + ícones + localização) */
.pda-row{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.pda-av{width:40px;height:40px;border-radius:50%;background:#7C3AED;color:#fff;display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.pda-av svg{width:20px;height:20px}
.pda-t{font-weight:800;font-size:14.5px;color:#141414}
.pda-d{font-size:12px;color:#6a6a6a}
.pda-cta{margin-top:0}
.pda-entrar{margin-top:8px}
.pdrawer-nav{display:flex;flex-direction:column;flex:1}
.pdi{display:flex;align-items:center;gap:12px;padding:12px 4px;border-bottom:1px solid #f2f2f2;color:#1b1b1b;text-decoration:none;font-size:14.5px;font-weight:600}
.pdi-ic{color:#333;display:flex}.pdi-ic svg{width:20px;height:20px}
.pdi-t{flex:1}.pdi-ch{color:#bbb;font-size:18px}
.pdi-sep{height:8px;border-top:1px solid #eee;margin-top:6px}
.pdrawer-foot{margin-top:auto;padding-top:12px}
.pd-loc{display:flex;gap:10px;background:#f6f6f6;border-radius:12px;padding:12px}
.pd-loc svg{color:#7C3AED;flex:0 0 auto;width:18px;height:18px;margin-top:2px}
.pd-loc-t{font-weight:700;font-size:13px;color:#222}
.pd-loc-d{font-size:11.5px;color:#7a7a7a;line-height:1.4}
/* redes como ícones */
.pub-redes{display:flex;flex-wrap:wrap;gap:10px}
.pub-rede-ic{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#f2f0fb;color:#6d28d9;border:1px solid #e6e2f5}
.pub-rede-ic svg{width:20px;height:20px}
.pub-rede-ic.whatsapp{background:#e7f7ee;color:#16A34A;border-color:#c9ecd6}
.pub-rede-ic.telegram{background:#e6f2fb;color:#2481cc;border-color:#cfe6f7}
.pub-rede-ic.facebook{background:#e9eefb;color:#1877F2;border-color:#d3ddf7}
.pub-rede-ic.youtube{background:#fdeaea;color:#d33;border-color:#f6d3d3}
/* situação eleitoral */
.pub-sit-line{font-size:13px;color:#333;margin-top:6px}
.pub-sit{font-weight:800;padding:2px 9px;border-radius:999px;font-size:12px}
.pub-sit.ok{color:#15803d;background:rgba(22,163,74,.14)}
.pub-sit.no{color:#b91c1c;background:rgba(220,38,38,.12)}
.pub-sit.mid{color:#b45309;background:rgba(217,119,6,.14)}
/* ============================================================
   SHELL REAL DO APP PÚBLICO (idêntico ao index) — usado nas
   páginas públicas do candidato (/c/ e /p/). Coluna única,
   mesma largura no topo/corpo/rodapé. Fonte Space Grotesk/Inter.
   ============================================================ */
.fapp{--violet:#7C3AED;--violet-dark:#6D28D9;--violet-soft:#F5F3FF;--text:#18181B;--sub:#6B7280;--faint:#9CA3AF;--line:#EAEAEE;--surface:#FFFFFF;--wash:#F7F7F9;--display:'Space Grotesk',ui-sans-serif,system-ui,sans-serif;
  background:#fff;color:var(--text);font-family:'Inter',ui-sans-serif,system-ui,sans-serif}
/* cabeçalho FIXO full-width; borda de baixo de ponta a ponta; conteúdo centralizado (840); pill no meio */
.fapp .hdr{position:fixed;top:0;left:0;right:0;z-index:30;background:#fff;border-bottom:1px solid var(--line)}
.fapp .hdr-in{max-width:840px;margin:0 auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;padding:11px 18px}
.fapp .hdr__logo{justify-self:start;font-family:var(--display);font-weight:700;font-size:21px;letter-spacing:-.5px;color:#141414;text-decoration:none}
.fapp .hdr__logo b{color:var(--violet)}
.fapp .hdr .rt-tag{justify-self:center;margin:0;white-space:nowrap}
.fapp .hdr__menu{justify-self:end;background:var(--wash);border:none;width:36px;height:36px;border-radius:11px;display:grid;place-items:center;cursor:pointer;color:var(--text)}
/* conteúdo em FLUXO NORMAL (a página rola — barra na lateral); padding p/ header e tabbar fixos */
.fapp .main{max-width:840px;margin:0 auto;padding:74px 16px 92px}
.fapp .rt-tag{display:inline-flex;align-items:center;gap:6px;background:var(--violet-soft);color:var(--violet-dark);font-family:var(--display);font-weight:600;font-size:11.5px;padding:5px 11px;border-radius:99px;letter-spacing:.2px}
/* rodapé (tabbar) FIXO full-width; borda de cima de ponta a ponta; itens centralizados (840) */
.fapp .tabbar{position:fixed;bottom:0;left:0;right:0;z-index:30;background:#fff;border-top:1px solid var(--line)}
.fapp .tabbar-in{max-width:840px;margin:0 auto;display:flex}
.fapp .tabbar__btn{flex:1;background:none;border:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:3px;padding:10px 0 8px;color:var(--faint);text-decoration:none}
.fapp .tabbar__btn span{font-family:var(--display);font-size:10.5px;font-weight:500;letter-spacing:.2px}
.fapp .tabbar__btn svg{width:22px;height:22px}
.fapp .tabbar__btn.active{color:var(--violet)}
.fapp .tabbar__btn.active span{font-weight:600}
/* drawer (menu) — idêntico ao app público */
.fov{position:fixed;inset:0;background:rgba(15,10,25,.45);z-index:40;display:none;justify-content:flex-end}
.fov.open{display:flex}
.fdrawer{--violet:#7C3AED;--violet-soft:#F5F3FF;--text:#18181B;--sub:#6B7280;--faint:#9CA3AF;--line:#EAEAEE;--wash:#F7F7F9;--display:'Space Grotesk',ui-sans-serif,system-ui,sans-serif;
  width:320px;max-width:88%;height:100%;background:#fff;display:flex;flex-direction:column;overflow-y:auto;color:var(--text);font-family:'Inter',ui-sans-serif,system-ui,sans-serif;animation:fslide .26s ease}
@keyframes fslide{from{transform:translateX(24px);opacity:.4}to{transform:none;opacity:1}}
.fdrawer .dh{display:flex;align-items:center;justify-content:space-between;padding:20px 18px 14px}
.fdrawer .dh-t{font-family:var(--display);font-weight:700;font-size:16px;color:var(--text)}
.fdrawer .icon-btn{background:var(--wash);border:none;width:32px;height:32px;border-radius:10px;display:grid;place-items:center;cursor:pointer;color:var(--sub)}
.acct{margin:0 14px 8px;padding:14px;border-radius:16px;background:var(--violet-soft);border:1px solid #E9E4FE}
.acct__row{display:flex;align-items:center;gap:11px;margin-bottom:12px}
.acct__av{width:40px;height:40px;border-radius:99px;background:var(--violet);display:grid;place-items:center;color:#fff;flex-shrink:0}
.acct__t{font-family:var(--display);font-weight:600;font-size:14px;color:var(--text)}
.acct__d{font-size:11.5px;color:var(--sub);margin-top:1px}
.acct__btns{display:flex;flex-direction:column;gap:8px}
.acct__btn{padding:11px 0;border:none;border-radius:12px;background:var(--violet);color:#fff;font-family:var(--display);font-weight:600;font-size:13.5px;cursor:pointer;text-align:center;text-decoration:none;display:block}
.acct__btn.ghost{background:#fff;color:var(--violet);border:1px solid #E9E4FE}
.ddnav{padding:8px}
.ddi{width:100%;background:none;border:none;cursor:pointer;display:flex;align-items:center;gap:12px;padding:12px 10px;border-radius:12px;color:var(--sub);text-decoration:none}
.fdrawer .ddi svg{width:20px;height:20px;flex-shrink:0}
.ddi .lbl{flex:1;text-align:left;font-family:var(--display);font-weight:600;font-size:14px;color:var(--text)}
.ddi .chev{color:var(--faint)}
.ddi.active,.ddi.active .lbl{color:var(--violet)}
.ddsep{height:1px;background:var(--line);margin:8px 10px}
.ddfoot{margin-top:auto;padding:14px}
.dloc{display:flex;align-items:flex-start;gap:10px;padding:12px;border-radius:14px;background:var(--wash)}
.dloc svg{color:var(--violet);margin-top:1px;flex-shrink:0;width:17px;height:17px}
.dloc-t{font-family:var(--display);font-weight:600;font-size:12.5px;color:var(--text)}
.dloc-d{font-size:11px;color:var(--sub);margin-top:2px;line-height:1.45}
/* sobre mim */
.pub-about{margin-top:22px;padding-top:16px}
.pub-about-h{font-size:20px;font-weight:800;color:#141414;margin-bottom:8px}
.pub-about-t{font-size:15px;line-height:1.6;color:#333;white-space:pre-line}
/* menu superior */
.pnav-top{position:fixed;top:0;left:0;right:0;height:56px;background:#fff;border-bottom:1px solid #eee;display:flex;align-items:center;gap:10px;padding:0 14px;z-index:40}
.pnav-logo{font-weight:800;font-size:18px;letter-spacing:-.5px;color:#111;text-decoration:none}
.pnav-logo b{color:#7C3AED}
.pnav-pill{flex:1;text-align:center;font-size:12px;font-weight:600;color:#6d28d9;background:#f4f1fe;border-radius:999px;padding:8px 12px;text-decoration:none;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.pnav-burger{font-size:20px;color:#333;text-decoration:none;padding:4px 8px}
/* menu inferior */
.pnav-bot{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #eee;display:flex;z-index:40}
.pnav-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:9px 2px;font-size:11px;color:#8a8a8a;text-decoration:none}
.pnav-item svg{width:22px;height:22px}
.pnav-item.on{color:#7C3AED}
/* carrossel em camada (lightbox) */
.lbx{position:fixed;inset:0;z-index:80;display:flex;align-items:center;justify-content:center}
.lbx-bg{position:absolute;inset:0;background:rgba(0,0,0,.85);opacity:0;transition:opacity .2s}
.lbx.on .lbx-bg{opacity:1}
.lbx-box{position:relative;z-index:1;display:flex;align-items:center;gap:8px;max-width:96vw;transform:scale(.96);opacity:0;transition:transform .2s,opacity .2s}
.lbx.on .lbx-box{transform:scale(1);opacity:1}
.lbx-x{position:absolute;top:-40px;right:0;background:none;border:0;color:#fff;font-size:22px;cursor:pointer}
.lbx-nav{background:rgba(255,255,255,.16);border:0;color:#fff;font-size:30px;width:44px;height:44px;border-radius:50%;cursor:pointer;flex:0 0 auto;line-height:1}
.lbx-stage{max-width:calc(96vw - 120px);text-align:center}
.lbx-stage img{max-width:100%;max-height:72vh;border-radius:10px;display:block;margin:0 auto}
.lbx-cap{color:#eee;font-size:14px;margin-top:10px;max-width:520px;margin:10px auto 0}
.lbx-count{color:#aaa;font-size:12px;margin-top:6px}
@media(max-width:560px){.lbx-nav{width:38px;height:38px;font-size:26px}.lbx-stage{max-width:calc(96vw - 96px)}.pnav-pill{font-size:11px}}

/* auto-preenchimento TSE no cadastro */
.tse-msg{font-size:12.5px;line-height:1.4;margin:-4px 0 12px;color:#9aa0aa}
.tse-msg.ok{color:#16A34A}
.tse-msg.err{color:#DC2626}

/* campo só-leitura (dado puxado do TSE, não editável) */
.ro-field{padding:12px 14px;border-radius:12px;background:rgba(127,127,127,.10);font-size:15px;font-weight:600}
.ro-hint{font-size:11.5px;color:#9aa0aa;margin-top:4px}

/* link público do candidato (dashboard) */
.meu-link{font-size:13px;margin:6px 0 2px;color:#9aa0aa}
.meu-link a{color:#7C3AED;text-decoration:none;font-weight:600}
.copy-handle{margin-left:6px;font-size:11.5px;border:1px solid rgba(127,127,127,.3);background:transparent;color:inherit;border-radius:6px;padding:2px 8px;cursor:pointer}

/* contador interno de visitas (só o candidato vê) */
.visitas{margin-left:8px;font-size:12px;color:#9aa0aa;white-space:nowrap}

/* Canal no YouTube (página pública) */
.pub-yt-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:4px}
.pub-yt-item{position:relative;aspect-ratio:16/9;border-radius:10px;overflow:hidden;background:#000}
.pub-yt-item iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.pub-yt-open{margin-top:12px}
.pub-yt-btn{display:inline-block;background:#FF0000;color:#fff;text-decoration:none;font-weight:700;padding:10px 18px;border-radius:10px;font-size:14px}
@media(max-width:560px){ .pub-yt-grid{grid-template-columns:repeat(2,1fr)} }

/* Canal no TikTok (grade vertical 8/PC 4/mobile, miniatura clicável) */
.pub-tt-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:8px;margin-top:4px}
.pub-tt-item{position:relative;display:block;aspect-ratio:9/16;border-radius:10px;overflow:hidden;background:#111}
.pub-tt-item img{width:100%;height:100%;object-fit:cover;display:block}
.pub-tt-noimg{position:absolute;inset:0;background:#111}
.pub-tt-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;text-shadow:0 1px 4px rgba(0,0,0,.6)}
.pub-tt-btn{display:inline-block;background:#000;color:#fff;text-decoration:none;font-weight:700;padding:10px 18px;border-radius:10px;font-size:14px}
@media(max-width:560px){ .pub-tt-grid{grid-template-columns:repeat(4,1fr)} }