/* Izborna noć — sve je ograničeno na .izn da tema sajta ne smeta i da plugin ne menja temu. */
.izn{
  --bg:#f5f6f8; --panel:#ffffff; --fg:#121519; --fg2:#4b5361; --mute:#6c7483; --line:#dde1e7; --line2:#c9ced7;
  --ink:#1d3557; --warn:#b57400; --chip:#eef1f5;
  --s0:#a3a8b1; --s1:#2a78d6; --s2:#eb6834; --s3:#1baf7a; --s4:#eda100; --s5:#e87ba4; --s6:#008300; --s7:#6250d6; --s8:#e34948;
  --f-disp:"Archivo","Arial Narrow",system-ui,sans-serif;
  --f-body:"IBM Plex Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --f-num:"IBM Plex Mono",ui-monospace,"SFMono-Regular",Menlo,monospace;
}
.izn.izn-dark{
  --bg:#111418; --panel:#181c21; --fg:#eef0f3; --fg2:#b9c0cb; --mute:#8a93a1; --line:#2a3038; --line2:#3a414b;
  --ink:#9cc0ec; --warn:#f0b433; --chip:#222830;
  --s0:#5e646d; --s1:#3987e5; --s2:#d95926; --s3:#199e70; --s4:#c98500; --s5:#d55181; --s6:#008300; --s7:#9085e9; --s8:#e66767;
  color-scheme:dark;
}
@media (prefers-color-scheme: dark){
  .izn.izn-auto{
    --bg:#111418; --panel:#181c21; --fg:#eef0f3; --fg2:#b9c0cb; --mute:#8a93a1; --line:#2a3038; --line2:#3a414b;
    --ink:#9cc0ec; --warn:#f0b433; --chip:#222830;
    --s0:#5e646d; --s1:#3987e5; --s2:#d95926; --s3:#199e70; --s4:#c98500; --s5:#d55181; --s6:#008300; --s7:#9085e9; --s8:#e66767;
    color-scheme:dark;
  }
}
.izn,.izn *{box-sizing:border-box}
.izn{background:var(--bg);color:var(--fg);font:15px/1.5 var(--f-body);border-radius:12px;padding:22px clamp(12px,2.5vw,26px) 30px;margin:1.5em 0;display:grid;grid-template-columns:minmax(0,1fr);gap:26px;max-width:100%;min-width:0;overflow:hidden}
.izn>*,.izn-body>*,.izn .panel>*,.izn section>*{min-width:0}
.izn .izn-body{display:grid;grid-template-columns:minmax(0,1fr);gap:26px;min-width:0}
.izn.izn-flat{background:transparent;padding:0;border-radius:0}
.izn h2,.izn h3{font-family:var(--f-disp);font-stretch:85%;letter-spacing:-.01em;text-wrap:balance;margin:0;padding:0;color:var(--fg);text-transform:none;border:0}
.izn .izn-title{font-size:clamp(26px,4.2vw,40px);font-weight:800;line-height:1.05}
.izn h3{font-size:21px;font-weight:700;line-height:1.2}
.izn p{margin:0}
.izn a{color:var(--ink)}
.izn .eyebrow{font:500 12px/1 var(--f-body);text-transform:uppercase;letter-spacing:.09em;color:var(--mute)}
.izn .num{font-family:var(--f-num);font-variant-numeric:tabular-nums}
.izn .panel{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:20px}
.izn .sec-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:10px 20px;margin-bottom:16px}
.izn .sec-head p{margin:4px 0 0;color:var(--fg2);font-size:14px;max-width:70ch}

.izn header{display:grid;gap:12px}
.izn .status{display:flex;flex-wrap:wrap;gap:6px 18px;align-items:center;font-size:13px;color:var(--fg2)}
.izn .live{display:inline-flex;align-items:center;gap:7px;font-weight:600;color:var(--fg)}
.izn .live i{width:8px;height:8px;border-radius:50%;background:var(--warn)}
.izn .live i.final{background:#0ca30c}
.izn .prog{display:grid;gap:6px}
.izn .prog-top{display:flex;justify-content:space-between;gap:12px;font-size:13px;color:var(--fg2)}
.izn .prog-top b{color:var(--fg)}
.izn .bar{height:10px;border-radius:5px;background:var(--line);overflow:hidden}
.izn .bar>span{display:block;height:100%;background:var(--ink)}

.izn .kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:10px;overflow:hidden}
.izn .kpi{background:var(--panel);padding:14px 16px;display:grid;gap:4px;min-width:0}
.izn .kpi .v{font:600 21px/1.15 var(--f-num);font-variant-numeric:tabular-nums}
.izn .kpi .l{font-size:12px;color:var(--mute)}

