:root{
  --e26-blue:#145de8;
  --e26-blue-2:#0b8fd3;
  --e26-blue-soft:#eef5ff;
  --e26-text:#172744;
  --e26-muted:#6f7f99;
  --e26-line:#dfe6ef;
  --e26-panel:#ffffff;
  --e26-bg:#f6f9fd;
  --e26-green:#16a36a;
  --e26-red:#df4e4e;
  --e26-soft-red:#f2c6c6;
  --e26-soft-blue:#a9c2f5;
}

.e26live{
  width:100%;
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:var(--e26-text);
  background:var(--e26-panel);
  border:1px solid var(--e26-line);
  border-radius:16px;
  overflow:hidden;
  box-shadow:0 18px 48px rgba(41,61,93,.10);
}
.e26live *{box-sizing:border-box}
.e26live button,.e26live select{font:inherit}

/* Cabeçalho */
.e26live-header{
  min-height:92px;
  padding:19px 22px 12px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  background:#fff;
}
.e26live-brand small{
  display:block;
  margin:0 0 1px;
  font-size:11px;
  line-height:1.2;
  font-weight:800;
  letter-spacing:2.2px;
  color:#62718a;
}
.e26live-brand strong{
  display:block;
  font-size:30px;
  line-height:1.02;
  letter-spacing:-1px;
  font-weight:850;
  background:linear-gradient(90deg,var(--e26-blue),var(--e26-blue-2));
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.e26live-location{
  position:relative;
  min-width:170px;
  height:42px;
  border:1px solid var(--e26-line);
  border-radius:14px;
  background:#fff;
  box-shadow:0 2px 9px rgba(31,51,81,.04);
  color:var(--e26-blue);
  z-index:35;
}
.e26live-location:focus-within{border-color:#aac6fa;box-shadow:0 0 0 3px rgba(20,93,232,.08)}
.e26live-location-toggle{
  width:100%;
  height:100%;
  display:flex;
  align-items:center;
  gap:7px;
  padding:0 12px;
  border:0;
  border-radius:13px;
  outline:0;
  background:transparent;
  color:var(--e26-blue);
  cursor:pointer;
  text-align:left;
}
.e26live-location-toggle:focus-visible{outline:2px solid #86adf4;outline-offset:2px}
.e26live-pin{font-size:18px;line-height:1;color:var(--e26-blue);flex:0 0 auto}
.e26live-location-label{
  flex:1;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:var(--e26-blue);
  font-size:12px;
  font-weight:750;
}
.e26live-chevron{font-size:16px;font-weight:800;color:var(--e26-blue);transform:translateY(-1px);transition:transform .18s ease;flex:0 0 auto}
.e26live-location.open .e26live-chevron{transform:rotate(180deg) translateY(1px)}
.e26live-location-menu{
  position:absolute;
  top:calc(100% + 7px);
  right:0;
  width:240px;
  max-width:calc(100vw - 28px);
  max-height:min(360px,62vh);
  overflow-y:auto;
  overscroll-behavior:contain;
  padding:6px;
  border:1px solid #d7e0ec;
  border-radius:12px;
  background:#fff;
  box-shadow:0 14px 34px rgba(26,49,83,.18);
  z-index:999;
  scrollbar-width:thin;
}
.e26live-location-menu[hidden]{display:none!important}
.e26live-location-option{
  display:block;
  width:100%;
  min-height:36px;
  padding:8px 10px;
  border:0;
  border-radius:8px;
  background:transparent;
  color:#24466f;
  font-size:12px;
  font-weight:650;
  line-height:1.25;
  text-align:left;
  cursor:pointer;
}
.e26live-location-option:hover,.e26live-location-option:focus-visible{background:#eef5ff;color:#145de8;outline:0}
.e26live-location-option.selected,.e26live-location-option[aria-selected="true"]{background:#145de8;color:#fff}
.e26live-location-option+.e26live-location-option{margin-top:2px}

/* Resumo superior */
.e26live-summary{
  margin:0 20px 16px;
  padding:13px 14px 10px;
  border:1px solid var(--e26-line);
  border-radius:12px;
  background:#fff;
}
.e26live-summary-row{display:flex;align-items:center;gap:13px}
.e26live-summary-stat{white-space:nowrap;font-size:12px;color:#455875}
.e26live-count{font-size:12px;color:#0d5ee8;font-weight:850}
.e26live-progress{
  flex:1;
  height:7px;
  overflow:hidden;
  border-radius:999px;
  background:#e5eaf1;
}
.e26live-progress span{
  display:block;
  width:0;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,var(--e26-blue),#20a2df);
  transition:width .45s ease;
}
.e26live-updated{white-space:nowrap;font-size:10px;color:#64738c}
.e26live-updated strong{font-weight:650;color:#53637c}
.e26live-summary-sub{
  display:flex;
  justify-content:space-between;
  gap:15px;
  margin-top:7px;
  color:#8a97aa;
  font-size:10px;
}
.e26live-status{font-weight:650}

/* Corpo */
.e26live-main{
  display:grid;
  grid-template-columns:minmax(0,1.12fr) minmax(420px,.88fr);
  margin:0 20px;
  min-height:555px;
  border:1px solid var(--e26-line);
  border-radius:13px;
  overflow:hidden;
  background:#fff;
}
.e26live-map-panel{
  position:relative;
  min-width:0;
  padding:14px 16px 15px;
  border-right:1px solid var(--e26-line);
  background:linear-gradient(180deg,#fff,#fbfdff);
}
.e26live-hint{
  position:relative;
  z-index:3;
  display:block;
  margin:0 auto 4px;
  padding:7px 13px;
  border:1px solid #cfe0fc;
  border-radius:999px;
  background:#f6f9ff;
  color:#1762e7;
  font-size:11px;
  line-height:1;
  font-weight:750;
  cursor:pointer;
  box-shadow:0 2px 5px rgba(20,93,232,.05);
}
.e26live-hint:hover{background:#eef5ff;border-color:#b9d2fa}
.e26live-map-wrap{
  position:relative;
  min-height:475px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.e26live-map{
  width:min(96%,610px);
  height:470px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.e26live-map svg{width:100%;height:100%;max-height:470px;overflow:visible}
.e26live-map svg a.estado{cursor:pointer;outline:none;pointer-events:all}
.e26live-map svg a.estado path:not(.circle){
  fill:#e3e7ed;
  stroke:#fff;
  stroke-width:1.15;
  transition:fill .18s ease,filter .18s ease,stroke .18s ease;
}
.e26live-map svg a.estado .circle{fill:#e3e7ed;stroke:#fff;transition:.18s ease}
.e26live-map svg a.estado text{fill:#40516b;font:11px Arial,sans-serif;font-weight:700;pointer-events:none}
.e26live-map svg a.estado:hover path:not(.circle){fill:#d7e4f8;filter:brightness(.99)}
.e26live-map svg a.estado.lead-a path:not(.circle){fill:var(--e26-soft-red)}
.e26live-map svg a.estado.lead-b path:not(.circle){fill:var(--e26-soft-blue)}
.e26live-map svg a.estado.lead-a .circle{fill:var(--e26-red)}
.e26live-map svg a.estado.lead-b .circle{fill:var(--e26-blue)}
.e26live-map svg a.estado.selected path:not(.circle){fill:#255bd2 !important;stroke:#255bd2 !important;filter:drop-shadow(0 5px 8px rgba(37,91,210,.18))}
.e26live-map svg a.estado.selected .circle{fill:#255bd2 !important}
.e26live-map svg a.estado.selected text{fill:#fff !important}
.e26live-map-loading{font-size:12px;color:#9aa7b8}
.e26live-tooltip{
  position:absolute;
  z-index:7;
  pointer-events:none;
  opacity:0;
  transform:translateY(3px);
  padding:6px 9px;
  border-radius:5px;
  background:#10213e;
  color:#fff;
  font-size:10px;
  font-weight:750;
  box-shadow:0 8px 20px rgba(17,34,62,.20);
  transition:.12s;
}
.e26live-tooltip.show{opacity:1;transform:none}
.e26live-legend{
  min-height:24px;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
  gap:14px;
  color:#718198;
  font-size:10px;
}
.e26live-legend:empty{display:none}
.e26live-legend i{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:4px}
.e26live-legend i.a{background:var(--e26-red)}
.e26live-legend i.b{background:var(--e26-blue)}

/* Painel de resultados */
.e26live-side{min-width:0;background:#fff}
.e26live-tabs{
  display:flex;
  margin:13px 13px 0;
  overflow-x:auto;
  scrollbar-width:none;
  border-radius:9px;
  background:#e9eef6;
}
.e26live-tabs::-webkit-scrollbar{display:none}
.e26live-tabs button{
  flex:1 0 auto;
  min-height:39px;
  padding:0 15px;
  border:1px solid transparent;
  background:transparent;
  color:#78869b;
  font-size:10px;
  font-weight:650;
  white-space:nowrap;
  cursor:pointer;
  transition:.16s ease;
}
.e26live-tabs button+button{border-left-color:#d8e0ea}
.e26live-tabs button:hover{color:#355579;background:rgba(255,255,255,.45)}
.e26live-tabs button.active{
  position:relative;
  z-index:2;
  color:#fff;
  background:linear-gradient(180deg,#2469eb,#1259df);
  border-color:#135be3;
  border-radius:8px;
  box-shadow:0 3px 8px rgba(20,93,232,.18);
}
.e26live-results-head{
  min-height:63px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:13px 16px 10px;
  border-bottom:1px solid #edf1f6;
}
.e26live-office-title{display:block;font-size:13px;line-height:1.2;color:#243550}
.e26live-scope{display:block;margin-top:4px;font-size:10px;color:#8491a4}
.e26live-turn{
  flex:0 0 auto;
  padding:5px 8px;
  border-radius:999px;
  background:#f2f5f9;
  color:#7c899b;
  font-size:9px;
  font-weight:800;
  letter-spacing:.3px;
}
.e26live-candidates{
  height:442px;
  overflow:auto;
  padding:7px 10px 12px;
  scrollbar-width:thin;
  scrollbar-color:#c8d2df transparent;
}
.e26live-candidate{
  display:grid;
  grid-template-columns:28px 45px minmax(0,1fr) 112px;
  gap:9px;
  align-items:center;
  min-height:67px;
  padding:9px 7px;
  border-bottom:1px solid #edf1f5;
}
.e26live-candidate.winner{
  margin:3px 0;
  border:1px solid #cfe9db;
  border-radius:10px;
  background:#f7fcf9;
}
.rank{
  width:25px;height:25px;
  display:flex;align-items:center;justify-content:center;
  border-radius:50%;
  background:#eef2f7;
  color:#718099;
  font-size:11px;
  font-weight:850;
}
.winner .rank{background:#1aa965;color:#fff}
.cand-photo{
  width:41px;height:41px;
  display:flex;align-items:center;justify-content:center;
  overflow:hidden;
  flex:0 0 41px;
  border:1px solid #dce3ec;
  border-radius:50%;
  background:#eef2f7;
}
.cand-photo img{width:100%;height:100%;object-fit:cover;display:block}
.cand-photo.no-photo span{font-size:10px;font-weight:850;color:#6f7e92}
.cand-main{min-width:0}
.cand-main>strong{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#243550;
  font-size:12px;
  line-height:1.2;
}
.cand-main>div{display:flex;align-items:center;flex-wrap:wrap;gap:4px;margin-top:5px;font-size:9px;color:#7d899a}
.cand-main b{padding:2px 5px;border-radius:4px;background:#eef1f5;color:#657286}
.cand-main em{font-style:normal;font-weight:700;color:#13935a}
.cand-main em.neutral{color:#78869a}
.cand-votes{text-align:right}
.cand-votes strong{display:block;color:#173056;font-size:14px;line-height:1}
.cand-votes small{display:block;margin:4px 0;color:#8b97a8;font-size:9px}
.cand-votes .waiting{color:#8b97a8;font-size:10px}
.bar{height:4px;overflow:hidden;border-radius:999px;background:#e6eaf0}
.bar span{display:block;height:100%;border-radius:inherit;background:#df5757}
.e26live-candidate:nth-child(2) .bar span{background:#2d65d7}
.e26live-candidate:nth-child(3) .bar span{background:#2ba56c}

/* Estado vazio */
.e26live-empty{
  min-height:350px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding:28px 34px;
  text-align:center;
  color:#77869d;
}
.e26live-empty-icon{
  width:72px;height:72px;
  display:grid;place-items:center;
  margin-bottom:16px;
  border-radius:50%;
  background:#f2f6fc;
  color:#7a8cac;
  font-size:37px;
  line-height:1;
}
.e26live-empty strong{display:block;color:#135fe8;font-size:17px;line-height:1.2}
.e26live-empty small{display:block;max-width:360px;margin-top:10px;color:#73839b;font-size:11px;line-height:1.55}

/* Fallback do mapa */
.e26live-map-fallback-grid{display:grid;grid-template-columns:repeat(6,minmax(40px,1fr));gap:7px;width:92%;max-width:500px}
.e26live-map-fallback-grid button{min-height:42px;border:1px solid #d7e0eb;border-radius:8px;background:#e3e7ed;color:#52637d;font-weight:800;cursor:pointer}
.e26live-map-fallback-grid button:hover{background:#d7e4f8}
.e26live-map-fallback-grid button.lead-a{background:var(--e26-soft-red)}
.e26live-map-fallback-grid button.lead-b{background:var(--e26-soft-blue)}
.e26live-map-fallback-grid button.selected{background:#255bd2;color:#fff;border-color:#255bd2;outline:0}

/* Rodapé */
.e26live-footer{
  min-height:62px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin-top:13px;
  padding:10px 20px;
  border-top:1px solid #edf1f5;
  background:#fff;
  color:#74839a;
  font-size:9px;
}
.e26live-disclaimer{display:flex;align-items:flex-start;gap:8px;max-width:78%}
.e26live-disclaimer>span{color:#1260e8;font-size:15px;line-height:1}
.e26live-disclaimer p{margin:0;line-height:1.45}
.e26live-disclaimer strong{color:#34455f}
.e26live-source{white-space:nowrap;padding-left:17px;border-left:1px solid #e2e8f0;color:#78869b}
.e26live-source b{color:#30415c}
.e26live-dot{display:inline-block;width:7px;height:7px;margin-right:4px;border-radius:50%;background:#19ad69;box-shadow:0 0 0 3px rgba(25,173,105,.10)}
.e26live.offline .e26live-dot,.e26live.stale .e26live-dot{background:#eda61c;box-shadow:0 0 0 3px rgba(237,166,28,.10)}

/* Tema escuro */
.e26live[data-theme="dark"]{
  --e26-text:#eef4fb;
  --e26-muted:#9cacbf;
  --e26-line:#334154;
  --e26-panel:#121a26;
  --e26-bg:#111925;
  background:#121a26;
  border-color:#334154;
}
.e26live[data-theme="dark"] .e26live-header,
.e26live[data-theme="dark"] .e26live-summary,
.e26live[data-theme="dark"] .e26live-main,
.e26live[data-theme="dark"] .e26live-side,
.e26live[data-theme="dark"] .e26live-footer,
.e26live[data-theme="dark"] .e26live-location{background:#121a26;border-color:#334154}
.e26live[data-theme="dark"] .e26live-location-toggle,.e26live[data-theme="dark"] .e26live-location-label{color:#8eb7ff}
.e26live[data-theme="dark"] .e26live-location-menu{background:#121a26;border-color:#334154;box-shadow:0 14px 34px rgba(0,0,0,.35)}
.e26live[data-theme="dark"] .e26live-location-option{color:#dce6f2}
.e26live[data-theme="dark"] .e26live-location-option:hover,.e26live[data-theme="dark"] .e26live-location-option:focus-visible{background:#1e2d42;color:#9bc0ff}
.e26live[data-theme="dark"] .e26live-location-option.selected,.e26live[data-theme="dark"] .e26live-location-option[aria-selected="true"]{background:#255bd2;color:#fff}
.e26live[data-theme="dark"] .e26live-brand small,
.e26live[data-theme="dark"] .e26live-summary-stat,
.e26live[data-theme="dark"] .e26live-updated,
.e26live[data-theme="dark"] .e26live-updated strong,
.e26live[data-theme="dark"] .e26live-summary-sub,
.e26live[data-theme="dark"] .e26live-scope,
.e26live[data-theme="dark"] .e26live-footer{color:#9cacbf}
.e26live[data-theme="dark"] .e26live-map-panel{background:linear-gradient(180deg,#141d2a,#111925);border-color:#334154}
.e26live[data-theme="dark"] .e26live-map svg a.estado path:not(.circle){fill:#344155;stroke:#182231}
.e26live[data-theme="dark"] .e26live-map svg a.estado text{fill:#d8e0ea}
.e26live[data-theme="dark"] .e26live-tabs{background:#233044}
.e26live[data-theme="dark"] .e26live-tabs button{color:#aab8cb}
.e26live[data-theme="dark"] .e26live-tabs button+button{border-left-color:#334154}
.e26live[data-theme="dark"] .e26live-results-head,
.e26live[data-theme="dark"] .e26live-candidate{border-color:#283648}
.e26live[data-theme="dark"] .e26live-office-title,
.e26live[data-theme="dark"] .cand-main>strong,
.e26live[data-theme="dark"] .cand-votes strong{color:#eef4fb}
.e26live[data-theme="dark"] .e26live-turn,
.e26live[data-theme="dark"] .rank,
.e26live[data-theme="dark"] .cand-photo,
.e26live[data-theme="dark"] .cand-main b{background:#253246;color:#c5d1df;border-color:#39485c}
.e26live[data-theme="dark"] .e26live-candidate.winner{background:#14271f;border-color:#2f5c46}
.e26live[data-theme="dark"] .e26live-empty-icon{background:#1d2939;color:#8ea3c2}
.e26live[data-theme="dark"] .e26live-source{border-color:#334154}
.e26live[data-theme="dark"] .e26live-source b,.e26live[data-theme="dark"] .e26live-disclaimer strong{color:#dce6f2}

/* Responsivo */
@media(max-width:980px){
  .e26live-main{grid-template-columns:1fr}
  .e26live-map-panel{border-right:0;border-bottom:1px solid var(--e26-line)}
  .e26live-candidates{height:auto;max-height:520px}
  .e26live-empty{min-height:300px}
}
@media(max-width:680px){
  .e26live-header{align-items:flex-start;padding:16px 14px 10px}
  .e26live-brand strong{font-size:25px}
  .e26live-location{min-width:0;width:46%;max-width:190px;height:40px}
  .e26live-summary{margin:0 12px 12px}
  .e26live-summary-row{display:grid;grid-template-columns:1fr auto;gap:8px 10px}
  .e26live-progress{grid-column:1/-1;grid-row:2}
  .e26live-updated{grid-column:2;grid-row:1;text-align:right}
  .e26live-summary-sub{flex-direction:column;gap:3px}
  .e26live-main{margin:0 12px}
  .e26live-map-panel{padding:12px 8px}
  .e26live-map-wrap{min-height:390px}
  .e26live-map{height:385px;width:100%}
  .e26live-tabs{margin:9px 9px 0}
  .e26live-tabs button{min-height:37px;padding:0 13px}
  .e26live-candidate{grid-template-columns:25px 40px minmax(0,1fr);gap:7px}
  .cand-photo{width:38px;height:38px;flex-basis:38px}
  .cand-votes{grid-column:3;text-align:left;padding-top:2px}
  .cand-votes .bar{max-width:180px}
  .e26live-footer{align-items:flex-start;flex-direction:column;margin-top:10px;padding:11px 13px}
  .e26live-disclaimer{max-width:100%}
  .e26live-source{padding-left:0;border-left:0}
}
@media(max-width:460px){
  .e26live{border-radius:12px}
  .e26live-header{gap:10px}
  .e26live-brand small{font-size:9px;letter-spacing:1.6px}
  .e26live-brand strong{font-size:22px}
  .e26live-location{width:49%;padding:0 8px}
  .e26live-pin{display:none}
  .e26live-location-label{font-size:10px}
  .e26live-location-menu{width:220px;max-height:55vh}
  .e26live-updated{font-size:8.5px}
  .e26live-summary-stat{font-size:10px}
  .e26live-count{font-size:10px}
  .e26live-map-wrap{min-height:330px}
  .e26live-map{height:325px}
  .e26live-map-fallback-grid{grid-template-columns:repeat(4,minmax(40px,1fr))}
  .e26live-results-head{padding:10px 12px}
  .e26live-empty{min-height:280px;padding:25px 18px}
  .e26live-empty strong{font-size:15px}
}