/* Matematika (poddomena): dopuna evaluator.css */
.mali{font-size:.78rem}.mali-naslov{font-size:1rem;font-weight:500;font-family:var(--font-body)}
.chip.mali{font-size:.72rem;padding:0 7px}
.legenda{font-size:.88rem;display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:0}
.tabs-link{display:flex;gap:6px}
.tabs-link a{border:1px solid var(--line);border-radius:999px;padding:3px 12px;text-decoration:none;color:var(--ink);background:var(--card)}
.tabs-link a.on{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}

/* razina A/B/C */
.raz{display:inline-grid;place-items:center;width:1.55em;height:1.55em;border-radius:6px;font-weight:700;font-size:.8rem;flex:none}
.raz-A{background:#e6f3f7;color:#1f6f8b}.raz-B{background:#eef2f6;color:#3d5566}.raz-C{background:#fff4d6;color:#8a5a00}
.raz.veliki{font-size:1rem;vertical-align:middle}

/* stanja */
.ms{display:inline-block;border-radius:999px;padding:1px 10px;font-size:.84rem;font-weight:600;white-space:nowrap}
.ms-samostalno{background:var(--ok-bg);color:var(--ok)}
.ms-uz_pomoc{background:var(--info-bg);color:var(--accent)}
.ms-djelomicno{background:#fff4d6;color:#8a5a00}
.ms-netocno{background:var(--bad-bg);color:var(--bad)}
.ms-ceka{background:var(--sun-soft);color:#7a5500}
.ms.veliki{font-size:1.05rem;padding:4px 14px}

/* popis zadataka */
.cjelina>summary{cursor:pointer;display:flex;gap:10px;align-items:center;flex-wrap:wrap;list-style:none}
.cjelina>summary::-webkit-details-marker{display:none}
.cjelina>summary::before{content:"▸";color:var(--muted);transition:transform .15s}
.cjelina[open]>summary::before{transform:rotate(90deg)}
.cj-naslov{font-family:var(--font-display);font-weight:700;font-size:1.15rem}
.cj-napredak{color:var(--muted);font-size:.88rem;font-variant-numeric:tabular-nums}
.mz-popis{display:flex;flex-direction:column;margin-top:8px}
.mz-red{display:flex;gap:10px;align-items:center;padding:7px 6px;border-top:1px solid var(--line);text-decoration:none;color:var(--ink)}
.mz-red:hover{background:var(--info-bg);border-radius:8px}
.mz-red.stariji{opacity:.85}
.mz-oznaka{font-family:var(--font-mono);width:4.4em;flex:none;font-size:.9rem}
.mz-opis{flex:1;min-width:0}
.mz-ikone{flex:none;display:flex;gap:4px}
.mz-stanje{flex:none;min-width:7.5em;text-align:right}
@media (max-width:600px){.mz-stanje{min-width:0}.mz-red{flex-wrap:wrap}.mz-opis{flex-basis:100%;order:5}}
.podnaslov{margin-top:12px;font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:600}
.danas-kartica{border:2px solid var(--sun);background:#fffdf5}

/* zadatak */
.komentar-ucitelja{margin-top:14px;background:var(--ok-bg);border-radius:10px;padding:10px 14px}
.komentar-ucitelja.novi{outline:2px solid var(--sun)}
.pomoc-oznaka{font-weight:600}
.slike-mreza{display:flex;gap:10px;flex-wrap:wrap}
.slike-mreza img{width:150px;height:150px;object-fit:cover;border-radius:10px;border:1px solid var(--line);background:#fff}
.slike-mreza.velike img{width:auto;height:auto;max-width:100%;max-height:70vh;object-fit:contain}
.slike-mreza.mini img{width:72px;height:72px}
.slanja{display:flex;flex-direction:column;gap:12px}
.slanje{display:flex;flex-direction:column;gap:8px;padding-top:10px;border-top:1px solid var(--line)}
.slanje.ceka{border-top:3px solid var(--sun)}
.slanje-red{display:flex;justify-content:space-between;gap:14px;align-items:center;text-decoration:none;color:var(--ink);flex-wrap:wrap}
.slanje-red:hover{border-color:var(--accent)}

/* tablica grupe */
.matrica{max-height:78vh;overflow:auto}
.matrica table{width:auto;min-width:100%}
.matrica th,.matrica td{padding:4px 6px;text-align:center;white-space:nowrap}
.matrica thead th{position:sticky;top:0;background:var(--card);z-index:2}
.matrica .lijevo{text-align:left;position:sticky;left:0;background:var(--card);z-index:1;max-width:420px;white-space:normal}
.matrica thead .lijevo{z-index:3}
.matrica .opis{font-size:.85rem;color:var(--muted)}
.matrica tr.stariji .lijevo{background:#f6f7f8}
.matrica th.uc{font-size:.78rem;text-transform:none;letter-spacing:0;min-width:3.6em}
.matrica th.uc a{color:var(--ink);text-decoration:none}
.cj-red td{background:var(--info-bg)!important;font-weight:600;text-align:left;position:sticky;left:0}
.cel a{display:block;min-width:2.6em;min-height:1.6em;text-decoration:none;color:var(--ink);border-radius:6px}
.cel a:hover{outline:2px solid var(--accent)}
.cel.ok{background:var(--ok-bg)}.cel.ok a{color:var(--ok);font-weight:700}
.cel.pomoc{background:var(--info-bg)}.cel.pomoc a{color:var(--accent);font-weight:700}
.cel.djel{background:#fff4d6}.cel.djel a{color:#8a5a00;font-weight:700}
.cel.net{background:var(--bad-bg)}.cel.net a{color:var(--bad);font-weight:700}
.tocka{font-style:normal;color:var(--muted);margin-left:2px}
select.brzi{padding:3px 6px;font-size:1rem}

/* uređivanje stanja: dva jasno odvojena polja */
.siroki{max-width:none}
.statusi{display:flex;gap:8px;flex-wrap:wrap}
.status-izbor{display:flex;gap:6px;align-items:center;border:1px solid var(--line);border-radius:999px;padding:4px 12px;font-weight:600;cursor:pointer;background:var(--card)}
.status-izbor:has(input:checked){outline:2px solid var(--accent)}
.polje-ucenik,.polje-privatno{display:flex;flex-direction:column;gap:6px;border-radius:12px;padding:12px 14px}
.polje-ucenik{background:var(--ok-bg);border:2px solid #9fd3b3}
.polje-privatno{background:#f1eef6;border:2px dashed #a89bc4}
.polje-ucenik textarea,.polje-privatno textarea{font-family:var(--font-body)}
.oznaka-vidi,.oznaka-samo{font-size:.7rem;letter-spacing:.08em;border-radius:6px;padding:1px 8px;margin-left:6px;vertical-align:middle}
.oznaka-vidi{background:var(--ok);color:#fff}
.oznaka-samo{background:#5b4a86;color:#fff}
.privatno-celija{background:#f6f4fa}

/* ostalo */
.dvije{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}
.mali-btn{padding:3px 10px;font-size:.85rem}
.kod{font-size:1.2rem;letter-spacing:.12em;background:var(--sun-soft);padding:2px 10px;border-radius:8px}
.odabir{display:flex;flex-direction:column;margin-top:8px}
.odabir-red{display:flex;gap:8px;align-items:center;padding:5px 4px;border-top:1px solid var(--line);font-weight:400;cursor:pointer}
.odabir-red.stariji{opacity:.85}
.ljepljivo{position:sticky;bottom:0;background:var(--paper);padding:10px 0;z-index:4}