.izn .house{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:26px;align-items:center}
@media (max-width:820px){.izn .house{grid-template-columns:1fr}}
.izn .hemi svg{width:100%;height:auto;display:block}
.izn .hemi text{font-family:var(--f-body)}
.izn .hemi .center{font-family:var(--f-disp);font-stretch:80%}
.izn .seatlist{display:grid}
.izn .seatrow{display:grid;grid-template-columns:14px minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid var(--line)}
.izn .seatrow:last-child{border-bottom:0}
.izn .sw{display:inline-block;width:12px;height:12px;border-radius:3px;flex:none}
.izn .seatrow .nm{font-weight:600;min-width:0}
.izn .seatrow .pc{color:var(--mute);font-size:13px}
.izn .seatrow .st{font:600 20px/1 var(--f-num);min-width:2.2em;text-align:right}
.izn .majority{margin-top:14px;padding:12px 14px;border-radius:8px;background:var(--chip);font-size:14px;color:var(--fg2)}
.izn .majority b{color:var(--fg)}

.izn .seg{display:inline-flex;flex-wrap:wrap;border:1px solid var(--line2);border-radius:8px;overflow:hidden}
.izn .seg button{font:500 13px var(--f-body);background:transparent;color:var(--fg2);border:0;border-radius:0;padding:7px 12px;margin:0;cursor:pointer;box-shadow:none;text-transform:none;letter-spacing:0;line-height:1.3;min-height:0}
.izn .seg button+button{border-left:1px solid var(--line2)}
.izn .seg button[aria-pressed="true"]{background:var(--ink);color:var(--panel)}
.izn button:focus-visible,.izn input:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.izn .rank{display:grid}
.izn .r{display:grid;grid-template-columns:2.2em minmax(0,1.6fr) minmax(0,2fr) 5.2em 5.6em 3.2em;gap:6px 14px;align-items:center;padding:11px 0;border-bottom:1px solid var(--line)}
.izn .r.head{font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:var(--mute);padding:0 0 8px;border-bottom:1px solid var(--line2)}
.izn .r.head span{font:inherit!important;color:inherit!important}
.izn .r .no{color:var(--mute);font-size:13px}
.izn .r .who{min-width:0;display:grid;gap:3px}
.izn .r .who b{font-weight:600;line-height:1.25}
.izn .r .who small{color:var(--mute);font-size:12px;line-height:1.3;overflow-wrap:anywhere}
.izn .tags{display:flex;gap:5px;flex-wrap:wrap}
.izn .tag{display:inline-block;font:500 11px/1 var(--f-body);padding:3px 6px;border-radius:4px;background:var(--chip);color:var(--fg2)}
.izn .tag.out{color:var(--warn)}
.izn .track{position:relative;display:block;height:14px;background:var(--chip);border-radius:3px}
.izn .track .fill{position:absolute;top:0;bottom:0;left:0;border-radius:0 4px 4px 0;min-width:2px}
.izn .track .cz{position:absolute;top:-4px;bottom:-4px;width:0;border-left:1.5px dashed var(--fg2)}
.izn .r .pct{font:600 15px var(--f-num);text-align:right}
.izn .r .vt{font:400 13px var(--f-num);text-align:right;color:var(--fg2)}
.izn .r .mn{font:600 16px var(--f-num);text-align:right}
.izn .r .mn.zero{color:var(--mute);font-weight:400}
.izn .r.dim .who b,.izn .r.dim .pct{color:var(--fg2)}
@media (max-width:720px){
  .izn .r{grid-template-columns:2em minmax(0,1fr) 4.6em 2.6em}
  .izn .r .vt{display:none}
  .izn .r .trackcell{grid-column:2/5;grid-row:2}
  .izn .r.head .trackcell{display:none}
}
.izn .legend-cz{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;color:var(--mute);margin-top:10px}
.izn .legend-cz i{display:inline-block;height:12px;border-left:1.5px dashed var(--fg2)}

