/* Colinha Digital · cd-integra (abas Raio-X Político · Mandato Aberto · Painel Cívico · Raio-X das Eleições)
   Herda as cores da página: páginas estáticas (--bg2/--text/--muted/--border/--blue) e o mapa (--card/--ink/--mut/--line/--ac). */
.cdi{
  --k-card:var(--card,var(--bg2,#fff));--k-bar:var(--card2,var(--bg3,#f3f5f9));--k-tx:var(--ink,var(--text,#0b0f17));
  --k-mu:var(--mut,var(--muted,#5b6880));--k-mu2:var(--mut,var(--muted2,#3f4b63));--k-ln:var(--line,var(--border,#d9dfea));
  --k-ac:var(--blue,var(--ac,#2983ec));--k-r:var(--r,14px);
  display:block;min-width:0;color:var(--k-tx);font-size:14px;line-height:1.45
}
.cdi[hidden]{display:none!important}
.cdi *{box-sizing:border-box}
.cdi-cab{display:flex;align-items:center;gap:12px;margin:0 0 10px;min-width:0}
.cdi-foto{flex:0 0 48px;width:48px;height:48px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--k-bar);border:1px solid var(--k-ln);color:var(--k-mu2);font-weight:900;font-size:16px;letter-spacing:.02em}
.cdi-foto img{width:100%;height:100%;object-fit:cover;object-position:50% 20%;display:block}
.cdi-cabt{min-width:0;display:flex;flex-direction:column}
.cdi-nome{font-size:16px;font-weight:900;line-height:1.2;overflow-wrap:anywhere}
.cdi-sub{font-size:12.5px;color:var(--k-mu)}
.cdi-tabs{display:flex;flex-wrap:wrap;gap:6px;padding:5px;margin:0 0 12px;background:var(--k-card);border:1px solid var(--k-ln);border-radius:var(--k-r)}
.cdi-tab{flex:1 1 auto;min-height:40px;padding:8px 12px;border:0;border-radius:10px;background:none;color:var(--k-mu2);font:inherit;font-weight:800;font-size:13.5px;line-height:1.2;cursor:pointer;text-align:center}
.cdi-tab:hover{color:var(--k-tx);background:var(--k-bar)}
.cdi-tab[aria-selected="true"]{background:var(--k-tx);color:var(--k-card)}
.cdi-tab[data-vazia]{opacity:.62}
.cdi-tab:focus-visible,.cdi-panel:focus-visible,.cdi a:focus-visible{outline:2px solid var(--k-ac);outline-offset:2px}
.cdi-panel{min-width:0}
.cdi-panel[hidden]{display:none}
.cdi-intro{margin:0 0 10px;font-size:13px;color:var(--k-mu)}
.cdi-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin:0 0 12px}
.cdi-card{background:var(--k-card);border:1px solid var(--k-ln);border-radius:12px;padding:10px 12px;min-width:0}
.cdi-r{display:block;font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--k-mu)}
.cdi-v{display:block;font-size:20px;font-weight:900;margin-top:2px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;line-height:1.2}
.cdi-v.cdi-tx{font-size:16px}
.cdi-d{display:block;font-size:12px;color:var(--k-mu2);margin-top:2px}
.cdi-h4{margin:14px 0 6px;font-size:13px;font-weight:800;color:var(--k-tx)}
.cdi-h4:first-child{margin-top:0}
.cdi-list{list-style:none;margin:0 0 12px;padding:0;background:var(--k-card);border:1px solid var(--k-ln);border-radius:12px;overflow:hidden}
.cdi-list li+li{border-top:1px solid var(--k-ln)}
.cdi-li{display:grid;grid-template-columns:1fr auto;gap:0 10px;align-items:center;padding:9px 12px;color:inherit;text-decoration:none;min-height:44px}
a.cdi-li:hover{background:var(--k-bar)}
.cdi-lt{font-weight:700;font-size:13.5px;min-width:0;overflow-wrap:anywhere}
.cdi-ld{grid-column:1;font-size:12.5px;color:var(--k-mu);min-width:0}
.cdi-go{grid-column:2;grid-row:1/span 2;color:var(--k-ac);font-weight:900;font-size:16px}
.cdi-vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.cdi-vers{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 6px}
.cdi-ver{display:inline-flex;align-items:center;min-height:40px;padding:8px 14px;border-radius:10px;border:1px solid var(--k-ln);background:var(--k-card);color:var(--k-ac);font-weight:800;font-size:13.5px;text-decoration:none}
.cdi-ver:hover{border-color:var(--k-ac)}
.cdi-fonte{margin:8px 0 0;font-size:12px;color:var(--k-mu)}
.cdi-fonte a{color:inherit}
.cdi-load,.cdi-vazio{margin:0 0 10px;font-size:13px;color:var(--k-mu)}
.cdi-vazio{padding:12px 14px;border:1px dashed var(--k-ln);border-radius:12px}
.cdi-src{margin:0 0 14px;padding-top:4px}
.cdi-kv{margin:0 0 12px;padding:0;border:1px solid var(--k-ln);border-radius:12px;background:var(--k-card);overflow:hidden}
.cdi-kv>div{display:flex;justify-content:space-between;gap:10px;padding:7px 12px;font-size:13px}
.cdi-kv>div+div{border-top:1px solid var(--k-ln)}
.cdi-kv dt{margin:0;color:var(--k-mu2);min-width:0;overflow-wrap:anywhere}
.cdi-kv dd{margin:0;font-weight:800;white-space:nowrap;font-variant-numeric:tabular-nums}
.cdi-mand{margin-top:16px;min-width:0;max-width:100%}
/* painel estreito (mapa) */
.cdi-compacto .cdi-tab{flex:1 1 calc(50% - 6px);font-size:12.5px;padding:7px 8px;min-height:38px}
.cdi-compacto .cdi-cards{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}
.cdi-compacto .cdi-v{font-size:17px}
.cdi-compacto .cdi-v.cdi-tx{font-size:14.5px}
@media (max-width:520px){
  .cdi-tab{flex:1 1 calc(50% - 6px);font-size:12.5px;padding:7px 8px}
  .cdi-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cdi-v{font-size:17px}
  .cdi-v.cdi-tx{font-size:14.5px}
}
@media print{.cdi-tabs{display:none}.cdi-panel[hidden]{display:block}}
/* #INTEGRA-FINAL v10: blocos das análises (ciência política; dinheiro e interesses) */
.cdi-xa{margin:14px 0 0;padding-top:10px;border-top:1px solid var(--k-ln)}
.cdi-xa[hidden]{display:none}
.cdi-dd{margin:0 0 8px;background:var(--k-card);border:1px solid var(--k-ln);border-radius:12px;overflow:hidden}
.cdi-dd>summary{cursor:pointer;min-height:44px;display:flex;align-items:center;padding:10px 12px;font-weight:800;font-size:13.5px;color:var(--k-tx);list-style:none}
.cdi-dd>summary::-webkit-details-marker{display:none}
.cdi-dd>summary::before{content:"▸";margin-right:8px;color:var(--k-ac);transition:transform .15s}
.cdi-dd[open]>summary::before{transform:rotate(90deg)}
.cdi-dd>summary:focus-visible{outline:2px solid var(--k-ac);outline-offset:-2px}
.cdi-dd>.cd-dinheiro{padding:0 12px 12px;min-width:0;overflow-x:auto}
.cdi .cda-pessoa{--cd-surface:var(--k-card);--cd-line:var(--k-ln);--cd-text:var(--k-tx);--cd-muted:var(--k-mu)}
.cdi .cda-pessoa .cda-kpis{margin:6px 0 4px;gap:8px;grid-template-columns:repeat(auto-fill,minmax(min(100%,170px),1fr))}
.cdi .cda-pessoa .cda-kpi{border-radius:12px;padding:10px 12px}
.cdi .cda-pessoa .cda-kpi b{font-family:inherit;font-weight:900;font-size:20px;line-height:1.15}
.cdi .cda-pessoa .cda-kpi span{font-size:12.5px}
.cdi .cda-pessoa .cda-src{margin:6px 0 0;font-size:12px;color:var(--k-mu)}
.cdi-compacto .cda-pessoa .cda-kpi b{font-size:17px}
/* #INTEGRA-FINAL-FZ: cartões da Fiscalização cidadã (fz.js usa .kpis/.kpi do tp.css do Painel Cívico — aqui com as cores do cd-integra) */
.cdi .cd-fz .kpis{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,170px),1fr));gap:8px;margin:0 0 8px}
.cdi .cd-fz .kpi{background:var(--k-card);border:1px solid var(--k-ln);border-radius:12px;padding:10px 12px;min-width:0;display:flex;flex-direction:column}
.cdi .cd-fz .kpi span{font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--k-mu)}
.cdi .cd-fz .kpi b{font-size:19px;font-weight:900;margin-top:2px;font-variant-numeric:tabular-nums;line-height:1.2;color:var(--k-tx)}
.cdi .cd-fz .kpi small{font-size:12px;color:var(--k-mu2);margin-top:2px}
.cdi .cd-fz .pc-src{margin:6px 0 0;font-size:12px;color:var(--k-mu)}
.cdi .cd-fz .pc-src a{color:inherit}
