/* lzm.si/volitve/ — volilni večer v živo: zemljevid volišč z barvo liste z največ glasovi,
   povečano mesto, lestvica list z mandati po D'Hondtu, graf liste skozi štetje in izidi
   volišča. Podlaga, besedilo in robovi iz stil.css.

   Dva načina, odvisno od zaslona:
   - Zaslon 16 : 9 (televizor, projektor, monitor; širok vsaj 60em in ne pokončen): vse na enem
     zaslonu, BREZ drsenja strani. Velikost pisave sledi višini okna (1,85 vh: 20 px pri 1080,
     13 px pri 720), zato je razpored pri vsaki ločljivosti enak. Kar ne gre v desni stolpec,
     se drsi v njem, ne stran.
   - Ozek ali pokončen zaslon (telefon): stolpci se zložijo, lestvica je na vrhu, stran se drsi.

   ⛔ Barve list in lestvice deleža so ISTE kot v volisca.css (zemljevid zmagovalcev in delež na
   lzm.si/volisca/: iste vrednosti, ista preverba z validatorjem palet; preizkus primerja obe
   datoteki). Lista za mlade ima svojo zeleno (--zl), štiri liste z1–z4, druge so sive (--z0).
   Barve ni na volišču brez podatkov: tam je šrafura (vzorec #brez kot na strani volišč);
   izenačeno volišče ima mrežo (#izenaceno). Obe sta ATRIBUT fill na poti (skripta ga zamenja),
   ne CSS: url(#…) v zunanji slogovni datoteki se v nekaterih brskalnikih razreši glede na
   datoteko CSS. */
:root{
  --s1:#d3e9b3; --s2:#90c559; --s3:#539c2f; --s4:#2a6f28; --s5:#0a431a;
  --zl:#397638; --z1:#ec6f03; --z2:#0394cd; --z3:#1f47bc; --z4:#d14186; --z0:#b4b9b1;
  --stolpec:#c9cec6;
  --mreza-volisc:var(--papir);
  --meja-obcine:#656964;
  --srafura:#9aa194;
  --mreza-grafa:color-mix(in srgb, var(--crnilo) 12%, transparent);
}
@media (prefers-color-scheme: dark){
  :root{
    --s1:#0a431a; --s2:#2a6f28; --s3:#539c2f; --s4:#90c559; --s5:#d3e9b3;
    --zl:#57a943; --z1:#b75502; --z2:#03a4ce; --z3:#3d6be3; --z4:#db4b8f; --z0:#5b5f58;
    --stolpec:#4a5348;
    --meja-obcine:#a2a8a0;
    --srafura:#6f7c6c;
  }
}

