/* AVTONEX PWA — nova oblika (handoff 2026-09-01).
   Barve = design tokens iz README. Temno je prisiljeno.
   POMEMBNO: nobeno ime razreda ne sme vsebovati ad/ads/banner/sponsor/promo/popup
   (blokatorji oglasov jih skrijejo). Kartica = .veh, seznam = .feed, detajl = .det. */
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@500;600;700;800&display=swap');

:root{
  color-scheme: dark;
  --bg:#050910;
  --surface:#0c1320;      /* kartica / glava */
  --surface2:#141e30;     /* gumb / polje */
  --line:#1e2c42;         /* obroba */
  --line-soft:rgba(34,49,75,.7);
  --text:#eef5fc;
  --muted:#8a9db8;
  --muted2:#6f809a;       /* oznake / tercialno */
  --accent:#2dd4ef;
  --accent-h:#7ce7f7;
  --gold:#e6b422;
  --call:#16a34a;
  --call-h:#15803d;
  --good:#34d399;
  --good-txt:#052e21;
  --good-lite:#6ee7b7;
  --bad:#ef4444;
  --radius:18px;
  --shadow:0 10px 32px rgba(0,0,0,.32);
  --shadow-sm:0 6px 20px rgba(0,0,0,.28);
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
html{ -webkit-text-size-adjust:100%; }
body{
  background:var(--bg);
  color:var(--text);
  font:15px/1.5 Manrope,ui-sans-serif,system-ui,sans-serif;
  -webkit-font-smoothing:antialiased;
  letter-spacing:-.01em;
  overflow-x:hidden;
  overscroll-behavior-y:contain;
}
@media (min-width:641px){
  body{ background:
    radial-gradient(1200px 600px at 50% -10%, rgba(34,211,238,.06), transparent 55%),
    var(--bg); }
}
#app{max-width:1160px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column}
a{color:var(--accent)}
button{font:inherit;cursor:pointer}
.hidden{display:none !important}
.muted{color:var(--muted)}

/* ── Buttons / inputs (uporablja se v auth/filtri/admin) ── */
.btn{background:var(--accent);color:#04121a;border:0;border-radius:12px;padding:12px 16px;font-weight:800;width:100%;letter-spacing:-.01em}
.btn:active{transform:translateY(1px)}
.btn.secondary{background:var(--surface2);color:var(--text);box-shadow:inset 0 0 0 1px var(--line)}
.btn.ghost{background:transparent;color:var(--muted);box-shadow:inset 0 0 0 1px var(--line)}
.btn.vin{background:rgba(45,212,239,.1);color:var(--accent);box-shadow:inset 0 0 0 1px rgba(45,212,239,.3);font-weight:800}
.btn.small{width:auto;padding:8px 12px;font-size:13px}
input,select{font:inherit;width:100%;padding:12px;border-radius:12px;border:1px solid var(--line);
  background:var(--surface);color:var(--text)}
label.fld{display:block;margin:10px 0 4px;color:var(--muted);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}

/* ── Header ── */
/* Logo + naslov VEDNO v svoji (zgornji) vrstici; gumbi v vrsti spodaj, centrirani. */
header{position:sticky;top:0;z-index:20;background:var(--surface);border-bottom:1px solid var(--line);
  display:flex;align-items:center;flex-wrap:wrap;justify-content:center;gap:6px;row-gap:8px;padding:9px 10px;padding-top:calc(9px + env(safe-area-inset-top))}
header .brand{font-weight:800;letter-spacing:.02em;display:flex;align-items:center;gap:8px;flex:1 1 100%;min-width:0;font-size:15px}
header .brand .bt{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
header .brand .bn{color:var(--gold)}
header .brand .bp{color:var(--text);font-weight:700}
header .brand .bp:not(:empty)::before{content:" – ";color:var(--muted);font-weight:400}
header .brand img{width:26px;height:26px;border-radius:7px;flex:0 0 auto}
@media (min-width:641px){ header{padding:12px 20px} header .brand img{width:30px;height:30px} header .brand{font-size:17px} }
header .iconbtn{
  background:var(--surface2);border:1px solid var(--line);color:var(--text);border-radius:9px;
  min-width:30px;min-height:30px;padding:6px 6px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;
  /* NE animiraj background/border: pri hitrem toggle (Znižani vklop/izklop) tranzicija "obtiči" na cyan
     v Chromiumu → aktivna barva se preklopi takoj; le ikona (color) rahlo zbledi. */
  transition:color .15s ease;
}
@media (min-width:641px){ header .iconbtn{min-width:52px;padding:7px 8px} }
/* "Namesti" in "Obvestila" si delita SKRAJNO DESNO mesto — kaže se ali eno ali drugo.
   Install order:9 (za vsemi) → ko je viden, je skrajno desno; sicer je desno zvonček. */
header #btnInstall{order:9}
header #btnBell{order:8}
/* Hover SAMO na napravah z miško — na dotiku se :hover "prilepi" po tapu in
   pusti cyan ozadje, ki izgleda kot da je Znižani še aktiven (glej v27 bug). */
@media (hover:hover) and (pointer:fine){
  header .iconbtn:hover{background:rgba(45,212,239,.1);border-color:rgba(45,212,239,.28);color:var(--accent)}
  header .iconbtn:hover .iconbtn-label{color:var(--accent)}
}
header .iconbtn-ico{width:15px;height:15px;flex:0 0 auto}
header .iconbtn-label{font-size:9px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;line-height:1;color:var(--muted)}
header .iconbtn.on{background:rgba(45,212,239,.16);border-color:rgba(45,212,239,.5);color:var(--accent)}
header .iconbtn.on .iconbtn-label{color:var(--accent)}
/* Zvonček: ko so obvestila VKLOPLJENA se pobarva SAMO ikona (rumeno), ne cel gumb */
header #btnBell.on{background:var(--surface2);border-color:var(--line)}
header #btnBell.on .iconbtn-ico{color:var(--gold)}
header #btnBell.on .iconbtn-label{color:var(--muted)}
@media (hover:hover) and (pointer:fine){
  header #btnBell.on:hover{background:rgba(45,212,239,.1);border-color:rgba(45,212,239,.28)}
}
header .iconbtn.busy{opacity:.55}
/* Neaktiven gumb (brez funkcije na tem zaslonu): sive črte/ikona, ozadje ostane, ni klika */
header .iconbtn.inactive{pointer-events:none}
header .iconbtn.inactive .iconbtn-ico,
header .iconbtn.inactive .iconbtn-label{color:#42506a}
header .iconbtn.inactive:hover{background:var(--surface2);border-color:var(--line)}
header .iconbtn{position:relative}
.count-badge{position:absolute;top:-5px;right:-5px;min-width:17px;height:17px;padding:0 4px;border-radius:999px;
  background:var(--bad);color:#fff;font-size:10px;font-weight:800;line-height:17px;text-align:center;
  box-shadow:0 0 0 2px var(--surface)}
/* Badge urnika na zvončku: štoparica — zelena (aktivno, kot pokliči) / rumena (pavza) */
.sched-badge{position:absolute;top:-5px;right:-5px;width:17px;height:17px;border-radius:999px;
  display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 2px var(--surface)}
.sched-badge svg{width:11px;height:11px}
.sched-badge.active{background:var(--call);color:#fff}
.sched-badge.paused{background:var(--gold);color:#04121a}
/* Pogled preklopnik: enak videz kot ostale ikone (ikona zgoraj, napis spodaj), samo na telefonu */
@media (min-width:641px){ .viewtoggle{display:none !important} }

main{flex:1;padding:14px;padding-bottom:calc(24px + env(safe-area-inset-bottom))}

/* "Na vrh" plavajoči gumb (isti stil kot ikone v glavi, pol-transparenten) */
.to-top{position:fixed;right:16px;bottom:calc(16px + env(safe-area-inset-bottom));z-index:25;
  width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;
  border:1px solid var(--line);background:rgba(20,30,48,.6);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
  color:var(--text);cursor:pointer;box-shadow:0 6px 18px rgba(0,0,0,.4);transition:background .15s,color .15s,border-color .15s}
.to-top:hover{background:rgba(45,212,239,.22);color:var(--accent);border-color:rgba(45,212,239,.45)}
.to-top svg{width:20px;height:20px}
.to-top.hidden{display:none}

/* ✕ za odstranitev shranjenega oglasa (samo na zaslonu Shranjeni) */
.veh-remove{position:absolute;top:8px;left:8px;right:auto;z-index:4;width:28px;height:28px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;cursor:pointer;
  background:var(--bad);color:#fff;border:1px solid rgba(255,180,180,.6);box-shadow:0 2px 10px rgba(0,0,0,.45)}
.veh-remove:hover{background:#ff5a5a}
.veh-remove svg{width:15px;height:15px}

/* Shranjeni oglasi, ki jih ni več (prodano/umaknjeno) */
.gone-list{display:flex;flex-direction:column;gap:8px}
.gone-card{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:12px;
  background:var(--surface);border:1px solid var(--line);opacity:.8}
.gone-main{flex:1;min-width:0}
.gone-title{font-weight:700;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gone-sub{font-size:12px;color:var(--muted);margin-top:2px}
.gone-tag{color:#f0a8a8;font-weight:700}
.gone-rm{flex:0 0 auto;width:30px;height:30px;border-radius:50%;background:var(--surface2);
  border:1px solid var(--line);color:var(--muted);cursor:pointer;font-size:14px}
.gone-rm:hover{background:rgba(160,50,50,.45);color:#fff}

/* 3-smerni modal (Da/Ne/Prekliči) */
.modal-ov{position:fixed;inset:0;z-index:50;background:rgba(0,0,0,.55);backdrop-filter:blur(2px);
  display:flex;align-items:center;justify-content:center;padding:20px}
.modal-box{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:18px;
  max-width:340px;width:100%;box-shadow:var(--shadow)}
.modal-ttl{font-size:16px;font-weight:700;margin-bottom:8px}
.modal-msg{font-size:15px;margin-bottom:16px;line-height:1.4}
.modal-btns{display:flex;flex-direction:column;gap:8px}
.det-noimg{display:flex;align-items:center;justify-content:center;text-align:center;padding:24px 16px;min-height:120px;color:var(--muted);font-size:14px;background:var(--bg);border:1px dashed var(--line);border-radius:12px}
.rm-head{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--muted);margin:10px 2px 6px}
.rm-list{max-height:44vh;overflow-y:auto;margin:0 0 6px;display:flex;flex-direction:column;gap:6px}
.rm-item{background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:8px 10px}
.rm-item[data-fp]{cursor:pointer}
.rm-t{font-size:14px;font-weight:600;line-height:1.3}
.rm-s{font-size:12px;color:var(--muted);margin-top:2px}
@media (min-width:641px){ main{padding:16px} }

/* ── "V živo" indikator ── */
.live{display:flex;align-items:center;gap:8px;margin:0 2px 12px;font-size:13px;font-weight:700;color:var(--text)}
.live .dot{width:7px;height:7px;border-radius:50%;background:var(--good);box-shadow:0 0 8px var(--good);flex:0 0 auto;
  animation:livePulse 1.8s ease-in-out infinite}
@keyframes livePulse{0%,100%{opacity:.6}50%{opacity:1}}
@media (prefers-reduced-motion:reduce){ .live .dot{animation:none} }

/* ── Auth ── */
.auth-wrap{max-width:400px;margin:8vh auto 0;padding:0 6px}
.auth-logo{text-align:center;margin-bottom:18px}
.auth-logo img{width:84px;height:84px;border-radius:20px;box-shadow:0 8px 34px rgba(34,211,238,.35)}
.auth-logo h1{margin:12px 0 2px;font-size:22px}
.auth-logo p{margin:0;color:var(--muted);font-size:13px}
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px}
.tabs{display:flex;background:var(--surface2);border-radius:12px;padding:4px;margin-bottom:14px}
.tabs button{flex:1;background:transparent;border:0;color:var(--muted);padding:10px;border-radius:9px;font-weight:700}
.tabs button.active{background:var(--accent);color:#04121a}
.err{color:var(--bad);font-size:13px;margin-top:10px;min-height:16px}

/* ══════════════════════════════════════════════════════════════════
   FEED — trije pogledi: desktop vrstica; telefon kompakten; telefon podroben
   ══════════════════════════════════════════════════════════════════ */
.feed{display:flex;flex-direction:column;gap:12px}

/* Značke (skupno) */
.badges{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.flag-slo{width:20px;height:14px;border-radius:3px;flex:0 0 auto;box-shadow:0 0 0 1px rgba(0,0,0,.25)}
.badge{
  display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:999px;
  font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;line-height:1;
  color:rgba(236,244,255,.92);background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.16);
}
.badge .flag-slo{width:14px;height:10px;border-radius:2px}
.badge.owner1{color:#3d3000;background:#fde68a;box-shadow:inset 0 0 0 1px #facc15}  /* 1. lastnik = svetlo rumena */
.badge.slo{color:#9fd4b0;background:rgba(46,125,82,.18);box-shadow:inset 0 0 0 1px rgba(110,180,130,.28)}
.badge.trader{color:#9ec5ff;background:rgba(37,99,235,.16);box-shadow:inset 0 0 0 1px rgba(96,165,250,.28)}
.badge.dealer{color:#e6dcff;background:rgba(139,92,246,.28);box-shadow:inset 0 0 0 1px rgba(167,139,250,.45)}  /* Reg. trgovec = vijolicna */
.badge.resell{color:#ffc9c9;background:rgba(239,68,68,.18);box-shadow:inset 0 0 0 1px rgba(248,113,113,.42)}  /* Preprodajalec = rdečkasta */
.badge.maybe{color:#e8c08a;background:rgba(170,100,30,.18);box-shadow:inset 0 0 0 1px rgba(210,150,80,.28)}
.badge.dmg{color:rgba(236,244,255,.92);background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.16)}
.badge.vinb{color:var(--accent);background:rgba(45,212,239,.12);box-shadow:inset 0 0 0 1px rgba(45,212,239,.3)}
.badge.crawlerb{color:#c9b8ff;background:rgba(124,92,255,.16);box-shadow:inset 0 0 0 1px rgba(150,120,255,.34)}  /* admin: oglas iz crawlerja */
.badge.repost{color:#ffd9a8;background:rgba(245,158,11,.16);box-shadow:inset 0 0 0 1px rgba(251,191,36,.36)}  /* ponovni oglas (isti avto, nov ID) */
.badge.early{color:#b7f7d0;background:rgba(34,197,94,.16);box-shadow:inset 0 0 0 1px rgba(74,222,128,.34)}  /* zgodnji oglas (crawler, se ni aktiven) */

/* Izbira baze oglasov (admin: dolg pritisk na logo) */
header .brand{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
header .brand img{-webkit-touch-callout:none;pointer-events:none;transition:transform .15s ease,box-shadow .15s ease}
header .brand.holding img{transform:scale(1.25);box-shadow:0 0 0 2px var(--accent),0 0 14px rgba(45,212,239,.55);transition:transform 2s linear,box-shadow 2s linear}
.cat-pick{display:flex;flex-direction:column;gap:8px;margin-top:12px}
.cat-pick .btn{width:100%;justify-content:center}
.cat-chg{font-size:12.5px;line-height:1.45;margin:4px 0;word-break:break-word}
.cat-chg-h{font-weight:700;font-size:13px;margin:10px 0 2px}
.cat-nomore{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted,#9aa6b8);margin:4px 0 12px;cursor:pointer}
.cat-nomore input{width:16px;height:16px;accent-color:var(--accent)}
.cat-note{font-size:12.5px;line-height:1.45;color:var(--muted,#9aa6b8);background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);border-radius:10px;padding:9px 11px;margin:10px 0 12px}
.badge-fire{margin-left:2px}

/* Cena – prečrtana + popust (skupno) */
.price-old{font-size:11px;color:var(--muted);text-decoration:line-through}
.price-drop{font-size:10px;font-weight:800;color:var(--good-lite);background:rgba(52,211,153,.14);
  box-shadow:inset 0 0 0 1px rgba(52,211,153,.3);padding:2px 6px;border-radius:6px;letter-spacing:.02em}

/* Slika placeholder vzorec */
.veh-photo,.veh-thumb,.det-hero{
  background:repeating-linear-gradient(135deg,#141e30 0 10px,#111a2a 10px 20px);
}
.veh-photo img,.veh-thumb img,.det-hero img{width:100%;height:100%;object-fit:cover;display:block}

/* generični gumb za akcije v kartici/detajlu */
.veh-btn,.det-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:7px;text-decoration:none;
  border-radius:11px;font-weight:800;font-size:13px;letter-spacing:-.01em;padding:11px 12px;
  color:var(--text);background:var(--surface2);box-shadow:inset 0 0 0 1px var(--line);border:0;cursor:pointer;
  transition:background .15s,box-shadow .15s,color .15s,transform .15s;
}
.veh-btn:hover,.det-btn:hover{color:var(--accent);box-shadow:inset 0 0 0 1px rgba(45,212,239,.35);transform:translateY(-1px)}
.veh-btn svg,.det-btn svg{width:15px;height:15px;flex:0 0 auto}
.veh-btn.call,.det-btn.call{background:var(--call);color:#fff;box-shadow:0 6px 18px rgba(22,163,74,.35)}
.veh-btn.call:hover,.det-btn.call:hover{background:var(--call-h);color:#fff}
.veh-btn.cyan,.det-btn.cyan{background:rgba(45,212,239,.1);color:var(--accent);box-shadow:inset 0 0 0 1px rgba(45,212,239,.3)}

/* Gumb zvezdica */
.veh-star,.det-star{
  width:36px;height:36px;flex:0 0 auto;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;
  background:var(--surface2);color:var(--muted);box-shadow:inset 0 0 0 1px var(--line);border:0;cursor:pointer;transition:.15s;
}
.veh-star:hover,.det-star:hover{color:var(--gold);box-shadow:inset 0 0 0 1px rgba(230,180,34,.35)}
.veh-star svg,.det-star svg{width:18px;height:18px}
.veh-star.on,.det-star.on,.nb-star.on{color:var(--gold)}
/* Shranjeno → zvezdica ZAPOLNJENA z rumeno (takoj vidno) — vklj. mobilni hero (nb-star) */
.veh-star.on svg path,.det-star.on svg path,.nb-star.on svg path,
.veh-star.on svg,.det-star.on svg,.nb-star.on svg{fill:var(--gold);stroke:var(--gold)}

/* ── DESKTOP VRSTICA (privzeto, >640) ── */
.veh{
  background:var(--surface);border:1px solid var(--line);border-radius:16px;overflow:hidden;
  box-shadow:var(--shadow);transition:border-color .18s ease;
}
.veh:hover{border-color:rgba(45,212,239,.28)}
.veh-top{
  display:flex;align-items:center;gap:10px;padding:13px 18px;border-bottom:1px solid var(--line);
  background:linear-gradient(180deg,#101a2c,#0c1320);
}
.veh-top .flag-slo{width:20px;height:14px}
.veh-title{flex:1;min-width:0;font-size:17px;font-weight:800;letter-spacing:-.02em;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.veh-top .badges{flex:0 0 auto}
.veh-main{display:grid;grid-template-columns:280px minmax(0,1fr) 210px;gap:18px;padding:18px}
.veh-photo{position:relative;aspect-ratio:4/3;border-radius:12px;overflow:hidden}
.veh-hd{position:absolute;top:8px;right:8px;font-size:9px;font-weight:800;letter-spacing:.08em;
  padding:3px 7px;border-radius:6px;background:rgba(6,12,22,.7);color:var(--muted);backdrop-filter:blur(6px)}
.veh-photowrap{display:flex;flex-direction:column;gap:8px}
.veh-sellerpill{width:100%;text-align:center}
.veh-table{border:1px solid var(--line-soft);border-radius:12px;overflow:hidden;align-self:start}
.veh-table .r{display:grid;grid-template-columns:130px minmax(0,1fr);font-size:14px}
.veh-table .r:nth-child(odd){background:rgba(255,255,255,.04)}
.veh-table .r:nth-child(even){background:rgba(255,255,255,.015)}
.veh-table .r .k{padding:9px 12px;color:var(--muted);font-weight:600;font-size:13px;border-right:1px solid var(--line-soft)}
.veh-table .r .v{padding:9px 12px;font-weight:700}
.veh-side{display:flex;flex-direction:column;gap:12px}
.veh-price{
  border-radius:12px;padding:16px 12px;text-align:center;
  background:rgba(45,212,239,.08);box-shadow:inset 0 0 0 1px rgba(45,212,239,.28);
}
.veh-price .p{font-size:26px;font-weight:800;letter-spacing:-.03em;color:var(--accent);line-height:1;white-space:nowrap}
.veh-price.sale{background:rgba(160,50,50,.12);box-shadow:inset 0 0 0 1px rgba(220,120,120,.3)}
.veh-price.sale .p{color:#ff9c9c}
.veh-price .lbl{font-size:11px;font-weight:800;color:#f0a8a8;letter-spacing:.05em;margin-bottom:3px}
.veh-price .row2{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:6px}
.veh-side-sp{flex:1;min-height:0}   /* zapolni prostor (prej logo), gumbi ostanejo na dnu */
.veh-logo{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:6px 0}
.veh-logo img{width:52px;height:52px;border-radius:13px;opacity:.9}
.veh-logo span{font-size:14px;font-weight:800;color:var(--gold);letter-spacing:.14em;opacity:.85}
.veh-side .veh-btn{width:100%}

/* ── TELEFON: obe postavitvi (≤640) ── */
@media (max-width:640px){
  #app{max-width:100%}
  /* skrijemo desktop dele */
  .veh-top,.veh-logo{display:none}

  /* KOMPAKTEN (privzeto) */
  .feed.compact .veh{border-radius:14px;box-shadow:var(--shadow-sm)}
  .feed.compact .veh-main{grid-template-columns:96px minmax(0,1fr) 44px;gap:10px;padding:9px}
  .feed.compact .veh-photowrap{gap:6px}
  .feed.compact .veh-photo{aspect-ratio:4/3;border-radius:10px}
  .feed.compact .veh-hd{display:none}
  .feed.compact .veh-sellerbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:4px;max-width:100%}
  .feed.compact .veh-sellerbar .flag-slo{width:12px;height:8px}
  .feed.compact .veh-sellerbar .badge{font-size:8px;padding:3px 7px;letter-spacing:.02em;white-space:normal;
    text-align:center;line-height:1.15;max-width:100%}
  .feed.compact .veh-table{display:none}          /* v kompaktnem uporabimo .veh-lines */
  .feed.compact .veh-mid{min-width:0;display:flex;flex-direction:column;gap:5px}
  .feed.compact .veh-title{white-space:normal;font-size:13px;font-weight:800;line-height:1.25;
    display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .feed.compact .veh-pline{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
  .feed.compact .veh-pline .p{font-size:16px;font-weight:800;color:var(--accent);letter-spacing:-.02em}
  .feed.compact .veh-lines{display:flex;flex-direction:column;gap:2px}
  .feed.compact .veh-lines .l{font-size:10.5px;font-weight:700;color:var(--muted)}
  .feed.compact .veh-actions{display:flex;flex-direction:column;gap:6px}
  .feed.compact .veh-sq{
    width:44px;height:44px;border-radius:11px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;
    text-decoration:none;background:var(--surface2);box-shadow:inset 0 0 0 1px var(--line);color:var(--text);border:0;
  }
  .feed.compact .veh-sq.call{background:var(--call);color:#fff;box-shadow:0 4px 12px rgba(22,163,74,.3)}
  .feed.compact .veh-sq svg{width:16px;height:16px}
  .feed.compact .veh-sq .t{font-size:7px;font-weight:800;letter-spacing:.03em;text-transform:uppercase}
  .feed.compact .veh-big-only{display:none}

  /* PODROBEN */
  .feed.big .veh{border-radius:14px;box-shadow:var(--shadow-sm)}
  .feed.big .veh-main{display:block;padding:0}
  .feed.big .veh-photowrap{gap:0}
  .feed.big .veh-photo{aspect-ratio:16/10;border-radius:0;position:relative}
  .feed.big .veh-badges-over{position:absolute;top:10px;left:10px;display:flex;flex-wrap:wrap;gap:6px;max-width:80%}
  .feed.big .veh-badges-over .badge{background:rgba(6,12,22,.74);backdrop-filter:blur(10px)}
  .feed.big .veh-priceglass{
    position:absolute;right:10px;bottom:10px;border-radius:14px;padding:8px 12px;text-align:right;
    background:rgba(6,12,22,.82);backdrop-filter:blur(14px);box-shadow:inset 0 0 0 1px rgba(45,212,239,.45);
  }
  .feed.big .veh-priceglass .p{font-size:24px;font-weight:800;color:var(--accent);letter-spacing:-.03em;line-height:1;white-space:nowrap}
  .feed.big .veh-priceglass .sub{display:flex;align-items:center;justify-content:flex-end;gap:6px;margin-bottom:2px}
  .feed.big .veh-sellerbar,.feed.big .veh-hd,.feed.big .veh-sq{display:none}
  .feed.big .veh-body{padding:14px;display:flex;flex-direction:column;gap:10px}
  .feed.big .veh-title{white-space:normal;font-size:17px;font-weight:800;line-height:1.3}
  .feed.big .veh-table{align-self:stretch}
  .feed.big .veh-table .r{grid-template-columns:120px minmax(0,1fr);font-size:13px}
  .feed.big .veh-btns{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:8px}
  .feed.big .veh-compact-only{display:none}
}
/* na desktopu skrijemo telefonske dele */
@media (min-width:641px){
  .veh-mid,.veh-actions,.veh-lines,.veh-pline,.veh-sellerbar,.veh-badges-over,.veh-priceglass,.veh-btns,.veh-sq{display:none}
  .feed .veh-body{display:contents}
}

/* ══════════════════════════════════════════════════════════════════
   DETAJL (odprt oglas)
   ══════════════════════════════════════════════════════════════════ */
.det-topbar{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.det-back{width:36px;height:36px;border-radius:10px;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;
  background:var(--surface2);color:var(--text);box-shadow:inset 0 0 0 1px var(--line);border:0;cursor:pointer}
.det-back svg{width:18px;height:18px}
.det-crumb{flex:1;min-width:0;display:flex;align-items:center;gap:10px;color:var(--muted);font-size:13px}
.det-crumb img{width:28px;height:28px;border-radius:8px;flex:0 0 auto}
.det-crumb .b{color:var(--gold);font-weight:800;font-size:15px}
.det-crumb .t{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:700}
.det-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,360px);gap:20px;align-items:start}
.det-left{display:flex;flex-direction:column;gap:18px;min-width:0}
.det-hero{width:100%;aspect-ratio:16/9;border-radius:16px;overflow:hidden;position:relative}
.det-h1{margin:0;font-size:24px;font-weight:800;line-height:1.25;letter-spacing:-.02em}
.det-table{border:1px solid var(--line-soft);border-radius:12px;overflow:hidden}
.det-table .r{display:grid;grid-template-columns:180px minmax(0,1fr);font-size:14.5px}
.det-table .r:nth-child(odd){background:rgba(255,255,255,.04)}
.det-table .r:nth-child(even){background:rgba(255,255,255,.015)}
.det-table .r .k{padding:10px 14px;color:var(--muted);font-weight:600;font-size:13px;border-right:1px solid var(--line-soft)}
.det-table .r .v{padding:10px 14px;font-weight:700}
.det-sec-title{font-size:15px;font-weight:800;margin:0 0 10px}
/* Komentar prodajalca — berljiv blok, ohrani prelome vrstic */
.det-comment{font-size:14px;line-height:1.55;color:var(--text);white-space:pre-wrap;overflow-wrap:anywhere;
  background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:12px 14px}
.det-equip{display:flex;flex-wrap:wrap;gap:8px}
.det-chip{display:inline-flex;align-items:center;gap:6px;padding:8px 13px;border-radius:999px;font-size:12.5px;font-weight:700;
  background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px rgba(255,255,255,.13)}
.det-chip svg{width:13px;height:13px;color:var(--good);flex:0 0 auto}
.det-right{display:flex;flex-direction:column;gap:14px;position:sticky;top:76px}
.det-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:12px}
.det-price{border-radius:12px;padding:16px 12px;text-align:center;background:rgba(45,212,239,.08);box-shadow:inset 0 0 0 1px rgba(45,212,239,.28)}
.det-price .p{font-size:28px;font-weight:800;letter-spacing:-.03em;color:var(--accent);line-height:1;white-space:nowrap}
.det-price.sale{background:rgba(160,50,50,.12);box-shadow:inset 0 0 0 1px rgba(220,120,120,.3)}
.det-price.sale .p{color:#ff9c9c}
.det-price .lbl{font-size:11px;font-weight:800;color:#f0a8a8;letter-spacing:.05em;margin-bottom:3px}
.det-price .row2{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:6px}
.det-vin-lbl{font-size:11px;font-weight:800;letter-spacing:.1em;color:var(--muted2);text-transform:uppercase}
.det-vin{font:16px/1.3 ui-monospace,'SF Mono',monospace;letter-spacing:.04em;word-break:break-all;font-weight:700}
.det-vin-row{display:flex;align-items:center;gap:8px}
.det-vin-row .veh-btn{padding:8px 12px;flex:0 0 auto}
.det-vin-row .det-btn{flex:1}
.det-priceline{display:none}   /* samo na telefonu (glej @media spodaj) */
.gauge{display:flex;flex-direction:column;align-items:center;gap:4px}
.gauge svg{width:100%;max-width:200px;height:auto}
.gauge .g-label{font-size:15px;font-weight:800;color:var(--good-lite)}
.gauge .g-sub{font-size:11.5px;color:var(--muted2)}
.det-seller{display:flex;align-items:center;gap:10px}
.det-seller .seller-main{flex:1;min-width:0}                                  /* kraj — vzame prostor, se lomi */
.det-seller .sc{font-size:14px;color:var(--text);font-weight:700;white-space:normal;overflow-wrap:anywhere}
.det-seller .seller-tag{flex:0 0 auto;margin-left:auto}                        /* značka prodajalca desno, ne prekriva */
.det-bar{display:none}

@media (max-width:640px){
  .det-grid{display:block}
  .det-topbar{display:none}
  main.det-mode{padding:0 0 104px}
  .det-heromob{position:relative;width:100%;aspect-ratio:4/3;overflow:hidden;
    background:repeating-linear-gradient(135deg,#141e30 0 10px,#111a2a 10px 20px)}
  .det-heromob img{width:100%;height:100%;object-fit:cover;display:block}
  .det-heromob .grad{position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,9,16,.55) 0%,rgba(5,9,16,0) 26%,rgba(5,9,16,0) 62%,rgba(5,9,16,.92) 100%)}
  /* top: max() — ne podvoji offseta (prej 12px + notch → prenizko na iOS); zdaj poravnano na
     varno območje (iOS ~notch, Android ~12px). Videz enak gumbu .to-top (pol-transparentno + blur). */
  .det-heromob .navbtn{position:absolute;top:max(12px, env(safe-area-inset-top));width:40px;height:40px;border-radius:12px;
    display:flex;align-items:center;justify-content:center;background:rgba(20,30,48,.6);
    backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
    border:1px solid var(--line);box-shadow:0 6px 18px rgba(0,0,0,.4);color:var(--text);z-index:2}
  .det-heromob .nb-back{left:14px}
  .det-heromob .nb-star{right:14px}
  .det-heromob .over-badges{position:absolute;left:14px;bottom:12px;display:flex;flex-wrap:wrap;gap:6px;max-width:62%;z-index:2}
  .det-heromob .over-badges .badge{background:rgba(6,12,22,.72);backdrop-filter:blur(10px)}
  /* Cena čez sliko (isti dizajn/pozicija kot razširjen pogled .feed.big) */
  .det-heromob .veh-priceglass{position:absolute;right:14px;bottom:12px;border-radius:14px;padding:8px 12px;text-align:right;z-index:2;
    background:rgba(6,12,22,.82);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:inset 0 0 0 1px rgba(45,212,239,.45)}
  .det-heromob .veh-priceglass .p{font-size:22px;font-weight:800;color:var(--accent);letter-spacing:-.03em;line-height:1;white-space:nowrap}
  .det-heromob .veh-priceglass .sub{display:flex;align-items:center;justify-content:flex-end;gap:6px;margin-bottom:2px}
  .det-left{padding:14px 14px 0;gap:14px}
  .det-hero{display:none}
  .det-left .badges{display:none}   /* značke so že čez sliko (over-badges) */
  .det-right{position:static;padding:0 14px;gap:14px}
  .det-h1{font-size:19px;line-height:1.3}
  .det-priceline{display:flex;align-items:center;justify-content:space-between;gap:10px;
    border-radius:14px;padding:14px;background:rgba(45,212,239,.08);box-shadow:inset 0 0 0 1px rgba(45,212,239,.28)}
  .det-priceline .p{font-size:26px;font-weight:800;color:var(--accent);letter-spacing:-.03em;white-space:nowrap}
  .det-price{display:none}          /* na telefonu cena čez sliko (.veh-priceglass) */
  .det-buybox{display:none}         /* na telefonu podvojeno: cena čez sliko + klic/Avtonet v spodnji vrstici */
  .det-vin-row.two{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .det-bar{
    display:grid;grid-template-columns:1.5fr 1fr;gap:10px;position:fixed;left:0;right:0;bottom:0;z-index:30;
    padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:rgba(7,12,21,.93);backdrop-filter:blur(16px);
    border-top:1px solid var(--line);
  }
  .det-bar .veh-btn{font-size:14.5px}
}
@media (min-width:641px){ .det-heromob{display:none} }

/* ── spinner / center / newbar ── */
.loadmore{margin:6px 0 30px;text-align:center}
.center{text-align:center;color:var(--muted);padding:24px}
.spinner{width:22px;height:22px;border:3px solid var(--line);border-top-color:var(--accent);border-radius:50%;
  animation:spin .8s linear infinite;display:inline-block;vertical-align:middle}
@keyframes spin{to{transform:rotate(360deg)}}
.newbar{position:sticky;top:64px;z-index:9;display:flex;justify-content:center;margin:0 0 12px}
.newbar button{background:var(--accent);color:#04121a;border:0;border-radius:999px;padding:8px 16px;font-weight:800;
  box-shadow:0 6px 18px rgba(45,212,239,.35)}

/* ── VIN poročilo (razširjeno) ── */
.vinbox{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:14px;margin-top:8px}
.vin-row{display:flex;justify-content:space-between;gap:10px;padding:5px 0;border-bottom:1px dashed var(--line);font-size:14px}
.vin-row:last-child{border-bottom:0}
.risk-pill{display:inline-block;padding:6px 12px;border-radius:999px;font-weight:800}

/* ── Filtri / admin (ohranjeno) ── */
.section-title{font-weight:800;margin:18px 0 8px;font-size:15px}
.checks{display:flex;flex-wrap:wrap;gap:8px}
.chk{border:1px solid var(--line);border-radius:999px;padding:8px 12px;font-size:13px;background:var(--surface);user-select:none;cursor:pointer}
.chk.on{background:var(--accent);color:#04121a;border-color:var(--accent)}
.toggle{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line)}
.switch{width:46px;height:28px;border-radius:999px;background:var(--surface2);border:1px solid var(--line);position:relative;flex:0 0 auto;cursor:pointer}
.switch i{position:absolute;top:2px;left:2px;width:22px;height:22px;border-radius:50%;background:#fff;transition:.15s}
.switch.on{background:var(--accent);border-color:var(--accent)}
.switch.on i{left:20px}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.grid2>div{min-width:0}   /* dovoli skrčenje stolpca → ellipsis dropdowna deluje (sicer ga vsebina razširi) */
.equip details{background:var(--surface);border:1px solid var(--line);border-radius:12px;margin-bottom:8px;padding:2px 12px}
.equip summary{padding:12px 0;font-weight:700;cursor:pointer;list-style:none;
  display:flex;align-items:center;gap:10px;user-select:none}
.equip summary::-webkit-details-marker{display:none}   /* skrij privzeto puščico */
.equip summary::after{content:"⌄";margin-left:auto;color:var(--muted);font-size:16px;transition:transform .15s;flex:0 0 auto}
.equip details[open] summary::after{transform:rotate(180deg)}
.equip summary>span:first-child{flex:1;min-width:0}
.equip .eq-count{flex:0 0 auto;font-size:11px;font-weight:800;color:var(--accent);
  background:rgba(45,212,239,.14);padding:2px 8px;border-radius:999px}
.equip details .det-equip{padding:2px 0 12px}
.equip ul{margin:0 0 10px;padding-left:18px;color:var(--muted)}
.multiselect-label{display:block;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:8px;font-size:14px}
.multiselect-btn{display:flex;align-items:center;justify-content:space-between;width:100%;height:44px}

/* ── Reusable custom multiselect (gumb → panel s kljukicami). Nadzor razmika +
   prelomi dolgih opcij. Uporablja se večkrat (znamka, model, oblika, regija…). ── */
.ms{position:relative}
.ms-btn{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;width:100%;
  padding:11px 12px;border-radius:12px;border:1px solid var(--line);background:var(--surface);color:var(--text);
  font:inherit;text-align:left;cursor:pointer}
.ms-cap{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.35}   /* privzeto OKRAJŠAJ (brez preloma videza) */
.ms.wrapcap .ms-cap{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere}       /* opcijsko: prelomi (cfg.wrap:true) */
.ms-cap.ph{color:var(--muted)}
.ms-chev{flex:0 0 auto;color:var(--muted);transition:transform .15s;margin-top:2px}
.ms.open .ms-chev{transform:rotate(180deg)}
/* ✕ za hiter reset izbire (desno, pred puščico) */
.ms-clear{flex:0 0 auto;margin:0 2px 0 4px;color:var(--muted);font-size:13px;line-height:1;padding:2px 5px;border-radius:6px;cursor:pointer}
@media (hover:hover){ .ms-clear:hover{color:var(--text);background:var(--surface2)} }
/* Onemogočen (brez opcij) — temno siv, ni klika, ista oblika */
.ms.disabled .ms-btn{background:var(--surface2);color:var(--muted);cursor:not-allowed;opacity:.55}
.ms.disabled .ms-chev,.ms.disabled .ms-cap{opacity:.7}
.ms-panel{position:absolute;z-index:30;left:0;right:0;margin-top:6px;background:var(--surface);
  border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:8px;
  max-height:300px;overflow-y:auto;-webkit-overflow-scrolling:touch}
.ms-search{width:100%;padding:9px 10px;margin-bottom:6px;border-radius:9px;border:1px solid var(--line);
  background:var(--surface2);color:var(--text);font:inherit}
.ms-opt{display:flex;align-items:flex-start;gap:10px;padding:9px 8px;border-radius:8px;cursor:pointer;
  user-select:none;line-height:1.3;white-space:normal;overflow-wrap:anywhere}   /* prelomi dolge opcije */
@media (hover:hover){ .ms-opt:hover{background:var(--surface2)} }
.ms-opt .box{flex:0 0 auto;width:18px;height:18px;margin-top:1px;border-radius:5px;border:1.5px solid var(--line);
  display:flex;align-items:center;justify-content:center;color:#04121a}
.ms-opt.on .box{background:var(--accent);border-color:var(--accent)}
.ms-opt .box svg{width:12px;height:12px;opacity:0}
.ms-opt.on .box svg{opacity:1}
.ms-sep{height:1px;background:var(--line);margin:6px 4px}
/* Tematsko ločilo znotraj seznama (npr. Priljubljene | ostale). Prazna oznaka = le črta. */
.ms-div{display:flex;align-items:center;gap:8px;padding:8px 6px 3px;color:var(--muted);
  font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.ms-div::after{content:"";flex:1;height:1px;background:var(--line)}
.ms-custom{display:flex;gap:6px;margin-top:6px}
.ms-custom input{flex:1;min-width:0;padding:9px 10px;border-radius:9px;border:1px solid var(--line);
  background:var(--surface2);color:var(--text);font:inherit}
.ms-empty{padding:10px 8px;color:var(--muted);font-size:13px;text-align:center}
.ms.single .ms-opt .box{border-radius:50%}   /* single-select = radio videz */
/* Varianta videza: pol-transparentno ozadje + blur (kot gumb "na vrh"). Vklop prek
   MS_VARIANT='glass' v index.html — brez urejanja CSS za preklop. */
/* Identično gumbu .to-top: temno-prosojno + blur(8px) + var(--line) rob. */
.ms.glass .ms-btn{background:rgba(20,30,48,.6);border-color:var(--line);
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.ms.glass .ms-panel{background:rgba(20,30,48,.92);border-color:var(--line);   /* panel bolj neprozoren za berljivost opcij */
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.ms.glass.disabled .ms-btn{background:rgba(20,30,48,.35);border-color:var(--line)}
/* Vrstica znamka+model (dva single-select dropdowna + ✕ za odstranitev) */
.bm-row{display:flex;gap:8px;margin-bottom:8px;align-items:flex-start}
.bm-row .bm-z,.bm-row .bm-m{flex:1;min-width:0}
.bm-row .bm-del{flex:0 0 auto;align-self:center}
/* ── Admin statistika (predpona st-, NE ad-*: blokatorji oglasov skrivajo takšne razrede) ── */
.st-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
@media (max-width:420px){.st-grid{grid-template-columns:repeat(2,1fr)}}
.st-kpi{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:10px 12px;min-width:0}
.st-v{font-size:20px;font-weight:800;line-height:1.2;overflow-wrap:anywhere}
.st-l{font-size:12px;color:var(--muted);margin-top:2px}
.st-h{font-size:13px;color:var(--muted);margin:0 0 8px;font-weight:700}
.st-row{display:grid;grid-template-columns:minmax(0,48%) 1fr auto;align-items:center;gap:8px;padding:3px 0;font-size:13px}
.st-lab{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.st-track{height:10px;background:var(--line);border-radius:6px;overflow:hidden}
.st-track i{display:block;height:100%;background:var(--accent);border-radius:6px}
.st-num{font-variant-numeric:tabular-nums;color:var(--muted);min-width:3.5ch;text-align:right}
.st-cols{display:flex;align-items:flex-end;gap:3px;height:120px;padding-bottom:16px}
.st-col{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;position:relative;min-width:0}
.st-col i{display:block;background:var(--accent);border-radius:3px 3px 0 0;min-height:0}
.st-stack{display:flex}
.st-stack i{border-radius:0}
.st-stack i:first-child{border-radius:6px 0 0 6px}
.st-stack i.dl,.st-leg i.dl{background:var(--gold)}
.st-leg{display:flex;gap:14px;font-size:12px;color:var(--muted);margin:0 0 8px}
.st-leg span{display:inline-flex;align-items:center;gap:5px}
.st-leg i{width:10px;height:10px;border-radius:3px;background:var(--accent);display:inline-block}
.st-tblwrap{overflow-x:auto}
.st-tbl{width:100%;border-collapse:collapse;font-size:12.5px;font-variant-numeric:tabular-nums}
.st-tbl th,.st-tbl td{padding:5px 4px;text-align:right;white-space:nowrap;border-bottom:1px dashed var(--line)}
.st-tbl thead th{color:var(--muted);font-weight:600;white-space:normal;vertical-align:bottom;line-height:1.25}
.st-tbl tbody th{text-align:left;font-weight:700}
.st-tbl tr:last-child th,.st-tbl tr:last-child td{border-bottom:0}
.st-tbl tr:has(+ .st-sub) th,.st-tbl tr:has(+ .st-sub) td{border-bottom:0;padding-bottom:1px}
.st-tbl tr.st-sub td{text-align:left;white-space:normal;font-size:11px;color:var(--muted);padding-top:0}
.st-edit{background:none;border:0;color:var(--muted);cursor:pointer;padding:0 2px;font-size:13px;line-height:1}
.st-edit:hover,.st-edit.need{color:var(--accent)}
.st-edit:not(.need){opacity:.55}
.st-pair{display:flex;align-items:flex-end;gap:2px;height:100%}
.st-pair i{flex:1;background:var(--accent);border-radius:3px 3px 0 0}
.st-pair i.dl{background:var(--gold)}
.st-col em{position:absolute;top:-2px;left:50%;transform:translateX(-50%);font-size:9px;font-style:normal;color:var(--muted);white-space:nowrap}
.st-colsv{padding-top:14px;height:134px}
.st-colsv .st-col em{top:-14px;color:var(--accent);font-size:10px;font-weight:600}
.st-colsv.st-many .st-col em{font-size:8px;letter-spacing:-.03em}
.st-cols2{padding-top:24px;height:144px}
.st-cs{color:var(--accent)}
.st-cc{color:var(--gold)}
.st-pager{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:6px 0;font-size:12px;color:var(--muted)}
.st-pager .chk[disabled]{opacity:.35;pointer-events:none}
.st-bl{border-bottom:1px dashed var(--line);padding:8px 0}
.st-bl:last-of-type{border-bottom:0}
.st-bl summary{cursor:pointer;list-style:none;font-size:13px;line-height:1.35}
.st-bl summary::-webkit-details-marker{display:none}
.st-bl summary::before{content:'▸ ';color:var(--muted)}
.st-bl[open] summary::before{content:'▾ '}
.st-bl-n{font-weight:700}
.st-bl-sub{display:block;font-size:11px;color:var(--muted);margin-left:14px}
.st-bl .st-tblwrap{margin-top:6px}
.st-tbl tr.st-del td{opacity:.55}
.st-xcap{text-align:center;font-size:10px;color:var(--muted);margin:2px 0 0}
.st-stk{display:flex;flex-direction:column;justify-content:flex-end;height:100%}
.st-stk i{display:block;background:var(--accent);min-height:0}
.st-stk i.dl{background:var(--gold);border-radius:3px 3px 0 0}
.st-stk i:first-child{border-radius:3px 3px 0 0}
.st-cols2.st-many .st-col em{font-size:8px;letter-spacing:-.03em;line-height:10px}
.st-cols2 .st-col em{top:-24px;display:flex;flex-direction:column;align-items:center;line-height:11px}
.st-cols2 .st-col em span{color:var(--accent)}
.st-cols2 .st-col em span.dl{color:var(--gold)}
.st-line{display:block;width:100%;height:auto;overflow:visible}
.st-line path{fill:none;stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round}
.st-line path.s{stroke:var(--accent)}
.st-line path.c{stroke:var(--gold)}
.st-line circle.s{fill:var(--accent)}
.st-line circle.c{fill:var(--gold)}
.st-line text{font-size:10px;text-anchor:middle;font-weight:600}
.st-line text.s{fill:var(--accent)}
.st-line text.c{fill:var(--gold)}
.st-line text.xl{fill:var(--muted);font-weight:400}
.st-line .ax{stroke:var(--line,#8884);stroke-width:1}
.st-col b{position:absolute;bottom:-16px;left:50%;transform:translateX(-50%);font-size:10px;font-weight:400;color:var(--muted);white-space:nowrap}