/* cenogram.rs — „Tabla": svetla (podrazumevana) + tamna po sistemskoj temi. Fontovi: Schibsted Grotesk (naslovi), Public Sans (tekst), IBM Plex Mono (brojevi). */
:root{--ground:#F4F6F1;--surface:#FFFFFF;--surface2:#E6EDE5;--ink:#14201C;--soft:#3B4A45;--muted:#5E6F69;--faint:#93A29C;--line:#D3DCD2;--line2:#BCC7BB;
--accent:#0D6E68;--accent-ink:#0A524D;--accent-soft:#DDEEEB;--hl:#C9F27A;--pop:#E4572E;--pop-soft:#FCE7E0;--ok:#2E7A52;--ok-soft:#E2F0E7;--warn:#8A6008;
--pap:#FFFFFF;--papln:#DCE3DA;--pink:#14201C;--tagmu:#6E7A75;--btn-ink:#FFFFFF;--sh:0 10px 30px rgba(20,32,28,.08);--sh2:0 2px 6px rgba(20,32,28,.06);--r:8px;
--f-nas:"Schibsted Grotesk","Public Sans",system-ui,sans-serif;--f-tek:"Public Sans",system-ui,sans-serif;--f-mono:"IBM Plex Mono",ui-monospace,Menlo,monospace}
:root[data-theme="dark"]{color-scheme:dark;--ground:#0F1F1B;--surface:#16302A;--surface2:#1E3B34;--ink:#F2F6F1;--soft:#C9D6D0;--muted:#9DB3AB;--faint:#6E8079;--line:#274A41;--line2:#35594F;
--accent:#C9F27A;--accent-ink:#C9F27A;--accent-soft:#1E3B34;--hl:#C9F27A;--pop:#E8674A;--pop-soft:#3A1F19;--ok:#6BC08D;--ok-soft:#16301F;--warn:#D9AC53;
--pap:#FBF6E4;--papln:#E4DCC2;--pink:#1B1B1B;--tagmu:#6E6A5A;--btn-ink:#1B1B1B;--sh:0 14px 40px rgba(0,0,0,.35);--sh2:0 3px 10px rgba(0,0,0,.25)}
*{box-sizing:border-box}html{color-scheme:light;-webkit-text-size-adjust:100%}[hidden]{display:none!important}
body{margin:0;background:var(--ground);color:var(--ink);font:15px/1.5 var(--f-tek)}
a{color:var(--accent-ink)}img{max-width:100%;height:auto}code{font:.92em var(--f-mono);background:var(--surface2);padding:.05em .35em;border-radius:3px}
.wrap{max-width:1180px;margin:0 auto;padding:0 1rem}
h1,h2,h3{font-family:var(--f-nas);letter-spacing:-.03em;line-height:1.1}
h1{font-size:1.9rem;font-weight:800;margin:.6rem 0 .4rem}h1.mala{font-size:1.45rem;margin:1.2rem 0 .8rem}h1 small{font:500 .85rem var(--f-tek);color:var(--muted);letter-spacing:0;margin-left:.4rem}h1 em{font-style:normal;color:var(--accent-ink)}
h2{font-size:1.2rem;font-weight:700;margin:1.8rem 0 .8rem;display:flex;align-items:baseline;gap:.8rem;flex-wrap:wrap}h2 .vise{font:600 .82rem var(--f-tek);letter-spacing:0;margin-left:auto;text-decoration:none}h2 small{font:500 .72rem var(--f-mono);letter-spacing:.03em;color:var(--muted)}
.mu{color:var(--muted)}.small{font-size:.82rem}.n{text-align:right;font-variant-numeric:tabular-nums}.mrv{font:600 .7rem var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--accent-ink);margin:0 0 .3rem}.mrv a{color:var(--accent-ink);text-decoration:none}
.mono{font-family:var(--f-mono)}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
/* header */
.top{background:var(--surface);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}
.top .wrap{display:flex;align-items:center;gap:1.2rem;height:60px}
.logo{font:800 1.4rem var(--f-nas);letter-spacing:-.04em;color:var(--ink);text-decoration:none}.logo span{color:inherit}
.top nav{display:flex;gap:.2rem;margin-left:auto}.top nav a{text-decoration:none;color:var(--muted);font-weight:500;font-size:.9rem;padding:.4rem .6rem;border-radius:6px}.top nav a:hover{background:var(--surface2);color:var(--ink)}
.trazi{position:relative;display:flex;flex:1;max-width:560px;background:var(--surface);border:1.5px solid var(--line2);border-radius:var(--r);height:40px;align-items:stretch}
.trazi:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
.trazi input,.trazi input[type=search]{flex:1;appearance:none;-webkit-appearance:none;border:0;border-radius:0;box-shadow:none;background:transparent;padding:0 .8rem;margin:0;height:100%;font:inherit;color:var(--ink);min-width:0;outline:0}.trazi input::-webkit-search-cancel-button{-webkit-appearance:none}
.trazi button{border:0;background:var(--accent);color:var(--btn-ink);padding:0 .9rem;cursor:pointer;font:700 .9rem var(--f-nas);display:flex;align-items:center;gap:.4rem;border-radius:0 6px 6px 0}
.trazi .kam{display:flex;align-items:center;gap:.35rem;padding:0 .7rem;color:var(--accent-ink);text-decoration:none;border-left:1px solid var(--line);font-weight:600;font-size:.85rem}.trazi .kam span{display:none}
.trazi.velika{max-width:720px;height:56px;border-width:1.5px;margin:1.5rem 0 0;font-size:1.05rem;box-shadow:var(--sh);border-radius:10px}.trazi.velika button{padding:0 1.3rem;font-size:1rem}.trazi.velika .kam span{display:inline}
.pred{position:absolute;left:-1.5px;right:-1.5px;top:calc(100% + 4px);background:var(--surface);border:1px solid var(--line2);border-radius:var(--r);box-shadow:var(--sh);z-index:30;overflow:hidden;text-align:left;font-size:.9rem}
.pred a{display:flex;gap:.7rem;align-items:center;padding:.45rem .7rem;text-decoration:none;color:var(--ink);border-bottom:1px solid var(--line)}.pred a:last-child{border:0}.pred a:hover,.pred a.on{background:var(--surface2)}
.pred img{width:36px;height:36px;object-fit:contain;background:#fff;border-radius:3px;flex:none}.pred .pn{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pred .pc{font-family:var(--f-mono);font-weight:600;white-space:nowrap}.pred .pc small{color:var(--muted);font-weight:400}
.pred .sve{justify-content:center;color:var(--accent-ink);font-weight:600}
/* mobilna donja traka */
.mtab{display:none}
@media(max-width:700px){
 body{padding-bottom:4.6rem}
 .top .wrap{height:auto;padding:.6rem 1rem;gap:.6rem;flex-wrap:wrap}.top nav{display:none}.trazi{flex-basis:100%;max-width:none}.trazi.velika{height:50px}
 .mtab{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:60;background:var(--surface);border-top:1px solid var(--line);justify-content:space-around;padding:.45rem .3rem calc(.45rem + env(safe-area-inset-bottom))}
 .mtab a{display:flex;flex-direction:column;align-items:center;gap:.15rem;font:600 .62rem var(--f-tek);color:var(--muted);text-decoration:none;min-width:58px}.mtab a.on{color:var(--accent-ink)}.mtab a svg{width:22px;height:22px}
 .mtab a.sk span{background:var(--accent);color:var(--btn-ink);border-radius:50%;width:56px;height:56px;display:flex;align-items:center;justify-content:center;margin-top:-1.6rem}.mtab a.sk span svg{width:30px;height:30px}
}
/* ticker + hero */
.ticker{overflow:hidden;white-space:nowrap;border-bottom:1px solid var(--line);background:var(--surface2);font:500 .78rem var(--f-mono);letter-spacing:.04em;color:var(--muted);padding:.45rem 0}
.ticker span{display:inline-block;padding-right:3rem;animation:tk 70s linear infinite}@keyframes tk{to{transform:translateX(-50%)}}.ticker em{font-style:normal;color:var(--accent-ink);font-weight:600}
.hero{padding:2.8rem 0 1.6rem}
.hero h1{font-size:clamp(2.1rem,5.6vw,4.2rem);line-height:1;margin:0;max-width:15ch;text-wrap:balance}
.hero h1 u{text-decoration:none;background:linear-gradient(transparent 60%,var(--hl) 60%,var(--hl) 92%,transparent 92%)}
.hero .deck{color:var(--muted);font-size:1.05rem;max-width:56ch;margin:1rem 0 0}
.brojke{display:flex;gap:2.2rem;flex-wrap:wrap;margin:1.8rem 0 0}.brojke div{display:flex;flex-direction:column}.brojke b{font:600 1.65rem/1 var(--f-mono);letter-spacing:-.03em;color:var(--accent-ink)}.brojke span{font-size:.7rem;color:var(--muted);letter-spacing:.1em;text-transform:uppercase;font-weight:600;margin-top:.35rem}
@media(max-width:700px){.hero{padding:1.6rem 0 1rem}.brojke{gap:1.3rem}.brojke b{font-size:1.3rem}h2{font-size:1.1rem}h2 small{display:none}}
/* etikete (kartice) */
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(172px,1fr));gap:1rem}
@media(max-width:700px){.grid{grid-template-columns:repeat(2,1fr);gap:.7rem}}
.k{position:relative;isolation:isolate;display:flex;flex-direction:column;gap:.3rem;padding:.7rem .75rem;text-decoration:none;color:var(--pink);transition:transform .15s}
.k::before,.k::after{content:"";position:absolute;inset:0;z-index:-1;clip-path:polygon(0 0,100% 0,100% 100%,14px 100%,0 calc(100% - 14px));border-radius:6px}
.k::before{background:var(--papln)}.k::after{inset:1px;background:var(--pap);clip-path:polygon(0 0,100% 0,100% 100%,13.6px 100%,0 calc(100% - 13.6px))}
.k:hover{transform:translateY(-3px) rotate(-.6deg)}.k:hover::before{background:var(--accent)}
.ki{aspect-ratio:1;background:#fff;border-radius:4px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.ki img{max-width:88%;max-height:88%;object-fit:contain}
.ki .nema{font:700 1.6rem var(--f-nas);color:#C5CCC4;text-transform:uppercase}
.pop{position:absolute;top:.5rem;left:.5rem;background:var(--pop);color:#fff;font:700 .7rem var(--f-mono);padding:.15rem .4rem;border-radius:3px;transform:rotate(-4deg)}
.kn{font:600 .84rem/1.25 var(--f-tek);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.5em}
.km{font:500 .68rem var(--f-mono);color:var(--tagmu);letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kc{margin-top:auto;font-variant-numeric:tabular-nums}.kc b{font:600 1.25rem/1 var(--f-mono);letter-spacing:-.03em}.kc small{color:var(--tagmu);font-size:.65rem}.kc s{color:var(--tagmu);font-size:.75rem;margin-left:.3rem}
.cipovi{display:flex;flex-wrap:wrap;gap:.5rem}.cipovi a{background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:.35rem .85rem .35rem .6rem;text-decoration:none;color:var(--ink);font-size:.88rem;font-weight:500;display:inline-flex;align-items:center;gap:.45rem}.cipovi a:hover{border-color:var(--accent)}.cipovi a i{width:10px;height:10px;border-radius:50%;background:var(--c,var(--accent));flex:none}.cipovi small{color:var(--muted);font:500 .7rem var(--f-mono)}
/* alati, filteri, paginacija */
.alat{display:flex;gap:.8rem;flex-wrap:wrap;align-items:center;margin:0 0 1rem}
.sortovi{display:flex;gap:.2rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:.2rem}.sortovi a{text-decoration:none;color:var(--soft);font-size:.83rem;font-weight:500;padding:.3rem .7rem;border-radius:5px}.sortovi a.on{background:var(--ink);color:var(--ground)}
.filter{display:flex;gap:.5rem;margin-left:auto}select,input[type=number],input[type=text],input[type=email],input[type=password],input:not([type]){font:inherit;color:var(--ink);background:var(--surface)}
.filter select{padding:.4rem .6rem;border:1px solid var(--line2);border-radius:var(--r);font-size:.85rem}
.pag{display:flex;justify-content:space-between;align-items:center;margin:1.4rem 0;font-size:.9rem}.pag a{font-weight:600;text-decoration:none;background:var(--surface);border:1px solid var(--line2);padding:.45rem .9rem;border-radius:var(--r)}
.prazno{background:var(--surface);border:1px dashed var(--line2);border-radius:var(--r);padding:1.4rem;margin:1rem 0;text-align:center}
/* tabele */
.tbl{overflow-x:auto;background:var(--surface);border:1px solid var(--line);border-radius:var(--r)}
table{border-collapse:collapse;width:100%;font-size:.9rem}th{text-align:left;font:600 .68rem var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:.6rem .8rem;border-bottom:1px solid var(--line2);background:var(--surface2);white-space:nowrap}
td{padding:.55rem .8rem;border-bottom:1px solid var(--line);vertical-align:middle}tr:last-child td{border-bottom:0}td.n b,td .cc{font-family:var(--f-mono)}
table.cene tbody tr[data-lanac]{cursor:pointer}table.cene tbody tr[data-lanac]:hover td{background:var(--surface2)}table.cene tr.naj td:first-child{box-shadow:inset 3px 0 0 var(--accent)}table.cene td .pop{position:static;display:inline-block;transform:none}
table.cene td.n b{font:600 1rem var(--f-mono)}
.bar{height:10px;background:var(--surface2);border:1px solid var(--line);border-radius:5px;overflow:hidden;min-width:90px}.bar i{display:block;height:100%;background:var(--muted);border-radius:5px}tr.naj .bar i{background:var(--accent)}
tr.obj td{background:var(--ground);padding:0}
/* ikone i dugmad */
.ik{vertical-align:-3px;flex:none}.b .ik,.ikl .ik{margin-right:.3rem}.top nav .ikl{display:inline-flex;align-items:center}.top nav .nal{color:var(--accent-ink);font-weight:700}
.b{background:var(--accent);color:var(--btn-ink);border:0;border-radius:7px;padding:.65rem 1.2rem;font:700 .92rem var(--f-nas);cursor:pointer;display:inline-flex;align-items:center;gap:.35rem;text-decoration:none}.b:disabled{opacity:.6}
.b.s{background:var(--surface);color:var(--ink);border:1px solid var(--line2)}.b.r{background:var(--pop);color:#fff}.b.vec{background:var(--surface);color:var(--accent-ink);border:1.5px solid var(--accent)}
.b.s.mali,.b.s[title]{padding:.35rem .6rem;font-size:.85rem}
button.lnk{background:none;border:0;color:var(--accent-ink);text-decoration:underline;cursor:pointer;font:inherit;font-size:.85rem;padding:0}
.cip{background:var(--surface);border:1px solid var(--line2);border-radius:999px;padding:.35rem .8rem;font:inherit;font-size:.85rem;cursor:pointer;color:var(--ink)}.cip:hover{border-color:var(--accent);background:var(--accent-soft)}.cip small{color:var(--muted)}
table.cene tr .strel{color:var(--faint);font-size:1.1rem;display:inline-block;transition:transform .15s}table.cene tr.otv .strel{transform:rotate(90deg);color:var(--accent-ink)}
/* objekti lanca (otvoreni red) */
.obj-l{padding:.7rem 1rem .9rem 1.4rem;font-size:.86rem;position:sticky;left:0;max-width:calc(100vw - 2rem);box-sizing:border-box}
.ob-z{display:flex;gap:.6rem;align-items:baseline;flex-wrap:wrap;margin-bottom:.5rem;color:var(--soft)}
.ob-g{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.3rem .9rem}
.ob{display:flex;justify-content:space-between;gap:.6rem;padding:.35rem .5rem;background:var(--surface);border:1px solid var(--line);border-radius:5px}
.ob .on{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ob small{color:var(--muted)}.ob b{white-space:nowrap;font-family:var(--f-mono);font-weight:600}.ob em{font-style:normal;color:var(--pop);font-size:.78rem;font-weight:600}.ob s{color:var(--faint);font-weight:400;font-size:.8rem}
.ob-d{margin:.3rem 0}.ob-d summary{cursor:pointer;font-weight:600;padding:.3rem 0}.ob-d[open] summary{margin-bottom:.3rem}
.ob-gr{display:flex;flex-wrap:wrap;gap:.4rem;margin:.3rem 0 .6rem}
/* artikal */
.art-g{display:grid;grid-template-columns:minmax(220px,360px) 1fr;gap:2rem;align-items:start;margin-top:1rem}
.art-i{background:#fff;border:1px solid var(--line);border-radius:10px;aspect-ratio:1;display:flex;align-items:center;justify-content:center;padding:1.2rem;box-shadow:var(--sh2)}.art-i img{max-width:100%;max-height:100%;object-fit:contain}.nema-slike{color:var(--faint);font:600 1rem var(--f-nas)}
.art h1{font-size:clamp(1.6rem,3.4vw,2.5rem);max-width:22ch;line-height:1.08}
.art .meta{color:var(--muted);margin:.35rem 0 0;font-size:.92rem}
.bigtag{position:relative;isolation:isolate;display:inline-flex;flex-direction:column;color:var(--pink);padding:.9rem 1.2rem;margin:1rem 0}
.bigtag::before,.bigtag::after{content:"";position:absolute;inset:0;z-index:-1;clip-path:polygon(0 0,100% 0,100% 100%,16px 100%,0 calc(100% - 16px))}
.bigtag::before{background:var(--papln)}.bigtag::after{inset:1px;background:var(--pap);clip-path:polygon(0 0,100% 0,100% 100%,15.6px 100%,0 calc(100% - 15.6px))}
.bigtag span{font:600 .68rem var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--tagmu)}.bigtag b{font:600 2.6rem/1 var(--f-mono);letter-spacing:-.04em}.bigtag small{font-size:.8rem;color:var(--tagmu)}
.raspon{display:flex;gap:1.6rem;flex-wrap:wrap;margin:.2rem 0 .8rem;font-size:.88rem;color:var(--muted)}.raspon b{font-family:var(--f-mono);color:var(--ink)}
.nazivi summary{cursor:pointer;color:var(--accent-ink);font-weight:600;font-size:.9rem}.nazivi ul{margin:.4rem 0 0;padding-left:1.1rem;font-size:.86rem;color:var(--soft)}.nazivi li{margin:.15rem 0}
@media(max-width:640px){.art-g{grid-template-columns:1fr}.art-i{max-width:300px;margin:0 auto}}
.dani{margin-left:auto;display:flex;gap:.2rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:.15rem}.dani button{border:0;background:none;font:500 .78rem var(--f-tek);padding:.25rem .6rem;border-radius:5px;cursor:pointer;color:var(--soft)}.dani button.on{background:var(--ink);color:var(--ground)}
.graf{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:.9rem;min-height:120px}.graf svg{width:100%;height:auto;display:block}.graf .leg{display:flex;flex-wrap:wrap;gap:.3rem 1rem;font:500 .74rem var(--f-mono);margin-top:.5rem;color:var(--muted)}.graf .leg i{display:inline-block;width:14px;height:3px;border-radius:2px;vertical-align:middle;margin-right:.35rem}
.grad-tr{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;background:var(--surface2);border:1px solid var(--line);border-radius:var(--r);padding:.55rem .8rem;margin:.2rem 0 1rem;font-size:.9rem}
.grad-tr select{padding:.35rem .5rem;border:1px solid var(--line2);border-radius:5px;font-size:.85rem}
/* skener */
.sken{max-width:640px}
.kamera{background:#111;border-radius:10px;position:relative;min-height:280px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.kamera video{width:100%;max-height:70vh;object-fit:cover;display:block}
.okvir{position:absolute;inset:22% 10%;border:2px solid rgba(255,255,255,.85);border-radius:10px;box-shadow:0 0 0 100vmax rgba(0,0,0,.4);pointer-events:none;transition:border-color .2s,box-shadow .2s}
.okvir.pogodak{border-color:#C9F27A;box-shadow:0 0 0 100vmax rgba(0,0,0,.4),0 0 0 4px rgba(201,242,122,.5)}
.okvir .linija{position:absolute;left:6%;right:6%;height:2px;background:linear-gradient(90deg,transparent,#C9F27A,transparent);top:10%;animation:sk-lin 2.2s ease-in-out infinite}
@keyframes sk-lin{0%,100%{top:8%}50%{top:90%}}
.sk-alat{position:absolute;top:.6rem;right:.6rem;display:flex;gap:.4rem}.sk-b{width:40px;height:40px;border-radius:50%;border:0;background:rgba(0,0,0,.55);color:#fff;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(4px)}.sk-b.on{background:var(--accent);color:var(--btn-ink)}
.sk-status{position:absolute;left:0;right:0;bottom:0;padding:.55rem .8rem;background:rgba(0,0,0,.6);color:#fff;font-size:.85rem;text-align:center;backdrop-filter:blur(4px)}.sk-status.ok{background:rgba(13,110,104,.85)}
.sk-start{color:#eee;text-align:center;padding:1.5rem;max-width:420px}.sk-start p{margin:.4rem 0 .9rem}.sk-start .mu{color:#aaa}.sk-start .b{background:#C9F27A;color:#1B1B1B}
.sk-rez{margin-top:.8rem}.upoz{background:var(--pop-soft);border-left:3px solid var(--pop);padding:.6rem .8rem;border-radius:0 var(--r) var(--r) 0}
.sk-pog,.sk-lista a,.sk-lista div{display:flex;gap:.7rem;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:.5rem .7rem;text-decoration:none;color:var(--ink)}
.sk-pog{border-color:var(--accent);background:var(--accent-soft)}.sk-pog img,.sk-lista img{width:48px;height:48px;object-fit:contain;background:#fff;border-radius:4px}.sk-pog span,.sk-lista span{display:flex;flex-direction:column}.sk-pog small,.sk-lista small{color:var(--muted)}
.sk-lista{display:flex;flex-direction:column;gap:.4rem}.sk-lista a:hover{border-color:var(--accent)}
/* nalog, lista, korpa */
.uska{max-width:460px}.forma{display:flex;flex-direction:column;gap:.7rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:1rem;margin:.8rem 0}
.forma label{display:flex;flex-direction:column;gap:.25rem;font-size:.85rem;font-weight:500}.forma input{padding:.55rem .7rem;border:1px solid var(--line2);border-radius:var(--r);font:inherit}
.forma input:focus{outline:0;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
.kartice{display:flex;gap:.2rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:.2rem;margin-top:.6rem}.kartice button{flex:1;border:0;background:none;font:700 .88rem var(--f-nas);padding:.45rem;border-radius:5px;cursor:pointer;color:var(--soft)}.kartice button.on{background:var(--ink);color:var(--ground)}
.obavest{background:var(--accent-soft);border-left:3px solid var(--accent);padding:.6rem .8rem;border-radius:0 var(--r) var(--r) 0;margin:.6rem 0;font-size:.9rem}.obavest.los{background:var(--pop-soft);border-color:var(--pop)}
.prati{margin:.2rem 0 1rem;display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}
td .sl{width:44px;height:44px;object-fit:contain;background:#fff;border-radius:3px;display:block}.sl-nema{display:block;width:44px;height:44px;border-radius:3px;background:var(--surface2)}
tr.pogodak td{background:var(--ok-soft)}.ok-t{color:var(--ok);font-weight:600;font-size:.8rem}.los-t{color:var(--pop);font-weight:600}
.prag-f{display:flex;gap:.3rem;justify-content:flex-end}.prag-f input{width:5.5rem;padding:.3rem .45rem;border:1px solid var(--line2);border-radius:4px;text-align:right;font:inherit;font-size:.85rem}.prag-f input[type=number]{width:4.5rem}
.k-vrh{display:flex;gap:1rem;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;margin:1.2rem 0 .6rem}
.k-ime{display:flex;gap:.3rem}.k-ime input{font:700 1.15rem var(--f-nas);border:1px solid transparent;border-radius:var(--r);padding:.3rem .5rem;background:transparent;color:var(--ink);min-width:16rem}
.k-ime input:hover,.k-ime input:focus{border-color:var(--line2);background:var(--surface);outline:0}
.k-alat{display:flex;gap:.5rem;align-items:center}.k-dodaj{margin:.6rem 0 1rem;max-width:560px}
.k-obr{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem;margin-top:1.2rem}.card{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:.9rem 1rem}
.k-suma{font:600 2rem var(--f-mono);letter-spacing:-.03em;margin:.4rem 0 0;font-variant-numeric:tabular-nums}.k-suma small{font-size:1rem;color:var(--muted)}
.k-jedan{width:100%}.k-jedan td{padding:.5rem .4rem}.k-jedan tr.naj td{box-shadow:inset 3px 0 0 var(--ok);background:var(--ok-soft)}
.korpe{display:flex;flex-direction:column;gap:.5rem}.korpa-k{display:flex;align-items:center;gap:.6rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:.6rem .8rem}
.korpa-k a{flex:1;display:flex;flex-direction:column;text-decoration:none;color:var(--ink)}.korpa-k:hover{border-color:var(--accent)}
/* saglasnost */
.saglasnost{position:fixed;left:1rem;right:1rem;bottom:1rem;z-index:50;background:var(--ink);color:var(--ground);border-radius:10px;padding:.9rem 1.1rem;display:flex;gap:1rem;align-items:center;flex-wrap:wrap;box-shadow:0 12px 40px rgba(0,0,0,.3);max-width:720px;margin:0 auto}
@media(max-width:700px){.saglasnost{bottom:4.8rem}}
.saglasnost p{margin:0;flex:1;min-width:240px;font-size:.85rem;line-height:1.45}.saglasnost a{color:#C9F27A}
.saglasnost .sg-d{display:flex;gap:.5rem}.saglasnost .b.s{background:transparent;color:var(--ground);border:1px solid rgba(255,255,255,.4)}
/* tekst */
.tekst{max-width:760px}.tekst p,.tekst li{color:var(--soft)}.tekst h2{margin-top:1.4rem}
footer{margin-top:3rem;border-top:1px solid var(--line);background:var(--surface);font-size:.8rem;color:var(--muted)}footer .wrap{display:flex;gap:2rem;padding:1.4rem 1rem;flex-wrap:wrap}footer .wrap>div:first-child{flex:2;min-width:260px}footer .fl{display:flex;flex-direction:column;gap:.3rem;align-items:flex-start}footer a{color:var(--accent-ink)}
main{min-height:60vh}