.skrito{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ---------------------------------------------------------------- razpored */
body.zivo{line-height:1.4}
.zaslon{display:flex;flex-direction:column;gap:.75rem;padding:.5rem 1rem 1.5rem;max-width:80rem;margin:0 auto}
.glava{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1.25rem;padding:.5rem 0 0}
.glava .domov{display:block;width:7.5rem;flex:none;line-height:0}
.glava .znak{display:block;width:100%;height:auto}
.glava .naslovi{flex:1 1 16rem;min-width:0}
.glava h1{font-size:clamp(1.35rem,4.5vw,2rem);margin:0}
.glava .podnaslov{margin:0;color:var(--pridusen);font-weight:600}
.stanje{display:flex;flex-direction:column;align-items:flex-end;gap:.1rem;text-align:right;font-variant-numeric:tabular-nums}
.stanje .presteto{font-weight:700;font-size:1.15em}
.stanje .cas{color:var(--pridusen);font-size:.9em}
.stanje.zamuja .cas{color:var(--crnilo);border-left:4px solid var(--rdeca);padding-left:.5rem}
.orodja{display:flex;gap:.4rem}
.orodja[hidden]{display:none}
.orodja button{
  display:flex;align-items:center;justify-content:center;width:2.4rem;height:2.4rem;padding:0;
  color:var(--crnilo);background:var(--papir);border:1px solid var(--rob-polje);border-radius:8px;cursor:pointer;
}
.orodja button[aria-pressed="true"]{background:var(--gumb-ozadje);color:var(--gumb-tekst);border-color:var(--gumb-ozadje)}
.orodja button:focus-visible{outline:2px solid var(--zelena);outline-offset:2px}
.orodja svg{width:1.2rem;height:1.2rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.trak-vaja{
  margin:0;padding:.45rem .9rem;border-radius:10px;font-weight:700;
  border-left:6px solid var(--rdeca);background:color-mix(in srgb, var(--rdeca) 12%, var(--papir));
}
.trak-vaja[hidden]{display:none}

.plosca{display:flex;flex-direction:column;gap:.75rem;min-height:0}
.sredina{display:flex;flex-direction:column;gap:.75rem;min-height:0}
.desno{order:-1}
.kartica{
  background:var(--papir);border:1px solid var(--rob);border-radius:12px;box-shadow:var(--senca);
  padding:.75rem .9rem;margin:0;min-width:0;
}
.kartica h2{font-size:1.1em;line-height:1.3;margin:0 0 .5rem}
.pod-naslov{display:block;font-weight:400;font-size:.82em;color:var(--pridusen)}
.noga{margin:0;padding:.3rem 0 0;font-size:.82em;color:var(--pridusen)}
.noga p{margin:0}
.brez-skripte{max-width:46rem;margin:1rem auto;padding:0 1rem}

/* Zaslon 16 : 9: vse na enem zaslonu. */
@media (min-width:60em) and (min-aspect-ratio:4/3){
  html{font-size:max(12px, 1.85vh)}
  body.zivo{font-size:1rem}
  .zaslon{
    height:calc(100vh - 6px);height:calc(100dvh - 6px);max-width:none;overflow:hidden;
    padding:.35rem 1rem .3rem;gap:.5rem;
  }
  .glava{flex-wrap:nowrap;padding:0}
  .glava .domov{width:6.5rem}
  .glava h1{font-size:1.55rem}
  .plosca{
    flex:1 1 auto;display:grid;gap:.6rem;
    grid-template-columns:minmax(0,1.5fr) minmax(0,.95fr) minmax(0,1.2fr);
  }
  .desno{order:0;display:flex;flex-direction:column;overflow:auto}
  .okno{min-height:0}
  .sredina .okno{flex:1 1 0;min-height:8rem}
  .okno .zemljevid,.okno .prikaz{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}
  .okno .zemljevid svg{flex:1 1 auto;min-height:0;width:100%;height:100%}
  .sredina .legenda,.sredina .stevilke{flex:none}
}

/* ---------------------------------------------------------------- okni: zemljevid, sestava sveta, graf */
/* Gumbi na vrhu okna izberejo prikaz; brez skripte jih ni (zemljevida). Izbrani prikaz pove gumb,
   zato napis mesta s skripto odpade. */
.okno{position:relative;display:flex;flex-direction:column}
.okno .zemljevid[hidden],.okno .prikaz[hidden],.legenda[hidden]{display:none}
.izbira-prikaza{display:flex;flex-wrap:wrap;gap:.3rem;margin:0 0 .45rem}
.izbira-prikaza[hidden]{display:none}
.izbira-prikaza button{
  font:inherit;font-size:.8em;color:var(--crnilo);background:var(--papir);cursor:pointer;
  border:1px solid var(--rob-polje);border-radius:999px;padding:.15rem .75rem;
}
.izbira-prikaza button[aria-pressed="true"]{background:var(--gumb-ozadje);border-color:var(--gumb-ozadje);color:var(--gumb-tekst);font-weight:600}
.izbira-prikaza button:focus-visible{outline:2px solid var(--zelena);outline-offset:2px}
body.js .zemljevid.mesto figcaption{display:none}

/* Sestava sveta: polkrog sedežev v barvah list (enote SVG: polmer polkroga 100). */
.svet{display:flex;flex-direction:column;flex:1 1 auto;min-height:0}
.svet svg{display:block;width:100%;flex:1 1 auto;min-height:6rem}
.sedez{stroke:var(--papir);stroke-width:1.2}
.sedez.zl{fill:var(--zl)} .sedez.z1{fill:var(--z1)} .sedez.z2{fill:var(--z2)}
.sedez.z3{fill:var(--z3)} .sedez.z4{fill:var(--z4)} .sedez.z0{fill:var(--z0)}
.sedez.prazen{fill:none;stroke:var(--rob-polje);stroke-dasharray:2 2}
.vecina{stroke:var(--pridusen);stroke-width:1;stroke-dasharray:3 3}
.stevilo-sedezev{fill:var(--crnilo);font-size:30px;font-weight:800;font-variant-numeric:tabular-nums}
.vecina-napis{fill:var(--pridusen);font-size:9px}
.legenda-sveta{display:flex;flex-wrap:wrap;gap:.25rem 1rem;list-style:none;margin:.4rem 0 0;padding:0;font-size:.9em}
.legenda-sveta li{display:flex;align-items:center;gap:.35rem}
.legenda-sveta li.lastna{font-weight:700}
.legenda-sveta .znacka{width:.8em;height:.8em;border-radius:3px;flex:none}
.svet .opomba{color:var(--pridusen);font-size:.82em;margin:.3rem 0 0}

/* Graf izbrane liste v živo: izbira liste in načina nad grafom, besedilo o tempu pod njim. */
.graf-zivo{display:flex;flex-direction:column;flex:1 1 auto;min-height:0}
.glava-grafa{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.3rem .8rem;margin:0 0 .3rem}
.glava-grafa h2{display:flex;align-items:center;gap:.4rem;margin:0;font-size:1em}
.glava-grafa .znacka{width:.8em;height:.8em;border-radius:3px;flex:none}
.izbira-liste{font:inherit;font-weight:700;color:var(--crnilo);background:var(--papir);border:1px solid var(--rob-polje);border-radius:6px;padding:.1rem .3rem;max-width:14em}
.izbira-liste:focus-visible{outline:2px solid var(--zelena);outline-offset:1px}
.preklopi{display:flex;flex-wrap:wrap;gap:.3rem .5rem;margin:0 0 .3rem}
.preklopi .preklop{margin:0}
.graf-zivo .trend-ocena{margin:0 0 .15rem}

/* ---------------------------------------------------------------- zemljevid */
.zemljevid{position:relative}
.zemljevid figcaption{font-weight:600;font-size:.95em;margin:0 0 .3rem}
/* Ko nobeno volišče nima izida (DVK za lokalne volitve objavi morda le izid občine): zemljevid pove,
   da je lestvica skupni izid, namesto da bi bil le šrafiran. */
.obvestilo-zemljevida{
  position:absolute;left:.75rem;right:.75rem;bottom:.75rem;margin:0;padding:.55rem .8rem;font-size:.9em;
  background:var(--papir);border:1px solid var(--rob);border-left:4px solid var(--limeta);border-radius:0 10px 10px 0;box-shadow:var(--senca);
}
.obvestilo-zemljevida[hidden]{display:none}
.zemljevid svg{display:block;width:100%;height:auto}
.volisce{stroke:none;cursor:pointer;fill-rule:evenodd}
.volisce.zl{fill:var(--zl)} .volisce.z1{fill:var(--z1)} .volisce.z2{fill:var(--z2)}
.volisce.z3{fill:var(--z3)} .volisce.z4{fill:var(--z4)} .volisce.z0{fill:var(--z0)}
.volisce.s1{fill:var(--s1)} .volisce.s2{fill:var(--s2)} .volisce.s3{fill:var(--s3)}
.volisce.s4{fill:var(--s4)} .volisce.s5{fill:var(--s5)}
.mreza-volisc{fill:none;stroke:var(--mreza-volisc);stroke-width:1.5;stroke-linejoin:round;vector-effect:non-scaling-stroke;pointer-events:none}
.meja-obcine{fill:none;stroke:var(--meja-obcine);stroke-width:1.25;stroke-linejoin:round;vector-effect:non-scaling-stroke;pointer-events:none}
.okvir-mesta{fill:none;stroke:var(--crnilo);stroke-width:1.5;stroke-dasharray:5 4;vector-effect:non-scaling-stroke;pointer-events:none}
.izbrano{fill:none;stroke:var(--crnilo);stroke-width:3;stroke-linejoin:round;vector-effect:non-scaling-stroke;pointer-events:none}
.srafura-crta{stroke:var(--srafura);fill:none}
.srafura-podlaga{fill:var(--papir)}
/* Številke volišč: črnilo z obrobo v barvi podlage (velikost in debelina obrobe sta atributa
   skupine, v enotah zemljevida). */
.oznake{pointer-events:none}
.oznake text{
  fill:var(--crnilo);font-weight:700;font-variant-numeric:tabular-nums;text-anchor:middle;dominant-baseline:central;
  paint-order:stroke;stroke:var(--papir);stroke-linejoin:round;
}
/* Na ozkem zaslonu je zemljevid občine širok le nekaj sto pikslov: številke so večje (CSS prepiše
   atribut skupine, px so tu enote zemljevida). */
@media (max-width:40em){ .obcina .oznake{font-size:38px;stroke-width:5px} }
.zemljevid a:focus{outline:none}
.zemljevid a:focus-visible .volisce{stroke:var(--zelena);stroke-width:3;vector-effect:non-scaling-stroke}
/* Volišče, ki je pravkar dobilo izid: trikrat utripne. */
.zemljevid a.novo .volisce{animation:utrip 1.1s ease-in-out 3}
@keyframes utrip{50%{opacity:.35}}
@media (prefers-reduced-motion: reduce){ .zemljevid a.novo .volisce{animation:none} }

/* ---------------------------------------------------------------- legenda */
.legenda{font-size:.85em}
.kategorije{display:flex;flex-wrap:wrap;gap:.25rem .9rem;list-style:none;margin:0;padding:0}
.kategorije li{display:flex;align-items:center;gap:.35rem;min-width:0}
.kategorije li[hidden]{display:none}
.kategorije.sive{margin-top:.3rem;color:var(--pridusen)}
.kategorije .vzorec{width:.9em;height:.9em;flex:none;border-radius:2px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--crnilo) 18%, transparent)}
svg.vzorec{box-shadow:none;outline:1px solid color-mix(in srgb, var(--crnilo) 18%, transparent);outline-offset:-1px}
.lestvica-delez{display:flex;list-style:none;margin:0;padding:0;gap:2px}
.lestvica-delez li{flex:1 1 0;min-width:0}
.lestvica-delez .vzorec{display:block;height:.7em;border-radius:2px}
.lestvica-delez .meja{display:block;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.92em;margin-top:.1rem}
.vzorec.zl{background:var(--zl)} .vzorec.z1{background:var(--z1)} .vzorec.z2{background:var(--z2)}
.vzorec.z3{background:var(--z3)} .vzorec.z4{background:var(--z4)} .vzorec.z0{background:var(--z0)}
.vzorec.s1{background:var(--s1)} .vzorec.s2{background:var(--s2)} .vzorec.s3{background:var(--s3)}
.vzorec.s4{background:var(--s4)} .vzorec.s5{background:var(--s5)}
.legenda .naslov-legende{font-weight:600;margin:0 0 .25rem}
.legenda .opomba{color:var(--pridusen);margin:.35rem 0 0;font-size:.95em}