.izn .duel-key{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:13px;color:var(--fg2)}
.izn .duel-key span{display:inline-flex;align-items:center;gap:6px}
.izn .duel{display:grid;gap:3px}
.izn .d{display:grid;grid-template-columns:minmax(0,11em) minmax(0,1fr) 4.6em;gap:12px;align-items:center;font-size:13px;padding:3px 0}
.izn .d .nm{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.izn .d .axis{position:relative;display:block;height:16px}
.izn .d .axis::before{content:"";position:absolute;left:50%;top:-3px;bottom:-3px;border-left:1px solid var(--line2)}
.izn .d .b{position:absolute;top:2px;bottom:2px}
.izn .d .b.l{border-radius:4px 0 0 4px}
.izn .d .b.r{border-radius:0 4px 4px 0}
.izn .d .mg{font:500 13px var(--f-num);text-align:right;white-space:nowrap}
.izn .d small{color:var(--mute);font-family:var(--f-num)}
.izn .duel-scale{display:grid;grid-template-columns:minmax(0,11em) minmax(0,1fr) 4.6em;gap:12px;font:400 11px var(--f-num);color:var(--mute);margin-top:4px}
.izn .duel-scale div{display:flex;justify-content:space-between;gap:6px}
@media (max-width:520px){.izn .d,.izn .duel-scale{grid-template-columns:minmax(0,7.5em) minmax(0,1fr) 4.4em;gap:8px}}

.izn .tools{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.izn input[type=search]{font:14px var(--f-body);padding:8px 11px;margin:0;border:1px solid var(--line2);border-radius:8px;background:var(--panel);color:var(--fg);min-width:0;width:240px;max-width:100%;box-shadow:none;height:auto}
.izn .tw{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--line);border-radius:10px;background:var(--panel);max-height:640px}
.izn table{border-collapse:collapse;width:100%;font-size:13.5px;min-width:720px;margin:0;border:0;background:transparent}
.izn th{position:sticky;top:0;z-index:1;background:var(--panel);text-align:left;font-weight:500;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--mute);border:0;border-bottom:1px solid var(--line2);padding:0}
.izn .th-btn{all:unset;display:block;padding:10px 12px;cursor:pointer;white-space:nowrap}
.izn .th-btn[aria-sort]::after{content:" ↓";color:var(--fg)}
.izn .th-btn[aria-sort="ascending"]::after{content:" ↑"}
.izn td{padding:9px 12px;border:0;border-bottom:1px solid var(--line);vertical-align:middle;background:transparent;color:var(--fg)}
.izn tr:last-child td{border-bottom:0}
.izn td.n,.izn th.n .th-btn{text-align:right;font-family:var(--f-num);font-variant-numeric:tabular-nums}
.izn .win{display:inline-flex;align-items:center;gap:6px;font-weight:500}
.izn .mini{display:inline-block;width:46px;height:6px;border-radius:3px;background:var(--line);vertical-align:middle;margin-right:6px;overflow:hidden}
.izn .mini span{display:block;height:100%;background:var(--ink)}
.izn .more{margin-top:10px;font-size:13px;color:var(--mute)}
.izn .method{font-size:13.5px;color:var(--fg2);display:grid;gap:8px}
.izn .method p{max-width:85ch}
.izn .empty{color:var(--fg2)}

.izn-tip{position:fixed;z-index:99999;pointer-events:none;background:#121519;color:#fff;font:12.5px/1.4 "IBM Plex Sans",system-ui,sans-serif;padding:7px 10px;border-radius:6px;max-width:260px;opacity:0;transition:opacity .1s}
.izn-tip b{font-weight:600}
@media (prefers-reduced-motion:no-preference){.izn .track .fill,.izn .bar>span{transition:width .6s ease}}
@media (max-width:520px){.izn .kpi:last-child:nth-child(odd){grid-column:1/-1}}

/* ---- Kontrole (v2.1) ---- */
.izn .toolbar{display:flex;flex-wrap:wrap;align-items:flex-end;gap:8px 14px;padding-top:4px}
.izn .tb-note{font-size:12.5px;color:var(--mute);align-self:center;font-variant-numeric:tabular-nums}
.izn .controls{display:flex;flex-wrap:wrap;gap:10px 12px;align-items:flex-end;margin-bottom:14px}
.izn .ctl{display:grid;gap:4px;min-width:0;margin:0;font-size:12px;color:var(--mute)}
.izn .ctl>span{font:500 11px/1.2 var(--f-body);text-transform:uppercase;letter-spacing:.06em;color:var(--mute)}
.izn .ctl.grow{flex:1 1 200px}
.izn .ctl.grow input{width:100%}
.izn .ctl.chk{display:flex;align-items:center;gap:7px;align-self:center;padding-top:14px;cursor:pointer}
.izn .ctl.chk span{font:400 13.5px var(--f-body);text-transform:none;letter-spacing:0;color:var(--fg2)}
.izn .ctl.chk input{width:16px;height:16px;margin:0;accent-color:var(--ink)}
.izn select{font:14px var(--f-body);color:var(--fg);background:var(--panel);border:1px solid var(--line2);border-radius:8px;padding:7px 30px 7px 10px;margin:0;height:auto;min-height:0;max-width:100%;box-shadow:none;line-height:1.3;
  appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--mute) 50%),linear-gradient(135deg,var(--mute) 50%,transparent 50%);background-position:calc(100% - 15px) 52%,calc(100% - 10px) 52%;background-size:5px 5px;background-repeat:no-repeat}
.izn select:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.izn .ctl input[type=search]{width:100%}
.izn .btn{font:500 13.5px var(--f-body);color:var(--fg);background:var(--panel);border:1px solid var(--line2);border-radius:8px;padding:7px 13px;margin:0;cursor:pointer;line-height:1.3;box-shadow:none;text-transform:none;letter-spacing:0;min-height:0;height:auto;width:auto}
.izn .btn:hover:not(:disabled){border-color:var(--ink);color:var(--ink);background:var(--panel)}
.izn .btn:disabled{opacity:.45;cursor:default}
.izn .btn.sm{padding:5px 10px;font-size:13px}
.izn .pager{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 14px;margin-top:12px;font-size:13px;color:var(--mute)}
.izn .pager:empty{display:none}
.izn .pg-btns{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.izn .pg-cur{padding:0 6px;color:var(--fg2);font-variant-numeric:tabular-nums}
.izn .pg-info{font-variant-numeric:tabular-nums}
.izn .duel-key{margin-bottom:10px}
.izn td.empty{color:var(--mute);text-align:center;padding:22px}
@media (max-width:520px){.izn .controls .ctl:not(.grow):not(.chk){flex:1 1 calc(50% - 6px)}.izn .controls select{width:100%}}