/* ---------------------------------------------------------------- številke (sredina) */
.stevilke{font-size:.88em}
.stevilke dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.3rem .6rem;margin:0}
.stevilke dl div{min-width:0}
.stevilke dt{font-weight:600;color:var(--pridusen);font-size:.9em}
.stevilke dd{margin:0;font-weight:700;font-variant-numeric:tabular-nums;font-size:1.15em}
.stevilke dd small{display:block;font-weight:400;font-size:.75em;color:var(--pridusen)}
.stevilke h3{font-size:1em;margin:.55rem 0 .25rem}
.zupan{list-style:none;margin:0;padding:0}
.zupan li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0 .5rem;align-items:baseline}
.zupan .ime{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.zupan .delez{font-weight:700;font-variant-numeric:tabular-nums}
.zupan .tir{grid-column:1 / -1;display:block;width:100%;height:.35em;margin:.05rem 0 .2rem}
.zupan .stolpec{fill:var(--stolpec)}
.zupan li:first-child .stolpec{fill:var(--crnilo)}
.stevilke .opomba{color:var(--pridusen);margin:.25rem 0 0;font-size:.9em}

/* ---------------------------------------------------------------- lestvica list */
.pregled{display:flex;flex-direction:column;min-height:0;flex:1 1 auto}
.lestvica-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.15rem}
.vrstica{
  display:grid;grid-template-columns:.9em minmax(0,1fr) auto auto 3.4em;gap:0 .55rem;align-items:baseline;
  width:100%;font:inherit;color:inherit;text-align:left;background:transparent;border:0;border-radius:8px;
  padding:.3rem .4rem .35rem;cursor:pointer;
}
.vrstica:hover{background:color-mix(in srgb, var(--crnilo) 5%, transparent)}
.vrstica:focus-visible{outline:2px solid var(--zelena);outline-offset:-2px}
.vrstica.lastna{background:color-mix(in srgb, var(--zl) 10%, transparent)}
.vrstica .znacka{width:.9em;height:.9em;border-radius:3px;align-self:center}
.vrstica .ime{font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vrstica.lastna .ime{font-weight:800}
.vrstica .glasovi{font-variant-numeric:tabular-nums;color:var(--pridusen);text-align:right}
.vrstica .delez{font-variant-numeric:tabular-nums;font-weight:700;text-align:right;min-width:3.6em}
.vrstica .mandati{font-variant-numeric:tabular-nums;font-weight:800;font-size:1.35em;text-align:right;line-height:1}
.vrstica .tir{grid-column:2;display:block;width:100%;height:.45em;align-self:center}
.vrstica .primerjava{grid-column:3 / 5;font-size:.75em;color:var(--pridusen);font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}
.vrstica .pike{grid-column:5;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:2px;align-self:center}
.vrstica .pike i{display:block;width:.42em;height:.42em;border-radius:50%;background:currentColor}
.stolpec{fill:var(--stolpec)}
.stolpec.zl{fill:var(--zl)} .stolpec.z1{fill:var(--z1)} .stolpec.z2{fill:var(--z2)}
.stolpec.z3{fill:var(--z3)} .stolpec.z4{fill:var(--z4)} .stolpec.z0{fill:var(--z0)}
.znacka.zl,.pike.zl{background:var(--zl);color:var(--zl)} .znacka.z1,.pike.z1{background:var(--z1);color:var(--z1)}
.znacka.z2,.pike.z2{background:var(--z2);color:var(--z2)} .znacka.z3,.pike.z3{background:var(--z3);color:var(--z3)}
.znacka.z4,.pike.z4{background:var(--z4);color:var(--z4)} .znacka.z0,.pike.z0{background:var(--z0);color:var(--z0)}
.pike{background:transparent !important}
.rob-mandatov{font-size:.85em;color:var(--pridusen);margin:.5rem 0 0;padding-top:.45rem;border-top:1px solid var(--rob)}
.rob-mandatov strong{color:var(--crnilo)}
.ni-list{color:var(--pridusen)}
@media (min-width:60em) and (min-aspect-ratio:4/3){
  /* Vrstice si delijo višino stolpca: tudi pri 14 listah ni drsenja. */
  .lestvica-list{flex:1 1 auto;min-height:0;justify-content:space-between}
}

/* ---------------------------------------------------------------- podrobnosti */
.podrobnosti{display:flex;flex-direction:column;min-height:0;flex:1 1 auto}
.podrobnosti[hidden]{display:none}
.podrobnosti .nazaj{
  align-self:flex-start;font:inherit;font-size:.9em;color:var(--zelena);background:none;border:0;padding:0;
  cursor:pointer;text-decoration:underline;margin:0 0 .4rem;
}
.podrobnosti .nazaj:focus-visible{outline:2px solid var(--zelena);outline-offset:3px;border-radius:4px}
.podrobnosti h2{display:flex;align-items:baseline;gap:.5rem;flex-wrap:wrap}
.podrobnosti h2 .znacka{width:.8em;height:.8em;border-radius:3px;flex:none;align-self:center}
.podrobnosti h2 .pod-naslov{flex-basis:100%}
.podrobnosti .stevilke-podrobno{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.3rem .6rem;margin:0 0 .5rem}
.podrobnosti .stevilke-podrobno div{min-width:0}
.podrobnosti .stevilke-podrobno dt{font-weight:600;color:var(--pridusen);font-size:.8em}
.podrobnosti .stevilke-podrobno dd{margin:0;font-weight:700;font-variant-numeric:tabular-nums;font-size:1.1em}
.podrobnosti .stevilke-podrobno dd small{display:block;font-weight:400;font-size:.72em;color:var(--pridusen)}
.podrobnosti p{margin:0 0 .4rem;font-size:.9em}
.podrobnosti .opomba{color:var(--pridusen);font-size:.8em}
.podrobnosti .vir{color:var(--pridusen);font-size:.82em}
.stolpci{list-style:none;margin:0;padding:0;font-size:.9em;overflow:auto;min-height:0}
.stolpci li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0 .6rem;align-items:baseline;margin:0 0 .3rem}
.stolpci .ime-liste{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.stolpci .stevilo{font-variant-numeric:tabular-nums;font-weight:700;text-align:right;white-space:nowrap}
.stolpci .stevilo small{font-weight:400;color:var(--pridusen)}
.stolpci .tir{grid-column:1 / -1;display:block;width:100%;height:.5em;margin-top:.1rem}
.stolpci .primerjava{grid-column:1 / -1;font-size:.8em;color:var(--pridusen);font-variant-numeric:tabular-nums}
.stolpci.prejsnje .ime-liste,.stolpci.prejsnje .stevilo{color:var(--pridusen);font-weight:400}
.preklop{display:inline-flex;border:1px solid var(--rob-polje);border-radius:8px;overflow:hidden;align-self:flex-start;margin:0 0 .3rem}
.preklop button{font:inherit;font-size:.82em;color:var(--crnilo);background:var(--papir);border:0;padding:.25rem .7rem;cursor:pointer}
.preklop button + button{border-left:1px solid var(--rob-polje)}
.preklop button[aria-pressed="true"]{background:var(--gumb-ozadje);color:var(--gumb-tekst);font-weight:600}
.preklop button:focus-visible{outline:2px solid var(--zelena);outline-offset:-3px}

/* ---------------------------------------------------------------- graf liste */
.graf{position:relative;flex:1 1 auto;min-height:11rem;margin:0 0 .4rem}
.graf svg{display:block;width:100%;height:100%;overflow:visible}
.graf .mreza{stroke:var(--mreza-grafa);stroke-width:1}
.graf .os{fill:var(--pridusen);font-size:12px;font-variant-numeric:tabular-nums}
.graf .crta{fill:none;stroke-width:3;stroke-linejoin:round;stroke-linecap:round}
.graf .trend{fill:none;stroke-width:2;stroke-dasharray:6 5}
.graf .prej{fill:none;stroke:var(--pridusen);stroke-width:1.5;stroke-dasharray:2 4}
.graf .prej-napis{fill:var(--pridusen);font-size:12px}
.graf .crta.zl,.graf .trend.zl{stroke:var(--zl)} .graf .crta.z1,.graf .trend.z1{stroke:var(--z1)}
.graf .crta.z2,.graf .trend.z2{stroke:var(--z2)} .graf .crta.z3,.graf .trend.z3{stroke:var(--z3)}
.graf .crta.z4,.graf .trend.z4{stroke:var(--z4)} .graf .crta.z0,.graf .trend.z0{stroke:var(--pridusen)}
.graf .pika{stroke:var(--papir);stroke-width:2}
.graf .pika.zl{fill:var(--zl)} .graf .pika.z1{fill:var(--z1)} .graf .pika.z2{fill:var(--z2)}
.graf .pika.z3{fill:var(--z3)} .graf .pika.z4{fill:var(--z4)} .graf .pika.z0{fill:var(--pridusen)}
.graf .mandati-crta{fill:none;stroke:var(--crnilo);stroke-width:2}
/* Prag za mandat več (pri številu glasov): črtkan, v barvi besedila. */
.graf .prag{fill:none;stroke:var(--crnilo);stroke-width:1.5;stroke-dasharray:5 3}
.graf .prag-napis{fill:var(--crnilo);font-size:12px}
.graf .mandati-napis{fill:var(--crnilo);font-size:12px;font-weight:700}
.graf .kriz{stroke:var(--pridusen);stroke-width:1}
.graf .dogodki{fill:transparent;cursor:crosshair}
.graf svg:focus{outline:none}
.graf svg:focus-visible{outline:2px solid var(--zelena);outline-offset:2px;border-radius:4px}
.graf .namig{
  position:absolute;z-index:3;pointer-events:none;background:var(--papir);border:1px solid var(--rob);
  border-radius:8px;box-shadow:var(--senca);padding:.35rem .55rem;font-size:.8em;line-height:1.4;white-space:nowrap;
}
.graf .namig[hidden]{display:none}
.graf .namig .glava-namiga{color:var(--pridusen)}
.trend-ocena{font-size:.85em;margin:0 0 .3rem}

/* ---------------------------------------------------------------- vnos ekipe (vnos/) */
.obrazec-vnosa label{display:block;font-weight:600;margin:.8rem 0 .25rem}
.obrazec-vnosa input,.obrazec-vnosa select{
  width:100%;font:inherit;padding:.6rem .7rem;border:1px solid var(--rob-polje);border-radius:8px;
  background:var(--polje-ozadje);color:var(--crnilo);
}
.obrazec-vnosa input:focus-visible,.obrazec-vnosa select:focus-visible{outline:2px solid var(--zelena);outline-offset:1px}
.obrazec-vnosa fieldset{border:1px solid var(--rob);border-radius:12px;background:var(--papir);padding:.4rem .9rem .9rem;margin:1rem 0}
.obrazec-vnosa legend{font-weight:700;padding:0 .3rem}
.obrazec-vnosa legend .pod{font-weight:400;color:var(--pridusen);font-size:.9em}
.polje-liste{display:grid;grid-template-columns:2.2em minmax(0,1fr) 6.5em;gap:.5rem;align-items:center;margin:.45rem 0}
.polje-liste .st{font-weight:700;color:var(--pridusen);text-align:right;font-variant-numeric:tabular-nums}
.polje-liste label{margin:0;font-weight:600;line-height:1.25}
.polje-liste input{text-align:right;font-variant-numeric:tabular-nums}
.obrazec-vnosa .neobvezno{margin:1rem 0}
.obrazec-vnosa .neobvezno summary{cursor:pointer;color:var(--zelena);font-weight:600}
.sestevek{font-weight:700;font-variant-numeric:tabular-nums;margin:1rem 0 .5rem}
.stanje-volisca{color:var(--pridusen);margin:.35rem 0 0;font-size:.95rem}
.napaka-vnosa{border-left:4px solid var(--rdeca);background:color-mix(in srgb, var(--rdeca) 8%, transparent);border-radius:0 10px 10px 0;padding:.6rem .9rem}
.napaka-vnosa[hidden]{display:none}
.izid-vnosa:not(:empty){border-left:4px solid var(--zelena);background:color-mix(in srgb, var(--zelena) 10%, transparent);border-radius:0 10px 10px 0;padding:.6rem .9rem}
.gumbi-vnosa .gumb[hidden]{display:none}
.opomba-vnosa:not(:empty){border-left:4px solid var(--limeta);background:color-mix(in srgb, var(--limeta) 12%, transparent);border-radius:0 10px 10px 0;padding:.6rem .9rem}
.vneseno ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(9rem,1fr));gap:.3rem .8rem;font-size:.95rem}
.vneseno .ima{font-weight:700}
.vneseno .nima{color:var(--pridusen)}