@font-face{font-family:"Bricolage Grotesque";src:url(/izgled/bricolage-grotesque-bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Instrument Sans";src:url(/izgled/instrument-sans-regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Instrument Sans";src:url(/izgled/instrument-sans-bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"IBM Plex Serif";src:url(/izgled/ibm-plex-serif-italic.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"Young Serif";src:url(/izgled/young-serif.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Instrument Sans";src:url(/izgled/instrument-sans-regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+2190-2193}
@font-face{font-family:"Instrument Sans";src:url(/izgled/instrument-sans-bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap;unicode-range:U+2190-2193}
@font-face{font-family:"Bricolage Grotesque";src:url(/izgled/bricolage-grotesque-bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap;unicode-range:U+2190-2193}
:root{--color-navy-deep:#0B1626;--color-navy:#1D2B47;--color-teal:#23705F;--color-sun:#F2B33D;--color-cream:#F4EEDF;--color-white:#FFFFFF;--color-mist:#AEB7C6;--color-ink-muted:#4B5566;--color-line-dark:#2C3D5C;--color-line-light:#D9CFBA;--color-sun-ink:#8A5A12;--color-mint:#5DBB94;--color-error:#B3261E;--color-error-on-dark:#FF9F96;--color-dusk-deep:#2C4468;--color-dusk:#A9BCD9;--color-sand:#F6DAAA;--series-hoteli-dark:#F6DAAA;--series-hoteli-light:#8A5A12;--series-plaze-dark:#5DBB94;--series-plaze-light:#23705F;--series-put-dark:#F2B33D;--series-put-light:#1D2B47;--series-pitanja-dark:#A9BCD9;--series-pitanja-light:#2C4468;--font-display:"Bricolage Grotesque", sans-serif;--font-text:"Instrument Sans", sans-serif;--font-quote:"IBM Plex Serif", serif;--t-caption:0.8125rem;--lh-caption:1.35;--ls-caption:0em;--t-small:0.875rem;--lh-small:1.3;--ls-small:0.01em;--t-body:1rem;--lh-body:1.45;--ls-body:0em;--t-lead:1.0625rem;--lh-lead:1.35;--ls-lead:0em;--t-title:1.25rem;--lh-title:1.2;--ls-title:-0.005em;--t-heading:1.5rem;--lh-heading:1.12;--ls-heading:-0.01em;--t-headline:1.75rem;--lh-headline:1.08;--ls-headline:-0.015em;--lh-display:1.04;--ls-display:-0.02em;--lh-hook:1.02;--ls-hook:-0.022em;--lh-hero:1.02;--ls-hero:-0.022em;--t-number:2.5rem;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:4rem;--space-9:6rem;--space-10:8rem;--radius-xs:0.125rem;--radius-sm:0.25rem;--radius-md:0.5rem;--radius-lg:1rem;--radius-pill:999px;--stroke-hair:1px;--stroke-rule:2px;--stroke-focus:3px;--stroke-draw:2px;--series-bar-w:36px;--series-bar-h:10px;--tap:44px;--g-ikona:1.5rem;--g-ikona-mala:1rem;--g-plocica:6rem;--g-tok:4rem;--g-tok-vrh:0.75rem;--g-prsten:6rem;--g-teme-w:0.75rem;--g-teme-h:1.5rem;--g-teme-razmak:0.25rem;--g-stubic:0.75rem;--g-mesto:1rem;--g-prica-w:0.5rem;--g-prica-h:1rem;--g-nedelje-razmak:0.25rem;--g-semafor:1rem;--g-iskra-w:8rem;--g-iskra-h:2rem;--g-slicica:6rem;--g-crtica:4px 4px;--st-traka:4rem;--st-scena:32rem;--st-panel:28rem;--st-pre-posle:6rem;--st-list:85vh;--st-oblacic:85%;--m-dno:6rem;--m-glava:3.5rem;--m-broj:1.5rem;--m-red:3rem;--id-kolona:12rem;--id-ocena:3rem;--id-jacina:0.75rem;--id-panel:32rem;--id-list:92vh;--t-mikro:0.75rem;--lh-mikro:1.34;--d-lh-telo:1.375;--d-traka:3rem;--d-traka-siroko:3.5rem;--d-dno:3.5rem;--d-red:3rem;--d-red-2:4rem;--d-red-slika:4rem;--d-red-izbor:3.25rem;--d-naslov-grupe:2rem;--d-plocica:4rem;--d-korak:3.5rem;--d-znacka:1.25rem;--d-pojas:0.5rem;--d-dugme:2.75rem;--d-dugme-sporedno:2.25rem;--d-polje:2.75rem;--d-glava-lista:3.25rem;--d-pilula:2rem;--d-prekidac:3.5rem;--d-stub:14.5rem;--d-slicica-w:2.5rem;--d-slicica-h:3.25rem;--d-odobrenje-w:6rem;--d-odobrenje-h:7.5rem;--d-traka-zalihe:0.75rem;--d-tacka:0.75rem;--d-celija-h:6.75rem;--d-celija-slika:2.75rem;--motion-enter:0.35s;--motion-exit:0.25s;--motion-ui:0.15s;--ease-out:cubic-bezier(.33,1,.68,1);--ease-in:cubic-bezier(.32,0,.67,0);--lift:8px;--surface-page:#F4EEDF;--surface-card:#FFFFFF;--surface-band:#0B1626;--text-primary:#0B1626;--text-secondary:#4B5566;--text-on-band:#F4EEDF;--link:#0B1626;--link-underline:#8A5A12;--focus-ring:#0B1626;--button-primary-bg:#F2B33D;--button-primary-text:#0B1626;--button-secondary-border:#0B1626;--button-secondary-text:#0B1626;--control-border:#4B5566;--line:#D9CFBA;--accent:#8A5A12;--success:#23705F;--warning-bg:#F2B33D;--warning-text:#0B1626;--error:#B3261E;--not-stated:#4B5566;--quote:#1D2B47;--drawing-water:#23705F;--drawing-ground:#1D2B47;--drawing-sand:#F6DAAA;color-scheme:light dark}
@media (prefers-color-scheme:dark){:root:not([data-tema="svetla"]){--surface-page:#0B1626;--surface-card:#1D2B47;--surface-band:#0B1626;--text-primary:#F4EEDF;--text-secondary:#AEB7C6;--text-on-band:#F4EEDF;--link:#FFFFFF;--link-underline:#F2B33D;--focus-ring:#F2B33D;--button-primary-bg:#F2B33D;--button-primary-text:#0B1626;--button-secondary-border:#F4EEDF;--button-secondary-text:#F4EEDF;--control-border:#AEB7C6;--line:#2C3D5C;--accent:#F2B33D;--success:#5DBB94;--warning-bg:#F2B33D;--warning-text:#0B1626;--error:#FF9F96;--not-stated:#AEB7C6;--quote:#F4EEDF;--drawing-water:#5DBB94;--drawing-ground:#2C4468;--drawing-sand:#2C4468}}
:root[data-tema="tamna"]{--surface-page:#0B1626;--surface-card:#1D2B47;--surface-band:#0B1626;--text-primary:#F4EEDF;--text-secondary:#AEB7C6;--text-on-band:#F4EEDF;--link:#FFFFFF;--link-underline:#F2B33D;--focus-ring:#F2B33D;--button-primary-bg:#F2B33D;--button-primary-text:#0B1626;--button-secondary-border:#F4EEDF;--button-secondary-text:#F4EEDF;--control-border:#AEB7C6;--line:#2C3D5C;--accent:#F2B33D;--success:#5DBB94;--warning-bg:#F2B33D;--warning-text:#0B1626;--error:#FF9F96;--not-stated:#AEB7C6;--quote:#F4EEDF;--drawing-water:#5DBB94;--drawing-ground:#2C4468;--drawing-sand:#2C4468}
.noc{--surface-page:#0B1626;--surface-card:#1D2B47;--surface-band:#0B1626;--text-primary:#F4EEDF;--text-secondary:#AEB7C6;--text-on-band:#F4EEDF;--link:#FFFFFF;--link-underline:#F2B33D;--focus-ring:#F2B33D;--button-primary-bg:#F2B33D;--button-primary-text:#0B1626;--button-secondary-border:#F4EEDF;--button-secondary-text:#F4EEDF;--control-border:#AEB7C6;--line:#2C3D5C;--accent:#F2B33D;--success:#5DBB94;--warning-bg:#F2B33D;--warning-text:#0B1626;--error:#FF9F96;--not-stated:#AEB7C6;--quote:#F4EEDF;--drawing-water:#5DBB94;--drawing-ground:#2C4468;--drawing-sand:#2C4468}
:root{--font-wordmark:"Young Serif", serif;--sadrzaj:46rem;--sadrzaj-siroko:74rem;--ivica:var(--space-4);--stub:15rem;--disk:calc(var(--space-6) - var(--space-1));--tacka:var(--space-3)}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;background:var(--surface-page)}
body{margin:0;background:var(--surface-page);color:var(--text-primary);font-family:var(--font-text);font-size:var(--t-body);line-height:var(--lh-body);font-weight:400}
b,strong{font-weight:700}
a{color:var(--link);text-decoration-line:underline;text-decoration-color:var(--link-underline);text-decoration-thickness:var(--stroke-rule);text-underline-offset:.2em}
a:hover{text-decoration-thickness:var(--stroke-focus)}
:focus-visible{outline:var(--stroke-focus) solid var(--focus-ring);outline-offset:var(--stroke-rule);border-radius:var(--radius-sm)}
code{font-family:var(--font-text);font-size:inherit;font-weight:700}
pre{font-family:var(--font-text);font-size:var(--t-small);background:var(--surface-page);border-radius:var(--radius-sm)}
pre{padding:var(--space-3);overflow-x:auto}
q,.citat,blockquote{font-family:var(--font-quote);font-style:italic;color:var(--quote)}
img,video{max-width:100%}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.preskoci{position:absolute;left:-999rem;top:var(--space-2);background:var(--surface-card);color:var(--text-primary);padding:var(--space-3) var(--space-4);border-radius:var(--radius-pill);z-index:9}
.preskoci:focus{left:var(--space-2)}

/* ---- ljuska: tamnoplavo zaglavlje, meni u jednom redu, glavni deo ---- */
.okvir{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto 1fr;grid-template-areas:"glava" "delovi" "glavni";min-height:100vh}
.glava{grid-area:glava;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-2) var(--ivica);background:var(--surface-band);color:var(--text-on-band)}
.logo{display:inline-flex;align-items:center;gap:var(--space-3);min-height:var(--tap);color:var(--text-on-band);text-decoration:none}
.znak-disk{flex:none;display:inline-flex;align-items:center;justify-content:center;width:var(--disk);height:var(--disk);border-radius:var(--radius-pill);background:var(--color-cream);color:var(--color-navy-deep);font-family:var(--font-wordmark);font-size:var(--t-lead);line-height:1}
.znak-ime{font-family:var(--font-wordmark);font-size:var(--t-lead);line-height:1.1;color:var(--color-white);white-space:nowrap}
.stop{margin:0}
.ko-je{display:inline-flex;flex-wrap:wrap;align-items:baseline;gap:0 var(--space-2);margin-left:auto;font-size:var(--t-small);line-height:var(--lh-small);color:var(--text-on-band)}
.ko-je-rec{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.ko-je a{display:inline-flex;align-items:center;min-height:var(--tap);padding:0 var(--space-1);color:var(--text-on-band)}
.b-stop{min-height:var(--tap);padding:0 var(--space-4);background:transparent;color:var(--error);border:var(--stroke-rule) solid var(--error);font-size:var(--t-small)}
.stop-stanje{position:relative;display:inline-flex;align-items:center;flex-shrink:0;margin:0;padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);background:transparent;box-shadow:inset 0 0 0 var(--stroke-hair) var(--text-on-band);color:var(--text-on-band);font-size:var(--t-small);line-height:var(--lh-small);white-space:nowrap}
@media (max-width:22rem){.stop-stanje{flex-shrink:1;min-width:0;white-space:normal;text-align:center}}
.stop-stanje a{position:absolute;inset:calc(var(--space-2) * -1) 0;border-radius:var(--radius-pill);color:transparent;overflow:hidden;font-size:0}
.stop-stanje a:focus-visible{outline-color:var(--color-sun)}
.delovi{grid-area:delovi;padding:var(--space-4) var(--ivica) 0}
.delovi ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2)}
.delovi .delovi-lista{display:none}
.meni{margin:0}
.meni>summary{display:flex;align-items:center;gap:var(--space-1);min-height:var(--tap);padding:var(--space-2) var(--space-4);background:var(--surface-card);border-radius:var(--radius-lg);color:var(--text-primary);list-style:none;cursor:pointer}
.meni>summary::-webkit-details-marker{display:none}
.meni>summary b{font-weight:700}
.meni-ikona{display:inline-flex;flex-direction:column;gap:var(--space-1);margin-right:var(--space-2)}.meni-ikona i{display:block;width:var(--space-4);height:var(--stroke-rule);border-radius:var(--radius-pill);background:var(--text-primary)}
.meni-gde{font-weight:700;color:var(--text-primary)}
.meni-ukupno{margin-left:auto;padding-left:var(--space-3);color:var(--accent);font-weight:700;font-size:var(--t-small);white-space:nowrap}
.meni>ul{margin-top:var(--space-2)}
.delovi a{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1);min-height:var(--tap);padding:var(--space-2) var(--space-2);background:var(--surface-card);border-radius:var(--radius-md);color:var(--text-primary);text-decoration:none;font-size:var(--t-small);font-weight:700;line-height:var(--lh-small);text-align:center}
.delovi a .znacka{position:absolute;top:var(--space-1);right:var(--space-1)}
.deo-ime{min-width:0;overflow-wrap:anywhere}
.delovi a:hover{box-shadow:inset 0 0 0 var(--stroke-hair) var(--control-border)}
.delovi a[aria-current=page]{background:var(--text-primary);color:var(--surface-card)}
.znacka{flex:none;min-width:calc(var(--space-5) + var(--space-1));text-align:center;border-radius:var(--radius-pill);padding:0 var(--space-2);font-size:var(--t-caption);font-weight:700;line-height:var(--lh-caption);background:transparent;box-shadow:inset 0 0 0 var(--stroke-hair) currentColor;color:var(--text-primary);font-variant-numeric:tabular-nums}
main{grid-area:glavni;min-width:0;width:100%;max-width:calc(var(--sadrzaj) + 2 * var(--ivica));padding:var(--space-4) var(--ivica) var(--space-8)}
main.siroko{max-width:calc(var(--sadrzaj-siroko) + 2 * var(--ivica))}
main.sam{margin:0 auto}

/* ---- slova ---- */
h1{font-family:var(--font-display);font-weight:700;font-size:var(--t-headline);line-height:var(--lh-headline);letter-spacing:var(--ls-headline);margin:var(--space-2) 0 var(--space-2);overflow-wrap:anywhere}
h2{font-family:var(--font-text);font-weight:700;font-size:var(--t-lead);line-height:var(--lh-lead);margin:var(--space-6) 0 var(--space-3)}
h3{font-family:var(--font-text);font-weight:700;font-size:var(--t-body);line-height:var(--lh-body);margin:var(--space-4) 0 var(--space-2)}
.card>h2:first-child,article.card>h2{font-family:var(--font-display);font-size:var(--t-title);line-height:var(--lh-title);letter-spacing:var(--ls-title);margin:var(--space-2) 0 var(--space-2)}
p{margin:var(--space-2) 0}
.uvod{color:var(--text-secondary);font-size:var(--t-small);line-height:var(--lh-small);margin:0 0 var(--space-5);max-width:65ch}
.meta{color:var(--text-secondary);font-size:var(--t-small);line-height:var(--lh-small);display:flex;gap:var(--space-1) var(--space-3);flex-wrap:wrap;align-items:center}
span.meta,p.meta{display:block}
.text{white-space:pre-wrap;margin:var(--space-3) 0;max-width:70ch;overflow-wrap:anywhere}
.napomena{color:var(--accent)}
.blok{color:var(--error);font-size:var(--t-small);font-weight:700;margin:var(--space-1) 0}
.trag{display:block}
.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.nowrap{white-space:nowrap}
.izvor-domen{font-weight:700}
.status-on{color:var(--success);font-weight:700}.status-off{color:var(--error);font-weight:700}.status-iskljuceno{color:var(--text-secondary);font-weight:700}
.lvl-greska{color:var(--error);font-weight:700}.lvl-upozorenje{color:var(--accent);font-weight:700}.lvl-odluka{color:var(--link);font-weight:700}
.oznaka-prerada{color:var(--error);font-weight:700}
/* pomoćne (umesto stila u redu) */
.inline{display:inline!important}
.m0{margin:0}.mt0{margin-top:0}.mt1{margin-top:var(--space-1)}.mt2{margin-top:var(--space-2)}.mb0{margin-bottom:0}.mb1{margin-bottom:var(--space-1)}.mb2{margin-bottom:var(--space-2)}.mb3{margin-bottom:var(--space-3)}.my1{margin:var(--space-1) 0}.my2{margin:var(--space-2) 0}
.tap{display:inline-flex;align-items:center;min-height:var(--tap)}
.obican{display:block;min-height:0;padding:0}
.sidro{scroll-margin-top:var(--space-2)}
.jako{font-weight:700}
.koraci{padding-left:var(--space-5)}.koraci>li{margin-bottom:var(--space-3)}
.prijava{margin:var(--space-8) auto 0}
.lista-cista{list-style:none;margin:0;padding:0}
.lista-uvucena{margin:var(--space-1) 0;padding-left:var(--space-5)}
.sitno{font-size:var(--t-small);line-height:var(--lh-small)}
.lomi{overflow-wrap:anywhere}
.razdvoj{border-top:var(--stroke-hair) solid var(--line);padding-top:var(--space-2);margin-top:var(--space-2)}
.mreza-3{display:grid;gap:var(--space-3)}
.uska{max-width:22.5rem}

/* ---- kartice i odeljci ---- */
.card{background:var(--surface-card);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);margin:var(--space-3) 0;min-width:0}
.card-greska{border-top:var(--stroke-hair) solid var(--line);margin-top:var(--space-3);padding-top:var(--space-2)}
.dva{display:block}
.scroll{overflow-x:auto}
.scroll-hint{display:none;font-size:var(--t-caption);color:var(--text-secondary);margin:var(--space-1) 0}
.empty{color:var(--text-secondary);padding:var(--space-3) 0;margin:0}
.prazno{display:flex;flex-direction:column;gap:var(--space-1);border:var(--stroke-rule) dashed var(--line);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);margin:var(--space-3) 0}
.prazno strong{display:block;font-size:var(--t-body)}
.prazno p{margin:var(--space-1) 0;color:var(--text-secondary);font-size:var(--t-small);max-width:65ch}
.prazno-slika{display:block;width:100%;max-width:18.75rem;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius-md);margin:0 0 var(--space-2)}
.uspeh{display:flex;gap:var(--space-3);align-items:baseline;background:var(--surface-card);border-radius:var(--radius-lg);box-shadow:inset var(--space-1) 0 0 var(--success);padding:var(--space-3) var(--space-5);margin:var(--space-2) 0 var(--space-4);font-weight:700}
.uspeh::before{content:"";flex:none;width:var(--tacka);height:var(--tacka);border-radius:var(--radius-pill);background:var(--success);transform:translateY(calc(var(--space-1) / -2))}
.nista-ne-salje{background:var(--surface-card);border-radius:var(--radius-lg);box-shadow:inset var(--space-1) 0 0 var(--text-primary);padding:var(--space-4) var(--space-5);margin:var(--space-2) 0 var(--space-4)}
.nista-ne-salje strong{display:block;font-size:var(--t-body);margin-bottom:var(--space-1)}
.mrvice{font-size:var(--t-small);margin:0;color:var(--text-secondary)}.mrvice a{display:inline-flex;align-items:center;min-height:var(--tap);font-weight:700}

/* ---- oznake (pilule): stanje iz uloga ---- */
.chip{display:inline-flex;align-items:center;gap:var(--space-1);max-width:100%;border:var(--stroke-hair) solid var(--control-border);border-radius:var(--radius-pill);padding:0 var(--space-2);font-size:var(--t-caption);font-weight:700;line-height:var(--lh-caption);color:var(--text-primary);background:transparent;overflow-wrap:anywhere;vertical-align:baseline}
.chip.ok,.chip.objavljeno{color:var(--success);border-color:var(--success)}
.chip.greska,.chip.lose{color:var(--error);border-color:var(--error)}
.chip.hitno{border-color:var(--text-primary)}
.chip.proba{color:var(--accent);border-color:var(--accent)}
.serija{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--t-small);font-weight:700}
.serija::before{content:"";flex:none;width:var(--series-bar-w);height:var(--series-bar-h);border-radius:var(--radius-pill);background:var(--traka-serije,var(--control-border))}
.s-hoteli{--traka-serije:var(--series-hoteli-light)}.s-plaze{--traka-serije:var(--series-plaze-light)}.s-put{--traka-serije:var(--series-put-light)}.s-pitanja{--traka-serije:var(--series-pitanja-light)}
@media (prefers-color-scheme:dark){.s-hoteli{--traka-serije:var(--series-hoteli-dark)}.s-plaze{--traka-serije:var(--series-plaze-dark)}.s-put{--traka-serije:var(--series-put-dark)}.s-pitanja{--traka-serije:var(--series-pitanja-dark)}}
.pr{display:inline-flex;align-items:center;justify-content:center;min-width:calc(var(--space-5) + var(--space-1));border-radius:var(--radius-pill);padding:0 var(--space-2);font-weight:700;font-size:var(--t-caption);line-height:var(--lh-caption);border:var(--stroke-hair) solid var(--text-primary)}
.pr-A{background:var(--text-primary);color:var(--surface-card)}.pr-B{background:var(--surface-page);color:var(--text-primary)}.pr-C{background:transparent;color:var(--text-secondary);border-color:var(--control-border)}

/* ---- dugmad (pilule) i polja ---- */
button,a.dugme,.b-ok,.b-back,.b-bad{font:inherit;font-weight:700;font-size:var(--t-body);line-height:1.2;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--tap);padding:var(--space-2) var(--space-5);border-radius:var(--radius-pill);border:var(--stroke-rule) solid var(--button-secondary-border);background:transparent;color:var(--button-secondary-text);cursor:pointer;text-decoration:none;text-align:center;transition:box-shadow var(--motion-ui) var(--ease-out)}
.b-ok,a.dugme{background:var(--button-primary-bg);border-color:var(--button-primary-bg);color:var(--button-primary-text)}
.b-back,a.dugme.sporedno{background:transparent;border-color:var(--button-secondary-border);color:var(--button-secondary-text)}
.b-bad{background:transparent;border-color:var(--error);color:var(--error)}
.b-jako,a.dugme.jako{background:var(--text-primary);border-color:var(--text-primary);color:var(--surface-page)}
button:hover,a.dugme:hover,.b-ok:hover,.b-back:hover,.b-bad:hover{box-shadow:0 0 0 var(--stroke-rule) var(--surface-card),0 0 0 var(--stroke-focus) currentColor}
a.dugme.puno{display:flex;width:100%}
a.mala-dugme{display:inline-flex;align-items:center;min-height:var(--tap);padding:var(--space-1) 0;font-weight:700}
form.actions{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-3)}
.row{display:flex;gap:var(--space-2);flex-wrap:wrap;align-items:center}
form+form,form.row+form,.actions+form{margin-top:var(--space-2)}
textarea,input,select{font:inherit;font-size:var(--t-body);width:100%;min-height:var(--tap);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:var(--stroke-hair) solid var(--control-border);background:var(--surface-card);color:var(--text-primary)}
label{font-size:var(--t-small);font-weight:700;display:block;margin-bottom:var(--space-1)}
input[type=checkbox],input[type=radio]{width:calc(var(--space-5) - var(--stroke-rule));height:calc(var(--space-5) - var(--stroke-rule));min-height:0;margin:0;padding:0;flex:none;accent-color:var(--text-primary)}
.izbor{display:flex;align-items:center;justify-content:center;min-width:var(--tap);min-height:var(--tap);margin:0;cursor:pointer}
.switch{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}
details{margin:var(--space-2) 0}
summary{cursor:pointer;color:var(--link);font-weight:700;min-height:var(--tap);display:flex;align-items:center;gap:var(--space-3);list-style:none}
summary::-webkit-details-marker{display:none}
details:not(.meni)>summary::before{content:"";flex:none;width:var(--space-2);height:var(--space-2);border-right:var(--stroke-rule) solid currentColor;border-bottom:var(--stroke-rule) solid currentColor;transform:translateY(calc(var(--space-1) / -2)) rotate(-45deg);transition:transform var(--motion-ui) var(--ease-out)}
details[open]:not(.meni)>summary::before{transform:translateY(calc(var(--space-1) / -2)) rotate(45deg)}
.potvrde{border:0;margin:0;padding:0}
.potvrde legend{font-weight:700;padding:0;margin:0 0 var(--space-1)}
.potvrde label{display:flex;gap:var(--space-3);align-items:flex-start;font-size:var(--t-body);font-weight:700;min-height:var(--tap);padding:var(--space-2) 0;margin:0;cursor:pointer}
.potvrde label input[type=checkbox]{margin-top:var(--stroke-rule)}
.potvrde .opis,.hitno-izbor .opis{display:block;font-weight:400;color:var(--text-secondary);font-size:var(--t-small)}
.brzo{display:flex;flex-wrap:wrap;gap:var(--space-2)}
.brzo button{font-size:var(--t-small);padding:var(--space-1) var(--space-4)}
.hitno-izbor{display:flex;gap:var(--space-3);align-items:flex-start;min-height:var(--tap);padding:var(--space-2) 0;margin:0;cursor:pointer}

/* ---- tabele ---- */
table{border-collapse:collapse;width:100%;font-size:var(--t-small);line-height:var(--lh-small);font-variant-numeric:tabular-nums}
th{font-weight:700;color:var(--text-secondary)}
td,th{border-bottom:var(--stroke-hair) solid var(--line);padding:var(--space-2) var(--space-2);text-align:left;vertical-align:top}
th.num{white-space:normal;min-width:var(--space-8)}
.naziv-serije{min-width:11em}
.dl{display:grid;grid-template-columns:minmax(0,13em) minmax(0,1fr);gap:0;margin:0;font-size:var(--t-small);line-height:var(--lh-small)}
.dl dt,.dl dd{margin:0;padding:var(--space-2) 0;border-top:var(--stroke-hair) solid var(--line)}
.dl dt{color:var(--text-secondary);padding-right:var(--space-3)}
.dl dd{overflow-wrap:anywhere;min-width:0}
.dl dt:first-of-type,.dl dt:first-of-type+dd{border-top:0}

/* ---- Početna: šta čeka tebe, spremnost, glavna radnja ---- */
.ceka{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-3)}
.ceka>li>a{display:grid;grid-template-columns:3rem minmax(0,1fr);gap:0 var(--space-4);align-items:center;padding:var(--space-4) var(--space-5) var(--space-4) var(--space-4);background:var(--surface-card);border-radius:var(--radius-lg);color:var(--text-primary);text-decoration:none;min-height:calc(var(--space-8) + var(--space-3))}
.ceka>li>a:hover{box-shadow:inset 0 0 0 var(--stroke-hair) var(--control-border)}
.ceka .broj{grid-row:span 2;font-family:var(--font-display);font-weight:700;font-size:var(--t-number);line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--accent);text-align:left}
.ceka .broj.lose{color:var(--error)}.ceka .broj.oprez{color:var(--accent)}
.ceka .sta{font-weight:700;align-self:end;line-height:var(--lh-title)}
.ceka .kako{color:var(--text-secondary);font-size:var(--t-small);line-height:var(--lh-small);align-self:start}
.ceka .kad{background:var(--surface-card);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-5)}
.ceka .kad-naslov{display:block;font-size:var(--t-small);font-weight:700;color:var(--text-secondary)}
.ceka .kad-lista{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:0 var(--space-5)}
.ceka .kad-lista a{display:flex;align-items:baseline;gap:var(--space-2);padding:var(--space-1) 0;min-height:var(--tap);color:var(--text-primary);text-decoration:none}
.ceka .kad-lista .broj{grid-row:auto;font-size:var(--t-title)}
.ceka .kad-lista .sta{font-weight:700;align-self:auto}
.ceka .kad-lista .kako{display:none}
.mirno{color:var(--text-secondary);font-size:var(--t-small);margin:var(--space-2) 0 0}
.glavna-radnja{margin:var(--space-6) 0 var(--space-2)}
ul.spremno{list-style:none;padding:var(--space-2) var(--space-5);margin:var(--space-3) 0;background:var(--surface-card);border-radius:var(--radius-lg)}
ul.spremno li{display:flex;gap:var(--space-4);align-items:baseline;padding:var(--space-2) 0;overflow-wrap:anywhere}
ul.spremno li+li{border-top:var(--stroke-hair) solid var(--line)}
.sp-znak{flex:none;display:inline-block;width:var(--tacka);height:var(--tacka);border-radius:var(--radius-pill);background:var(--control-border);transform:translateY(calc(var(--space-1) / -4))}
.sp-ok .sp-znak{background:var(--success)}.sp-lose .sp-znak{background:var(--error)}.sp-oprez .sp-znak{background:var(--accent)}
ul.spremno .uradi{display:inline-block;margin-top:var(--space-1);font-size:var(--t-small)}
.tacka{display:inline-block;width:var(--tacka);height:var(--tacka);border-radius:var(--radius-pill);vertical-align:baseline;margin-right:var(--space-1)}
.tacka.ok{background:var(--success)}.tacka.lose{background:var(--error)}.tacka.oprez{background:var(--accent)}
.recima{margin:0;padding:0;list-style:none}
.recima li{padding:var(--space-2) 0;border-top:var(--stroke-hair) solid var(--line)}
.recima li:first-child{border-top:0;padding-top:0}
section>ul.recima{background:var(--surface-card);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5)}
.recima-broj{margin:0;padding-left:var(--space-5)}.recima-broj li{margin:var(--space-2) 0}
.poslovi{list-style:none;margin:0;padding:var(--space-2) var(--space-5);background:var(--surface-card);border-radius:var(--radius-lg)}
.poslovi li{display:grid;grid-template-columns:6rem minmax(0,1fr);gap:var(--space-3);padding:var(--space-2) 0;border-top:var(--stroke-hair) solid var(--line);font-size:var(--t-small);line-height:var(--lh-small)}
.poslovi li:first-child{border-top:0}
.poslovi time{font-variant-numeric:tabular-nums;font-weight:700}
.nedelja{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:var(--space-1);margin:0 0 var(--space-2);padding:0;list-style:none}
.nedelja li{border-radius:var(--radius-md);padding:var(--space-2) var(--space-1);text-align:center;background:var(--surface-card);font-size:var(--t-caption);line-height:var(--lh-caption);min-height:calc(var(--space-8) - var(--space-1))}
.nedelja li.danas{box-shadow:inset 0 0 0 var(--stroke-rule) var(--text-primary)}
.nedelja .d{display:block;color:var(--text-secondary)}.nedelja .n{display:block;font-family:var(--font-display);font-size:var(--t-title);font-weight:700;font-variant-numeric:tabular-nums}
.nedelja .nula{color:var(--text-secondary);font-weight:400}
.brojke{display:grid;grid-template-columns:repeat(auto-fill,minmax(8.5em,1fr));gap:var(--space-2);list-style:none;margin:var(--space-2) 0;padding:0}
.brojke li{background:var(--surface-card);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);min-width:0}
.brojke a{text-decoration:none;color:var(--text-primary);display:block}
.brojke b{display:block;font-family:var(--font-display);font-size:var(--t-heading);line-height:var(--lh-heading);font-variant-numeric:tabular-nums}
.brojke span{font-size:var(--t-caption);color:var(--text-secondary)}
.traka{height:var(--space-2);background:var(--surface-page);border-radius:var(--radius-pill);overflow:hidden;margin:var(--space-1) 0 var(--space-3);box-shadow:inset 0 0 0 var(--stroke-hair) var(--control-border);min-width:5rem}
.traka span{display:block;height:100%;background:var(--success)}
.traka.puno span{background:var(--error)}.traka.blizu span{background:var(--warning-bg)}

/* ---- kartice dela (ljuska) i podnavigacija ---- */
.kartice{display:flex;flex-wrap:wrap;gap:0 var(--space-4);margin:0 0 var(--space-1);border-bottom:var(--stroke-hair) solid var(--line)}
.kartice a{display:inline-flex;align-items:center;min-height:var(--tap);color:var(--text-secondary);text-decoration:none;font-size:var(--t-small);font-weight:700;box-shadow:inset 0 calc(var(--stroke-rule) * -1) 0 transparent}
.kartice a:hover{color:var(--text-primary)}
.kartice a[aria-current=page]{color:var(--text-primary);box-shadow:inset 0 calc(var(--stroke-focus) * -1) 0 var(--accent)}
.podnav{display:flex;gap:var(--space-2);flex-wrap:wrap;margin:0 0 var(--space-4)}
.podnav a{display:inline-flex;align-items:center;min-height:var(--tap);padding:0 var(--space-4);border-radius:var(--radius-pill);border:var(--stroke-hair) solid var(--control-border);background:var(--surface-card);color:var(--text-primary);text-decoration:none;font-size:var(--t-small);font-weight:700}
.podnav a[aria-current=page]{background:var(--text-primary);color:var(--surface-card);border-color:var(--text-primary)}
.ned-nav,.stranice,.sledeca{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2);flex-wrap:wrap;font-size:var(--t-small);margin:var(--space-2) 0}
.ned-nav a,.stranice a,.sledeca a{display:inline-flex;align-items:center;min-height:var(--tap);font-weight:700}

/* ---- Objave: kartica, slajdovi, cela objava ---- */
.imgs{display:flex;gap:var(--space-2);overflow-x:auto;padding:var(--stroke-rule) 0 var(--space-2);scroll-snap-type:x mandatory}
.imgs img{height:15rem;width:auto;border-radius:var(--radius-md);scroll-snap-align:start;background:var(--surface-page)}
.imgs video{border-radius:var(--radius-md);background:var(--color-navy-deep)}
.slajd-mini{flex:none;display:flex;flex-direction:column;gap:var(--space-1);scroll-snap-align:start;text-decoration:none;color:var(--text-primary);font-size:var(--t-caption)}
.slajd-mini img{display:block;object-fit:contain}
.slajd-mini .br{color:var(--text-secondary);font-variant-numeric:tabular-nums}
.nema-fajla{display:block;color:var(--error);font-size:var(--t-caption);font-weight:700}
.slajdovi-celi{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-5)}
.slajd-ceo{margin:0;max-width:33.75rem}
.slajd-ceo img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:contain;background:var(--surface-page);border-radius:var(--radius-lg)}
.slajd-ceo figcaption{font-size:var(--t-small);padding:var(--space-2) 0 0;display:flex;flex-direction:column;gap:var(--space-1)}
.slajd-ceo figcaption a{display:inline-flex;align-items:center;min-height:var(--tap)}
.cela-video{display:block;width:100%;max-width:26.25rem;height:auto;aspect-ratio:9/16;background:var(--color-navy-deep);border-radius:var(--radius-lg)}
.nema-fajla-velika{border:var(--stroke-rule) dashed var(--error);border-radius:var(--radius-lg);padding:var(--space-4);background:var(--surface-card);color:var(--text-primary);max-width:33.75rem}
.nema-fajla-velika strong{color:var(--error)}
.opis-objave{background:var(--surface-card);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);overflow-wrap:anywhere;font-size:var(--t-body)}
pre.opis-objave{font-size:var(--t-small);white-space:pre-wrap}
.izvori-lista{list-style:none;margin:0;padding:0}
.izvor-cinjenice{border-top:var(--stroke-hair) solid var(--line);padding:var(--space-3) 0}.izvor-cinjenice:first-child{border-top:0}
.izvor-mesto{margin:0 0 var(--space-1)}
.citat{margin:0;padding:var(--stroke-rule) 0 var(--stroke-rule) var(--space-3);border-left:var(--space-1) solid var(--accent)}
.izvor-cinjenice a,.fact a{word-break:break-all}
.istorija{margin:0;padding-left:var(--space-5);font-size:var(--t-small)}.istorija li{margin:var(--space-2) 0}
.fact{font-size:var(--t-small);border-top:var(--stroke-hair) solid var(--line);padding:var(--space-2) 0}
.fact q{color:var(--quote)}
a.cela{font-size:var(--t-caption);white-space:nowrap;margin-left:var(--space-1);color:var(--text-primary);display:inline-block;padding:var(--space-3) var(--space-1);margin-top:calc(var(--space-3) * -1);margin-bottom:calc(var(--space-3) * -1)}
.kadrovi{display:flex;gap:var(--space-3);overflow-x:auto;padding:var(--space-1) 0 var(--space-2)}
.kadar{margin:0;flex:0 0 12.5rem;display:flex;flex-direction:column;gap:var(--space-2);font-size:var(--t-small)}
.kadar img{width:12.5rem;height:auto;aspect-ratio:9/16;object-fit:cover;border-radius:var(--radius-md);background:var(--surface-page)}
.kadar figcaption{display:flex;flex-direction:column;gap:var(--space-1)}
.kadar a{display:inline-flex;align-items:center;min-height:var(--tap);font-weight:700}
.odbijena{font-size:var(--t-small);border-top:var(--stroke-hair) solid var(--line);padding:var(--space-2) 0}
.odbijena strong{color:var(--accent)}

/* ---- kalendar ---- */
.kal{display:flex;flex-direction:column;margin-top:var(--space-2)}
.dan{display:flex;gap:var(--space-3);border-top:var(--stroke-hair) solid var(--line);padding:var(--space-2) 0}.dan:first-child{border-top:0}
.dan-ime{flex:0 0 5rem;font-size:var(--t-caption);color:var(--text-secondary);font-weight:700}
.dan.prazan{padding:var(--space-1) 0}.dan.prazan .dan-ime{font-weight:400}
.dan.danas{background:var(--surface-page);border-radius:var(--radius-md);padding:var(--space-2);box-shadow:inset var(--space-1) 0 0 var(--text-primary)}
.dan.danas .dan-ime{color:var(--text-primary)}
.oznaka-danas{display:inline-block;background:var(--text-primary);color:var(--surface-card);border-radius:var(--radius-pill);padding:0 var(--space-2);font-size:var(--t-caption);font-weight:700;margin-left:var(--space-1)}
.stavke{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-2)}
.stavka{font-size:var(--t-small);line-height:var(--lh-small);overflow-wrap:anywhere}.stavka a{color:var(--text-primary)}
.stavka .sat{font-variant-numeric:tabular-nums;font-weight:700;margin-right:var(--space-1)}
.bez{padding-left:var(--space-5)}.bez li{margin:var(--space-2) 0}.bez .sta{color:var(--text-secondary);font-size:var(--t-small)}
.posao{border-top:var(--stroke-hair) solid var(--line);padding:var(--space-3) 0}.posao:first-child{border-top:0;padding-top:0}
.posao h3{margin:0 0 var(--space-1)}.posao ul{margin:var(--space-2) 0 0;padding-left:var(--space-5);font-size:var(--t-small)}.posao li{margin:var(--space-1) 0}
.plan-lista{list-style:none;margin:var(--space-2) 0 0;padding:0}
.plan-mesto{display:grid;grid-template-columns:5rem minmax(0,1fr);gap:var(--space-2);padding:var(--space-2) 0;border-top:var(--stroke-hair) solid var(--line);font-size:var(--t-small);overflow-wrap:anywhere}
.plan-mesto:first-child{border-top:0}
.plan-dan{font-size:var(--t-caption);color:var(--text-secondary);font-weight:700;font-variant-numeric:tabular-nums}
.plan-prazno{background:var(--surface-page);border-radius:var(--radius-md);padding:var(--space-2)}
/* ---- kalendar za 9 nedelja (src/web/kalendar-tabla.ts): telefon prvo, dan ispod dana ---- */
.kn-nedelja{background:var(--surface-card);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-3) var(--space-4);margin:var(--space-3) 0}
.kn-nedelja-glava{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-1) var(--space-3);padding:0 var(--space-1)}
.kn-nedelja-glava h3{margin:var(--space-1) 0}
.kn-dani{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-2)}
.kn-dan{display:flex;flex-direction:column;gap:var(--space-1);background:var(--surface-page);border-radius:var(--radius-md);padding:var(--space-2);min-width:0;transition:box-shadow var(--motion-ui)}
.kn-dan.kn-prosao{opacity:.6}
.kn-dan.kn-danas{box-shadow:inset 0 0 0 var(--stroke-rule) var(--text-primary)}
.kn-dan.kn-cilj{box-shadow:inset 0 0 0 var(--stroke-focus) var(--focus-ring);background:var(--surface-card)}
.kn-dan-ime{font-size:var(--t-caption);line-height:var(--lh-caption);font-weight:700;color:var(--text-secondary)}
.kn-objave,.kn-price{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-1)}
.kn-cip{position:relative;display:flex;flex-direction:column;gap:var(--space-1);background:var(--surface-card);border:var(--stroke-hair) solid var(--line);border-radius:var(--radius-md);padding:var(--space-2);min-height:var(--tap);font-size:var(--t-small);line-height:var(--lh-small);overflow-wrap:anywhere}
.kn-cip.kn-vuci .kn-format{padding-right:var(--space-7)}
.kn-cip.kn-vuci{cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.kn-cip.kn-ceka{box-shadow:0 0 0 var(--stroke-rule) var(--control-border)}
.kn-cip.kn-podignut{opacity:.4}
.kn-cip.kn-prazno{background:transparent;color:var(--text-secondary);padding-right:var(--space-2)}
.kn-cip.kn-proslo{background:transparent;color:var(--text-secondary);padding-right:var(--space-2)}
.kn-otvori{display:flex;flex-direction:column;gap:var(--space-1);color:var(--text-primary);text-decoration:none;-webkit-touch-callout:none}
a.kn-otvori:hover .kn-naslov{text-decoration:underline}
.kn-format{display:flex;align-items:flex-start;gap:var(--space-1);font-size:var(--t-caption);line-height:var(--lh-caption);font-weight:700;color:var(--text-secondary)}
.kn-format>span{min-width:0;overflow-wrap:break-word}
.kn-ikona{flex:none;width:var(--t-small);height:var(--t-small);margin-top:calc(var(--space-1) / 2)}
.kn-naslov{font-weight:700}
.kn-stanje{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-1);font-size:var(--t-caption);line-height:var(--lh-caption)}
.kn-stanje .chip{white-space:nowrap}
.kn-napomena{font-size:var(--t-caption);line-height:var(--lh-caption);color:var(--accent)}
.kn-meni{position:absolute;top:0;right:0}
.kn-forma{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);min-width:0;max-width:100%}
.kn-forma label{flex:1 0 100%}
.kn-forma input[type=date]{flex:1 1 9rem;min-width:0;max-width:100%}
.meta a,.izvor-domen{overflow-wrap:anywhere}
.zaliha-vise>summary{flex-wrap:wrap;row-gap:0;padding:var(--space-2) 0 var(--space-3)}
.zaliha-vise summary .zaliha-red{display:block;flex:1 0 100%;margin-top:0;padding-left:var(--space-6);font-weight:400}
.kn-meni>summary{display:flex;align-items:center;justify-content:center;min-width:var(--tap);min-height:var(--tap);list-style:none;cursor:pointer;font-weight:700;color:var(--text-primary)}
.kn-meni>summary::-webkit-details-marker{display:none}
.kn-meni>summary::before{content:none!important}
.kn-meni[open]{position:static;margin-top:var(--space-1)}
.kn-meni[open]>summary{position:absolute;top:0;right:0}
.kn-meni-telo{display:flex;flex-direction:column;gap:var(--space-2);border-top:var(--stroke-hair) solid var(--line);padding-top:var(--space-2)}
.kn-forma{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}
.kn-forma label{width:100%;font-size:var(--t-caption);font-weight:700}
.kn-forma input[type=date]{min-height:var(--tap);font:inherit;color:var(--text-primary);background:var(--surface-card);border:var(--stroke-hair) solid var(--control-border);border-radius:var(--radius-sm);padding:0 var(--space-2)}
.kn-prica a{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1) var(--space-2);min-height:var(--tap);padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);background:var(--surface-card);color:var(--text-primary);text-decoration:none;font-size:var(--t-caption);line-height:var(--lh-caption)}
.kn-prica a:hover{box-shadow:inset 0 0 0 var(--stroke-hair) var(--control-border)}
.kn-prica .kn-naslov{font-weight:400}
.kn-prica.kn-prazno{display:flex;align-items:center;min-height:var(--tap);padding:0 var(--space-2);border:var(--stroke-hair) solid var(--line);border-radius:var(--radius-md);font-size:var(--t-caption)}
.kn-odobri{display:inline-flex;align-items:center;min-height:var(--tap);font-size:var(--t-caption);font-weight:700}
.kn-senka{position:fixed;z-index:20;pointer-events:none;box-shadow:0 0 0 var(--stroke-rule) var(--focus-ring);list-style:none}
html.kn-vuce,html.kn-vuce body{cursor:grabbing;-webkit-user-select:none;user-select:none}
.prica-velika{display:block;width:100%;max-width:22.5rem;height:auto;border-radius:var(--radius-md)}
.izmena-polje{display:flex;flex-direction:column;gap:var(--space-1);margin:var(--space-3) 0}
.izmena-polje textarea{font:inherit;color:var(--text-primary);background:var(--surface-card);border:var(--stroke-hair) solid var(--control-border);border-radius:var(--radius-sm);padding:var(--space-2);min-height:6rem;width:100%}
.izmena-polje.ima-problem textarea{border-color:var(--error)}
.izmena-problem{color:var(--error);font-size:var(--t-small);font-weight:700;margin:0}

/* ---- Ideje: mala naslovna (prave boje slajda iz tokena, u obe teme iste) ---- */
.naslovne-opcije{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-2)}
.opcija-naslovne,.potvrde label.opcija-naslovne{display:flex!important;gap:var(--space-3);align-items:center;min-height:var(--tap);padding:var(--space-2) var(--space-2) var(--space-2) var(--space-4);margin:0;border:var(--stroke-hair) solid var(--control-border);border-radius:var(--radius-lg);cursor:pointer;font-weight:400!important}
.opcija-naslovne:has(input:checked){box-shadow:inset 0 0 0 var(--stroke-rule) var(--text-primary)}
.opcija-naslovne>span{flex:1;min-width:0}
.opcija-naslovne>input{align-self:center}
.naslovna-mini{display:flex;flex-direction:column;gap:var(--space-1);background:var(--color-navy-deep);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);line-height:var(--lh-title);overflow-wrap:anywhere}
.naslovna-mini .nm-1,.naslovna-mini .nm-2{font-family:var(--font-display);font-weight:700;font-size:var(--t-lead);letter-spacing:var(--ls-title)}
.naslovna-mini .nm-1{color:var(--color-sun)}
.naslovna-mini .nm-2{color:var(--color-white)}
.naslovna-mini .nm-iz{color:var(--color-cream);font-size:var(--t-caption);margin-top:var(--space-1)}

/* ---- istraživanje, katalog, fotografije ---- */
.navod{border-left:var(--space-1) solid var(--success);padding:var(--space-1) 0 var(--space-1) var(--space-3);margin:var(--space-2) 0;font-size:var(--t-small);overflow-wrap:anywhere}
.navod.pretraga{border-left-style:dashed;border-left-color:var(--accent)}
.navod.treca_strana,.navod.vlasnikova_tabela{border-left-style:dotted;border-left-color:var(--text-secondary)}
.poreklo{display:block;font-size:var(--t-caption);font-weight:700;color:var(--success)}
.navod.pretraga .poreklo{color:var(--accent)}.navod.treca_strana .poreklo,.navod.vlasnikova_tabela .poreklo{color:var(--text-secondary)}
.navod .meta{display:block;font-size:var(--t-caption)}
.legenda{display:flex;flex-wrap:wrap;gap:var(--space-1) var(--space-4);font-size:var(--t-caption);margin:var(--space-1) 0 var(--space-2);padding:0;list-style:none}
.legenda li{border-left:var(--space-1) solid var(--success);padding-left:var(--space-2)}.legenda .pretraga{border-left-style:dashed;border-left-color:var(--accent)}.legenda .treca_strana{border-left-style:dotted;border-left-color:var(--text-secondary)}
.aktivni{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:0 0 var(--space-3);padding:0;list-style:none}
.aktivni a{display:inline-flex;align-items:center;gap:var(--space-2);min-height:var(--tap);padding:0 var(--space-4);border:var(--stroke-hair) solid var(--control-border);border-radius:var(--radius-pill);background:var(--surface-card);color:var(--text-primary);text-decoration:none;font-size:var(--t-small)}
.aktivni a span{color:var(--text-secondary)}
.filter{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-2);align-items:end;margin:0 0 var(--space-3)}
.filter button{grid-column:1/-1}
.filter-det{background:var(--surface-card);border-radius:var(--radius-lg);padding:0 var(--space-4);margin:0 0 var(--space-3)}
.filter-det[open]{padding-bottom:var(--space-3)}
.kfilter{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2);align-items:end;margin:var(--space-2) 0 var(--space-3)}
.kfilter .ceo,.kfilter .dugmad{grid-column:1/-1}
.kfilter .dugmad{display:flex;gap:var(--space-2);flex-wrap:wrap;align-items:center}
.zbir{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-2) var(--space-3);align-items:baseline;margin:var(--space-2) 0}
.ktab{width:100%;border-collapse:collapse;font-size:var(--t-small)}
.ktab td,.ktab th{vertical-align:top}
.ktab .naziv{font-weight:700;font-size:var(--t-body);color:var(--text-primary)}
.ktab .cinj{margin:0;padding:0;list-style:none}
.ktab .cinj li{padding:var(--stroke-rule) 0 var(--stroke-rule) var(--space-2);border-left:var(--space-1) solid var(--success);margin:var(--space-1) 0;overflow-wrap:anywhere}
.ktab .cinj li.pretraga{border-left-style:dashed;border-left-color:var(--accent)}.ktab .cinj li.treca_strana{border-left-style:dotted;border-left-color:var(--text-secondary)}
.ktab tr.odluceno .naziv{font-weight:400}
.ktab .chip{white-space:nowrap}
.skupno{position:sticky;bottom:0;z-index:2;background:var(--surface-card);border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:var(--space-2) var(--space-3);margin:var(--space-3) 0 0;display:flex;gap:var(--space-2);box-shadow:0 calc(var(--space-1) * -1) 0 0 var(--surface-page)}
.skupno button{flex:1 1 0;padding:var(--space-2)}
.spisak-potvrde{columns:2 16em;margin:var(--space-2) 0;padding-left:var(--space-5);font-size:var(--t-small)}
.ishodi{list-style:none;margin:0;padding:0}
.ishodi li{border-top:var(--stroke-hair) solid var(--line);padding:var(--space-3) 0}.ishodi li:first-child{border-top:0}
.slike{list-style:none;margin:0;padding:0 var(--space-4);background:var(--surface-card);border-radius:var(--radius-lg)}
.slike li{display:grid;grid-template-columns:4.5rem minmax(0,1fr);gap:var(--space-3);padding:var(--space-3) 0;border-top:var(--stroke-hair) solid var(--line);font-size:var(--t-small)}
.slike li:first-child{border-top:0}
.slike img,.bez-slike{width:4.5rem;height:auto;border-radius:var(--radius-sm);display:block;background:var(--surface-page)}
.bez-slike{height:5.5rem}
.slike .dl{margin-top:var(--space-1)}
.foto-pregled{display:grid;gap:var(--space-4);grid-template-columns:minmax(0,1fr)}
.foto-velika{margin:0;background:var(--surface-card);border-radius:var(--radius-lg);overflow:hidden}
.foto-velika img{display:block;width:100%;height:auto;max-height:72vh;object-fit:contain;background:var(--surface-page)}
.foto-velika .bez-fajla{padding:var(--space-7) var(--space-4);text-align:center;color:var(--text-secondary)}
.foto-velika figcaption{padding:var(--space-2) var(--space-4);font-size:var(--t-small)}
.upozorenja{list-style:none;margin:var(--space-2) 0;padding:0}
.upozorenja li{background:var(--surface-card);box-shadow:inset var(--space-1) 0 0 var(--accent);padding:var(--space-2) var(--space-4);margin:var(--space-2) 0;font-size:var(--t-small);border-radius:var(--radius-md)}
.upozorenja li.blok{box-shadow:inset var(--space-1) 0 0 var(--error);color:var(--text-primary);font-weight:400}
.upozorenja strong{display:block}
.mreza-lok{display:grid;grid-template-columns:repeat(auto-fill,minmax(14.5rem,1fr));gap:var(--space-3);list-style:none;margin:var(--space-2) 0;padding:0}
.mreza-lok li{background:var(--surface-card);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);display:flex;flex-direction:column;gap:var(--space-1)}
.mreza-lok .lok-ime{font-weight:700}
.mreza-lok .lok-brojevi{display:flex;gap:var(--space-3);font-size:var(--t-small);font-variant-numeric:tabular-nums}
.mreza-lok a{display:inline-flex;align-items:center;min-height:var(--tap);font-weight:700;font-size:var(--t-small);margin-right:var(--space-4)}
.mreza-lok .veze{display:flex;flex-wrap:wrap}

/* ---- utisci gostiju: izbor pilulama (zvezdice, ton), brojevi u mreži ---- */
.pilule{display:flex;flex-wrap:wrap;gap:var(--space-2)}
.potvrde .pilule label{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:var(--tap);min-width:var(--tap);padding:0 var(--space-4);margin:0;border:var(--stroke-hair) solid var(--control-border);border-radius:var(--radius-pill);background:var(--surface-card);color:var(--text-primary);font-weight:700;cursor:pointer}
.pilule input{position:absolute;opacity:0;width:1px;height:1px;margin:0}
.potvrde .pilule label:has(input:checked){background:var(--text-primary);color:var(--surface-card);border-color:var(--text-primary)}
.pilule label:has(input:focus-visible){outline:var(--stroke-focus) solid var(--focus-ring);outline-offset:var(--stroke-rule)}
.mreza-5{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--space-2)}
.mreza-5 label{font-weight:400;text-align:center}
.mreza-5 input{padding:var(--space-2) var(--space-1);text-align:center}
.dva-polja{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}
ul.utisci>li{padding:var(--space-2) 0;border-top:var(--stroke-hair) solid var(--line);overflow-wrap:anywhere}
ul.utisci>li:first-child{border-top:0}
ul.utisci .meta{display:block}

/* ---- telefon: složene tabele kao kartice ---- */
@media (max-width:767px){
.scroll-hint{display:block}
table.slozi,table.slozi tbody,table.slozi tr,table.slozi td{display:block;width:100%}
table.slozi tr:first-child:has(th){display:none}
table.slozi thead{display:none}
table.slozi tr{background:var(--surface-card);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);margin:0 0 var(--space-2)}
.card table.slozi tr{background:transparent;border-radius:0;padding:var(--space-2) 0;margin:0;border-bottom:var(--stroke-hair) solid var(--line)}
table.slozi td{border:0;padding:var(--space-1) 0;text-align:left}
table.slozi td[data-k]::before{content:attr(data-k) ": ";color:var(--text-secondary)}
table.utisci-spisak td:empty{display:none}
table.slozi td a{display:inline-flex;align-items:center;min-height:var(--tap)}
.dl{grid-template-columns:1fr}.dl dt{padding-bottom:0;border-top:var(--stroke-hair) solid var(--line)}.dl dd{border-top:0;padding-top:var(--stroke-rule)}.dl dt:first-of-type{border-top:0}
}
@media (max-width:1023px){
.ktab,.ktab tbody{display:block}
.ktab thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.ktab tr{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--stroke-rule) var(--space-4);position:relative;background:var(--surface-card);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4) var(--space-3) calc(var(--tap) + var(--space-3));margin:0 0 var(--space-2)}
.ktab td{display:block;flex:1 1 100%;border:0;padding:var(--stroke-hair) 0;min-width:0}
.ktab td.kol-izbor{position:absolute;left:var(--space-1);top:var(--space-1);padding:0}
.ktab td.mali{flex:0 0 auto;font-size:var(--t-caption);color:var(--text-secondary);text-align:left}
.ktab td[data-k]::before{content:attr(data-k) ": ";color:var(--text-secondary)}
.ktab td.kol-cinj:empty{display:none}
.ktab .cinj li:nth-child(3){display:none}
}

/* ---- tablet i šire ---- */
@media (min-width:768px){
:root{--ivica:var(--space-6)}
.naslovne-opcije{grid-template-columns:repeat(2,minmax(0,1fr))}
.filter{grid-template-columns:repeat(2,minmax(0,1fr)) auto}.filter button{grid-column:auto}
.dva{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-5)}
.dva>section>h2:first-child{margin-top:var(--space-6)}
}

/* ---- široko: stub sa delovima levo, zaglavlje preko cele širine ---- */
@media (min-width:1024px){
.okvir{grid-template-columns:var(--stub) minmax(0,1fr);grid-template-rows:auto 1fr;grid-template-areas:"glava glava" "delovi glavni"}
.glava{padding:var(--space-3) var(--space-6)}
.delovi{padding:var(--space-6) 0 var(--space-7) var(--space-5)}
.delovi .meni{display:none}
.delovi .delovi-lista{display:grid}
.delovi ul{grid-template-columns:1fr;gap:var(--space-1);position:sticky;top:var(--space-4)}
.delovi a{flex-direction:row;justify-content:flex-start;gap:var(--space-3);background:transparent;font-size:var(--t-body);padding:var(--space-2) var(--space-4);text-align:left}
.delovi a .znacka{position:static;margin-left:auto}
.delovi a:hover{background:var(--surface-card);box-shadow:none}
.delovi a[aria-current=page]{background:var(--surface-card);color:var(--text-primary);box-shadow:inset var(--space-1) 0 0 var(--accent)}
main{padding:var(--space-6) var(--space-7) var(--space-8)}
.ktab{table-layout:fixed}
.ktab thead th{position:sticky;top:0;background:var(--surface-page);z-index:1;font-size:var(--t-caption)}
.ktab th:nth-child(1){width:3.25rem}.ktab th:nth-child(2){width:24%}.ktab th:nth-child(3){width:5.5em}.ktab th:nth-child(5),.ktab th:nth-child(6){width:5.5em}.ktab th:nth-child(7){width:8em}.ktab th:nth-child(8){width:8.5em}
.kfilter{grid-template-columns:repeat(4,minmax(0,1fr))}
.foto-pregled{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:start}
.foto-velika{position:sticky;top:var(--space-3)}
.skupno{border-radius:var(--radius-lg);box-shadow:none}.skupno button{flex:0 0 auto;padding:var(--space-2) var(--space-5)}
.kal{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:var(--space-2)}
.dan,.dan:first-child{flex-direction:column;gap:var(--space-1);border:0;background:var(--surface-page);border-radius:var(--radius-md);padding:var(--space-2);min-height:6rem}
.dan.prazan{padding:var(--space-2);background:transparent;box-shadow:inset 0 0 0 var(--stroke-hair) var(--line)}
.dan.danas{box-shadow:inset 0 0 0 var(--stroke-rule) var(--text-primary)}
.dan-ime{flex:none}.stavka{font-size:var(--t-caption)}
.plan-nedelje{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 var(--space-3);align-items:start}
.kn-dani{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:var(--space-2)}
.kn-dan{min-height:9rem}
.kn-cip.kn-vuci .kn-format{padding-right:var(--space-6)}
.kn-meni[open]{position:absolute;z-index:5;width:16rem;right:0;top:0;background:var(--surface-card);border-radius:var(--radius-md);box-shadow:0 0 0 var(--stroke-rule) var(--control-border);padding:var(--space-6) var(--space-3) var(--space-3)}
}
/* ---- grafika table (src/web/grafika.ts) ---- */
.g-ik{flex:none;width:var(--g-ikona);height:var(--g-ikona);fill:none;stroke:currentColor;stroke-width:var(--stroke-draw);stroke-linecap:round;stroke-linejoin:round}
.g-ik.mala{width:var(--g-ikona-mala);height:var(--g-ikona-mala)}
.g-oznaka{font-size:var(--t-small);line-height:var(--lh-small);font-weight:700}
.g-blok{margin:var(--space-5) 0}
.g-blok>h2{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3);margin:0 0 var(--space-3);font-size:var(--t-body)}
.g-blok>h2{align-items:center}
.g-blok>h2 a{display:inline-flex;align-items:center;min-height:var(--tap);margin:calc((var(--tap) - var(--space-5)) / -2) 0;font-size:var(--t-small);font-weight:700}
.g-tiho{color:var(--text-secondary);font-size:var(--t-small);line-height:var(--lh-small);margin:var(--space-2) 0 0}

/* pločice */
.g-plocice{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}
.g-plocica{position:relative;display:flex;flex-direction:column;justify-content:flex-end;gap:var(--space-1);min-height:var(--g-plocica);height:100%;padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);background:var(--surface-card);color:var(--text-primary);text-decoration:none}
.g-plocica .g-ik{position:absolute;top:var(--space-3);right:var(--space-3)}
.g-plocica .g-broj{font-family:var(--font-display);font-size:var(--t-number);line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.g-plocica .g-oznaka{overflow-wrap:anywhere}
.g-plocica.g-tekst .g-broj{font-size:var(--t-title);line-height:var(--lh-title)}
.g-plocica:hover{box-shadow:inset 0 0 0 var(--stroke-rule) currentColor}
.g-plocica.g-hitno{background:var(--warning-bg);color:var(--warning-text)}
.g-plocica.g-prazno{background:transparent;color:var(--text-secondary);box-shadow:inset 0 0 0 var(--stroke-hair) var(--line)}
.g-plocica.g-prazno .g-broj{font-size:var(--t-title);font-weight:400}

/* traka toka */
.g-tok{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2) 0}
.g-tok-korak>a,.g-tok-korak>span{position:relative;display:flex;flex-direction:column;justify-content:center;gap:0;min-height:var(--g-tok);padding:var(--space-1) var(--space-2) var(--space-1) calc(var(--g-tok-vrh) + var(--space-2));background:var(--surface-card);color:var(--text-primary);text-decoration:none;clip-path:polygon(0 0,calc(100% - var(--g-tok-vrh)) 0,100% 50%,calc(100% - var(--g-tok-vrh)) 100%,0 100%,var(--g-tok-vrh) 50%)}
.g-tok-korak:first-child>a,.g-tok-korak:first-child>span{clip-path:polygon(0 0,calc(100% - var(--g-tok-vrh)) 0,100% 50%,calc(100% - var(--g-tok-vrh)) 100%,0 100%);border-radius:var(--radius-md) 0 0 var(--radius-md)}
.g-tok-broj{font-family:var(--font-display);font-size:var(--t-title);line-height:var(--lh-title);font-variant-numeric:tabular-nums}
.g-tok-oznaka{font-size:var(--t-caption);line-height:var(--lh-caption);font-weight:700;padding-right:var(--g-tok-vrh)}
.g-tok-korak.g-nula .g-tok-broj{color:var(--text-secondary);font-weight:400;font-size:var(--t-body)}
.g-tok-korak.g-nula .g-tok-oznaka{color:var(--text-secondary)}
.g-tok-korak.g-zastoj>a,.g-tok-korak.g-zastoj>span{background:var(--text-primary);color:var(--surface-page)}
.g-tok-korak.g-zastoj .g-ik{position:absolute;top:var(--space-2);right:calc(var(--g-tok-vrh) + var(--space-1))}
.g-tok-korak>a:hover{text-decoration:underline}

/* prsten */
.g-prsten{display:inline-flex;flex-direction:column;align-items:center;gap:var(--space-1);color:var(--text-primary);text-decoration:none;text-align:center}
.g-prsten-krug{position:relative;display:block;width:var(--g-prsten);height:var(--g-prsten)}
.g-prsten-svg{display:block;width:100%;height:100%;transform:rotate(-90deg)}
.g-prsten-pod{fill:none;stroke:var(--line)}
.g-prsten-pod.g-prazno{stroke:var(--line)}
.g-prsten-luk{fill:none;stroke:var(--success);stroke-linecap:butt}
.g-prsten-broj{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1}
.g-prsten-broj b{font-family:var(--font-display);font-size:var(--t-title);font-variant-numeric:tabular-nums}
.g-prsten-broj small{font-size:var(--t-caption);color:var(--text-secondary);font-variant-numeric:tabular-nums;margin-top:var(--space-1)}

/* devet tema */
.g-teme{display:inline-flex;align-items:flex-end;gap:var(--g-teme-razmak)}
.g-tema{display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}
.g-tema-stub{position:relative;display:block;width:var(--g-teme-w);height:var(--g-teme-h);border-radius:var(--radius-sm);background:var(--surface-page);box-shadow:inset 0 0 0 var(--stroke-hair) var(--control-border);overflow:hidden}
.g-tema-stub i{position:absolute;left:0;right:0;bottom:0;background:var(--success)}
.g-tema.g-nula .g-tema-stub{background:var(--line);box-shadow:none}
.g-teme.sa-ikonama .g-tema-stub{width:var(--g-ikona-mala)}
.g-teme.sa-ikonama .g-ik{color:var(--text-secondary)}

/* stubići */
.g-stubici{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,max-content) minmax(var(--space-8),1fr) auto;gap:var(--space-1) var(--space-3);align-items:center;font-size:var(--t-small);line-height:var(--lh-small)}
.g-stubici>li{display:contents}
.g-st-oznaka{display:inline-flex;align-items:center;gap:var(--space-2);min-width:0;overflow-wrap:anywhere}
.g-st-oznaka a{display:inline-flex;align-items:center;gap:var(--space-2);min-height:var(--tap);color:var(--text-primary)}
.g-st-oznaka .g-ik{color:var(--text-secondary)}
.g-st-traka{display:block;height:var(--g-stubic);border-radius:var(--radius-pill);background:var(--surface-page);box-shadow:inset 0 0 0 var(--stroke-hair) var(--control-border);overflow:hidden}
.g-st-traka i{display:block;height:100%;background:var(--success);border-radius:var(--radius-pill)}
.g-stubici .g-nula .g-st-traka{background:var(--line);box-shadow:none}
.g-st-broj{text-align:right;font-variant-numeric:tabular-nums}
.g-stubici .g-nula .g-st-broj{color:var(--text-secondary);font-weight:400}
.g-st-ostatak{grid-column:1/-1}
.g-st-ostatak a{display:inline-flex;align-items:center;min-height:var(--tap);font-weight:700}

/* nedelje */
.g-ned-lista{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-1)}
.g-ned-red{display:grid;grid-template-columns:3.5em minmax(0,1fr) auto;align-items:center;gap:var(--space-3);color:var(--text-primary);text-decoration:none}
a.g-ned-red{min-height:var(--tap)}
a.g-ned-red:hover .g-ned-oznaka{text-decoration:underline}
.g-ned-oznaka{font-size:var(--t-caption);line-height:var(--lh-caption);color:var(--text-secondary);font-variant-numeric:tabular-nums}
.g-ned.g-danas .g-ned-oznaka{color:var(--text-primary);font-weight:700}
.g-ned-svg{display:block;height:var(--g-mesto);width:auto;max-width:100%;overflow:visible}
.g-ned-broj{font-size:var(--t-caption);color:var(--text-secondary);font-variant-numeric:tabular-nums}
.g-ned-prazno{font-size:var(--t-caption);color:var(--text-secondary)}
.g-t{stroke-width:1.5}
.g-t-puno{fill:var(--success);stroke:var(--success)}
.g-t-plan{fill:none;stroke:var(--text-primary)}
.g-t-tacka{fill:var(--text-primary)}
.g-t-prazno{fill:none;stroke:var(--control-border);stroke-width:1}
.g-t-proslo{fill:var(--line);stroke:none}
.g-ned-zbir{margin:var(--space-2) 0 0;font-size:var(--t-small)}
.g-legenda{list-style:none;margin:var(--space-2) 0 0;padding:0;display:flex;flex-wrap:wrap;gap:var(--space-1) var(--space-3);font-size:var(--t-caption);line-height:var(--lh-caption);color:var(--text-secondary)}
.g-legenda li{display:inline-flex;align-items:center;gap:var(--space-1)}
.g-legenda .g-ned-svg{height:var(--g-ikona-mala)}

/* semafor */
.g-semafori{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}
.g-semafor{margin:0;background:var(--surface-card);border-radius:var(--radius-lg);min-width:0}
.g-semafor[open]{grid-column:1/-1}
.g-semafor>summary{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;gap:0 var(--space-2);align-items:center;padding:var(--space-2) var(--space-3);color:var(--text-primary)}
.g-semafor>summary::before{display:none}
.g-svetlo{grid-row:span 2;width:var(--g-semafor);height:var(--g-semafor)}
.g-sem-oznaka{font-size:var(--t-caption);line-height:var(--lh-caption);color:var(--text-secondary);font-weight:700}
.g-sem-rec{font-weight:700;line-height:var(--lh-small);overflow-wrap:anywhere;min-width:0}
.g-sem-razlog{padding:0 var(--space-3) var(--space-3);font-size:var(--t-small);line-height:var(--lh-small);font-weight:400}
.g-s-radi .g-sv{fill:var(--success)}
.g-s-paznja .g-sv{fill:var(--accent)}
.g-s-ne_radi .g-sv{fill:var(--error)}
.g-sv-x{stroke:var(--surface-card);stroke-width:2;stroke-linecap:round}
.g-s-nepoznato .g-sv{fill:none;stroke:var(--control-border);stroke-width:1.5}
.g-s-iskljuceno .g-sv{fill:none;stroke:var(--text-secondary);stroke-width:1.5}
.g-sv-crta{stroke:var(--text-secondary);stroke-width:1.5;stroke-linecap:round}
.g-s-iskljuceno .g-sem-rec{color:var(--text-secondary)}
.g-s-ne_radi .g-sem-rec{color:var(--error)}

/* iskra */
.g-iskra{display:inline-flex;align-items:center;gap:var(--space-2)}
.g-iskra-svg{display:block;width:var(--g-iskra-w);height:var(--g-iskra-h);overflow:visible}
.g-iskra-linija{fill:none;stroke:var(--success);stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
.g-iskra-linija.g-prazno{stroke:var(--line)}
.g-iskra-tacka{fill:var(--text-primary)}
.g-iskra-broj{font-family:var(--font-display);font-size:var(--t-title);line-height:1;font-variant-numeric:tabular-nums}
.g-iskra-broj small{font-family:var(--font-text);font-size:var(--t-caption);font-weight:400;color:var(--text-secondary)}

/* sličica */
.g-slicica{display:block;width:var(--g-slicica);border-radius:var(--radius-md);overflow:hidden;background:var(--surface-page)}
.g-slicica img{display:block;width:100%;height:100%;object-fit:cover}
.g-o-45{aspect-ratio:4/5}.g-o-11{aspect-ratio:1/1}.g-o-916{aspect-ratio:9/16}
.g-slicica.g-prazno{background:transparent;box-shadow:inset 0 0 0 var(--stroke-hair) var(--line);color:var(--text-secondary)}
.g-bez-slike{display:flex;align-items:center;justify-content:center;width:100%;height:100%}
/* ---- Danas i Sistem (nalog 7): raspored grafike, detalji iza dodira, prekidači, red poslova ---- */
.danas-dva{display:block}
.g-podnaslov{font-size:var(--t-small);line-height:var(--lh-small);color:var(--text-secondary);margin:var(--space-4) 0 var(--space-2)}
.danas-baza{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--space-4);align-items:center}
.danas-baza .g-plocice{grid-template-columns:minmax(0,1fr)}
.danas-dno{display:flex;flex-direction:column;gap:var(--space-2)}
.sistem-dno{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2);align-items:start}
.sistem-dno>details[open]{grid-column:1/-1}
.danas-dno>details,.sistem-dno>details{margin:0;background:var(--surface-card);border-radius:var(--radius-lg);padding:0 var(--space-4)}
.danas-dno>details[open],.sistem-dno>details[open]{padding-bottom:var(--space-4)}
.vise-telo>h2:first-child{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;margin:0}
.vise-telo>.card:first-of-type{margin-top:0}
.sistem-brojke{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3);align-items:stretch}
.sistem-brojke>.g-prsten{justify-content:center;background:var(--surface-card);border-radius:var(--radius-lg);padding:var(--space-3)}
.sistem-iskra{grid-column:1/-1;display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-3) var(--space-4);background:var(--surface-card);border-radius:var(--radius-lg);color:var(--text-primary);text-decoration:none}
.prekidaci{display:flex;flex-direction:column;gap:var(--space-2)}
.prekidac-red{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:var(--space-2) var(--space-3);align-items:center;background:var(--surface-card);border-radius:var(--radius-lg);padding:var(--space-2) var(--space-3) var(--space-2) var(--space-4);margin:0}
.prekidac-red>form,.prekidac-red>p{margin:0}
.prekidac-red button{padding:var(--space-2) var(--space-4)}
.prekidac-ime h3{margin:0;font-size:var(--t-body)}
.prekidac-zasto{margin:0}
.prekidac-zasto>summary{min-height:var(--tap);font-size:var(--t-small)}
.crtez-prekidaca{position:relative;display:block;width:var(--tap);height:var(--space-6);border-radius:var(--radius-pill);background:var(--surface-page);box-shadow:inset 0 0 0 var(--stroke-rule) var(--control-border)}
.crtez-prekidaca i{position:absolute;top:var(--space-1);left:var(--space-1);width:var(--space-5);height:var(--space-5);border-radius:var(--radius-pill);background:var(--control-border)}
.crtez-prekidaca.ukljuceno{background:var(--success);box-shadow:none}
.crtez-prekidaca.ukljuceno i{left:auto;right:var(--space-1);background:var(--surface-card)}
.vremeplov{list-style:none;margin:0;padding:var(--space-1) var(--space-4);background:var(--surface-card);border-radius:var(--radius-lg)}
.vremeplov li{display:grid;grid-template-columns:auto minmax(0,9.5em) minmax(0,1fr);gap:var(--space-3);align-items:center;min-height:var(--space-6);border-top:var(--stroke-hair) solid var(--line);font-size:var(--t-small)}
.vremeplov li:first-child{border-top:0}
.vremeplov .g-svetlo{grid-row:auto}
.vremeplov time{color:var(--text-secondary);font-variant-numeric:tabular-nums}
@media (min-width:768px){.ko-je-rec{position:static;width:auto;height:auto;overflow:visible;clip:auto}.g-plocice{grid-template-columns:repeat(4,minmax(0,1fr))}.g-tok{grid-template-columns:repeat(6,minmax(0,1fr))}.g-semafori{grid-template-columns:repeat(4,minmax(0,1fr))}
.sistem-brojke{grid-template-columns:auto minmax(0,1fr) minmax(0,1fr)}.sistem-iskra{grid-column:auto}}
@media (min-width:1024px){.danas-dva{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 var(--space-6);align-items:start}.danas-dva>.g-blok{margin-top:0}}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:opacity var(--motion-ui) linear!important}}
/* ---- zvezde i brojači (grafika.ts, korak 5) ---- */
.g-zvezde{display:flex;flex-direction:column;gap:var(--space-2)}
.g-zv-traka{display:flex;height:var(--g-stubic);border-radius:var(--radius-pill);overflow:hidden;background:var(--surface-page);box-shadow:inset 0 0 0 var(--stroke-hair) var(--control-border)}
.g-zv-traka.g-prazno{background:var(--line);box-shadow:none}
.g-zv-traka i{display:block;height:100%}
.g-zv-traka i+i{box-shadow:inset var(--stroke-rule) 0 0 var(--surface-card)}
.g-zv-dobro,.g-zl-dobro::before{background:var(--success)}
.g-zv-srednje,.g-zl-srednje::before{background:var(--control-border)}
.g-zv-lose,.g-zl-lose::before{background:var(--error)}
.g-zv-bez,.g-zl-bez::before{background:var(--line)}
.g-zv-legenda{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:var(--space-1) var(--space-3);font-size:var(--t-caption);line-height:var(--lh-caption)}
.g-zv-legenda li{display:inline-flex;align-items:center;gap:var(--space-1)}
.g-zv-legenda li::before{content:"";width:var(--space-2);height:var(--space-2);border-radius:var(--radius-pill)}
.g-zv-legenda li.g-nula{color:var(--text-secondary)}.g-zv-legenda li.g-nula b{font-weight:400}
.g-brojaci{display:inline-flex;flex-wrap:wrap;gap:var(--space-1) var(--space-3);font-size:var(--t-small);line-height:var(--lh-small)}
.g-brojac{display:inline-flex;align-items:center;gap:var(--space-1);font-variant-numeric:tabular-nums}
.g-brojac .g-ik{color:var(--text-secondary)}
.g-brojac.g-nula{color:var(--text-secondary)}.g-brojac.g-nula b{font-weight:400}
.id-vrh-okvir{position:relative;margin:var(--space-2) 0 var(--space-3)}
.id-vrh{display:flex;align-items:center;gap:var(--space-2)}
.id-nova{flex:none;display:inline-flex;align-items:center;justify-content:center;width:var(--tap);min-height:var(--tap);margin-left:auto;padding:0;border-radius:var(--radius-pill);background:var(--text-primary);color:var(--surface-page);text-decoration:none}
.id-nova .g-ik{stroke:currentColor}
.id-padajuce{flex:none;margin:0}
.id-padajuce>summary{display:inline-flex;align-items:center;gap:var(--space-2);min-height:var(--tap);padding:0 var(--space-4);border-radius:var(--radius-pill);border:var(--stroke-hair) solid var(--control-border);background:var(--surface-card);color:var(--text-primary);font-size:var(--t-small);white-space:nowrap}
.id-padajuce>summary::before{display:none}
.id-padajuce>summary::after{content:"";width:var(--space-2);height:var(--space-2);border-right:var(--stroke-rule) solid currentColor;border-bottom:var(--stroke-rule) solid currentColor;transform:translateY(calc(var(--space-1) / -2)) rotate(45deg)}
.id-padajuce>summary b{font-variant-numeric:tabular-nums}
.id-vrsta>summary{background:var(--text-primary);color:var(--surface-page);border-color:var(--text-primary)}
.id-padajuce[open]>summary{box-shadow:0 0 0 var(--stroke-rule) var(--focus-ring)}
.id-padajuce-telo{position:absolute;left:0;right:0;top:calc(100% + var(--space-2));z-index:6;display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--surface-card);border-radius:var(--radius-lg);box-shadow:0 0 0 var(--stroke-hair) var(--control-border)}
.id-padajuce-telo .ob-filter{flex-direction:column;align-items:stretch}
.id-grupa{border:0;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:var(--space-2)}
.id-grupa>legend{font-size:var(--t-small);color:var(--text-secondary);padding:0;margin:0 0 var(--space-1)}
.id-cip,.id-cip-izbor>span{display:inline-flex;align-items:center;gap:var(--space-1);min-height:var(--tap);padding:0 var(--space-3);border-radius:var(--radius-pill);border:var(--stroke-hair) solid var(--control-border);color:var(--text-primary);text-decoration:none;font-size:var(--t-small)}
.id-cip[aria-current]{background:var(--text-primary);color:var(--surface-page);border-color:var(--text-primary)}
.id-cip-izbor{position:relative;display:inline-flex;align-items:center}
.id-cip-izbor>input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.id-cip-izbor>.g-ik{position:absolute;left:var(--space-3);pointer-events:none}
.id-cip-izbor>.g-ik+input+span{padding-left:calc(var(--space-3) + var(--g-ikona-mala) + var(--space-1))}
.id-cip-izbor>input:checked+span{background:var(--text-primary);color:var(--surface-page);border-color:var(--text-primary)}
.id-cip-izbor>input:focus-visible+span{outline:var(--stroke-focus) solid var(--focus-ring);outline-offset:2px}
.id-sitno{color:inherit;opacity:.75;font-size:var(--t-caption)}
.id-izabrani{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:var(--space-2) 0 0}
.id-mreza{list-style:none;margin:var(--space-3) 0 var(--space-4);padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4) var(--space-3)}
.id-kartica{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}
.id-veza{display:block;color:var(--text-primary);text-decoration:none}
.id-znaci{display:flex;flex-wrap:wrap;align-items:center;gap:0 var(--space-3);min-height:var(--m-red);font-size:var(--t-caption);line-height:var(--lh-caption);color:var(--text-secondary)}
.id-znak{flex:none;display:inline-flex;align-items:center;gap:var(--space-1)}
.id-nije-napisan{margin:0;font-size:var(--t-caption);line-height:var(--lh-caption);color:var(--text-secondary)}
.id-znaci .id-kraj{margin-left:0;color:var(--text-primary);font-weight:700}
.id-slika{display:block;width:100%;height:auto;aspect-ratio:4/5;border-radius:var(--radius-md);background:var(--surface-band);border:var(--stroke-hair) solid var(--line)}
.id-ime{margin:0;font-family:var(--font-display);font-size:var(--t-small);line-height:var(--lh-small);font-weight:700;overflow-wrap:anywhere}
.id-veza:focus-visible .id-slika{outline:var(--stroke-focus) solid var(--focus-ring);outline-offset:2px}
.id-oznake{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1) var(--space-3);font-size:var(--t-caption);line-height:var(--lh-caption);color:var(--text-secondary)}
.id-signal{display:inline-flex;align-items:center;gap:var(--space-1);color:var(--text-primary);font-weight:700}
.id-signal .g-ik{flex:none}
.id-nema{font-weight:400;color:var(--text-secondary)}
.id-nema .g-ik{opacity:.6}
.id-jacina{width:var(--id-jacina);height:var(--id-jacina);fill:currentColor;flex:none}
.id-jacina .id-prazno{fill:none;stroke:currentColor;stroke-width:1}
.id-oblast{display:inline-flex;align-items:center;gap:var(--space-1)}
.id-uzrast{display:inline-flex;align-items:center;min-height:var(--space-5);padding:0 var(--space-2);border-radius:var(--radius-pill);background:var(--line);color:var(--text-primary)}
.id-uz-nema{display:none}
.id-odluka{font-weight:700;color:var(--text-primary)}
.id-razlog{margin:0;font-size:var(--t-small);color:var(--text-secondary)}
.id-kraj{display:inline-flex;align-items:center;gap:var(--space-2);margin-left:auto}
.id-spremnost{display:inline-flex;align-items:center;gap:var(--space-1);color:var(--text-primary)}
.id-spremnost .g-svetlo{width:var(--space-3);height:var(--space-3)}
.id-sp-spremno .g-sv{fill:var(--success);stroke:var(--success)}
.id-sp-fali .g-sv{fill:var(--accent);stroke:var(--accent)}
.id-pesak{display:inline-flex;border-radius:var(--radius-pill);background:var(--warning-bg);padding:1px}
.id-pesak .g-ik{stroke:var(--warning-text);width:var(--space-3);height:var(--space-3)}
.id-ocena{display:inline-block;width:var(--id-ocena);height:var(--space-1);border-radius:var(--radius-pill);background:var(--line);overflow:hidden}
.id-ocena>i{display:block;height:100%;background:var(--text-secondary)}
.id-prazno-filter{margin:var(--space-4) 0}
.id-nazad{margin:0 0 var(--space-2)}
.id-nazad a{display:inline-flex;align-items:center;gap:var(--space-1);min-height:var(--tap)}
/* radni list */
.id-list{display:flex;flex-direction:column;gap:var(--space-4)}
.id-naslovne{margin:0}
.id-naslovne fieldset{border:0;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2)}
.id-naslovne>img{width:50%;height:auto;border-radius:var(--radius-md)}
.id-naslovna{position:relative;display:block;cursor:pointer}
.id-naslovna>input{position:absolute;opacity:0;inset:0;margin:0}
.id-naslovna img{display:block;width:100%;height:auto;aspect-ratio:4/5;border-radius:var(--radius-md);border:var(--stroke-focus) solid transparent}
.id-naslovna>input:checked~img{border-color:var(--text-primary)}
.id-naslovna>input:focus-visible~img{outline:var(--stroke-focus) solid var(--focus-ring);outline-offset:2px}
.id-list-glava{display:flex;flex-direction:column;gap:var(--space-2)}
.id-list-ime{margin:0;font-family:var(--font-display);font-size:var(--t-title);line-height:var(--lh-title)}
.id-odluka-red{margin:0;font-weight:700}
.id-glavno{display:flex;width:100%;align-items:center;justify-content:center;gap:var(--space-2);min-height:calc(var(--tap) + var(--space-2));font-size:var(--t-body)}
.id-broj-izabranih{font-weight:400}
/* glavna radnja prikovana za dno lista (merilo table, izmena 3): uvek vidljiva, najviše --m-dno visoka */
.id-dno{position:sticky;bottom:0;z-index:2;max-height:var(--m-dno);margin:0 calc(var(--ivica) * -1);padding:var(--space-2) var(--ivica) var(--space-3);background:var(--surface-page);box-shadow:0 calc(var(--stroke-hair) * -1) 0 var(--line)}
.id-dno form{margin:0}
.id-dno .id-nije-spremno{padding:0;border:0;gap:var(--space-1)}
.id-dno .id-nije-spremno p{font-size:var(--t-caption);line-height:var(--lh-caption);color:var(--text-secondary)}
a.id-glavno{border-radius:var(--radius-pill);background:var(--button-primary-bg);color:var(--button-primary-text);font-weight:700;text-decoration:none}
.id-glavno .g-ik{stroke:currentColor}
.id-nije-spremno{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3) 0;border-top:var(--stroke-hair) solid var(--line);border-bottom:var(--stroke-hair) solid var(--line)}
.id-nije-spremno p{margin:0;display:flex;gap:var(--space-2);align-items:flex-start}
.id-mirno{margin:0;display:flex;gap:var(--space-2);align-items:center;color:var(--text-secondary)}
.id-blok{display:flex;flex-direction:column;gap:var(--space-2);padding-top:var(--space-3);border-top:var(--stroke-hair) solid var(--line)}
.id-blok h3{margin:0;font-size:var(--t-body);line-height:var(--lh-body)}
.id-signali{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}
.id-signali>li{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);font-size:var(--t-small)}
.id-brojke{margin:0;font-size:var(--t-small)}
.id-brojke>summary{min-height:var(--tap);display:inline-flex;align-items:center}
.id-brojke p{margin:0}
.id-mesta{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--id-kolona),1fr));gap:var(--space-3)}
.id-mesto{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-md);background:var(--surface-card)}
.id-mesto-glava{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}
.id-ceka{display:inline-flex;align-items:center;gap:var(--space-1);padding:0 var(--space-2);border-radius:var(--radius-pill);box-shadow:inset 0 0 0 var(--stroke-hair) var(--text-primary);color:var(--text-primary);font-size:var(--t-caption)}
.id-ceka .g-ik{stroke:currentColor}
.id-neistrazeno{font-size:var(--t-caption);box-shadow:inset 0 0 0 var(--stroke-hair) var(--line);border-radius:var(--radius-pill);padding:0 var(--space-2);color:var(--text-secondary)}
.id-fale{margin:0;font-size:var(--t-small)}
.id-fale>summary{min-height:var(--tap);display:inline-flex;align-items:center}
.id-tema{margin:0;border-bottom:var(--stroke-hair) solid var(--line)}
.id-tema>summary{display:flex;align-items:center;gap:var(--space-2);min-height:var(--tap);font-weight:700}
.id-tema>summary>span{flex:1}
.id-tema>summary>b{font-variant-numeric:tabular-nums;color:var(--text-secondary);font-weight:400}
.id-redovi{list-style:none;margin:0 0 var(--space-2);padding:0;display:flex;flex-direction:column}
.id-red label{display:flex;align-items:flex-start;gap:var(--space-3);min-height:var(--tap);padding:var(--space-2) 0;cursor:pointer}
.id-red label>input{flex:none;width:var(--space-5);height:var(--space-5);margin:0 0 0 auto;accent-color:var(--text-primary)}
.id-red label>.id-red-tekst{flex:1}
.id-red-vrednost{color:var(--text-primary)}
.id-red>.id-red-tekst{padding:var(--space-2) 0}
.id-red-tekst{display:flex;flex-direction:column;gap:2px;min-width:0;overflow-wrap:anywhere}
.id-red-oznaka{font-size:var(--t-caption);line-height:var(--lh-caption);color:var(--text-secondary)}
.id-ton-zamerka .id-red-oznaka{color:var(--error)}
.id-red-gde{display:inline-flex;align-items:center;gap:2px;margin-left:var(--space-2)}
.id-red-gde .g-ik{width:var(--space-3);height:var(--space-3)}
.id-sacuvaj{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-2)}
.id-izabrano{font-size:var(--t-small);color:var(--text-secondary)}
.id-skica{margin:0 0 var(--space-2);padding-left:var(--space-5);font-size:var(--t-small)}
.id-spremnost-blok{display:flex;flex-direction:column;gap:var(--space-2)}
.id-traka{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:var(--space-1)}
.id-traka>li{display:flex;align-items:center;justify-content:center;gap:var(--space-1);min-height:var(--space-6);border-radius:var(--radius-sm);font-size:var(--t-caption);border:var(--stroke-hair) solid var(--line);color:var(--text-secondary)}
.id-traka>li.id-ok{border-style:solid;border-color:var(--success);color:var(--text-primary)}
.id-traka>li.id-ok .g-ik{stroke:var(--success)}
.id-traka>li.id-sad{background:var(--warning-bg);border-color:var(--warning-bg);color:var(--warning-text);font-weight:700}
.id-traka>li.id-sad .g-ik{stroke:var(--warning-text)}
.id-fali{margin:0;padding-left:var(--space-5);font-size:var(--t-small)}
.id-sporedne{display:flex;flex-direction:column;gap:var(--space-2);padding-top:var(--space-3);border-top:var(--stroke-hair) solid var(--line)}
.id-sporedno>summary{min-height:var(--tap);display:inline-flex;align-items:center;font-weight:700}
.id-sporedno form{margin:var(--space-2) 0}
.id-razlozi{display:flex;flex-wrap:wrap;gap:var(--space-2)}
.id-istorija{margin:0;padding-left:var(--space-5);font-size:var(--t-small);color:var(--text-secondary)}
.id-prazan-red{margin:0;padding:var(--space-3);border:var(--stroke-hair) dashed var(--control-border);border-radius:var(--radius-md);color:var(--text-secondary)}
.id-nacrt{display:flex;flex-direction:column;gap:var(--space-4)}
.id-nacrt h2{margin:0;font-family:var(--font-display);font-size:var(--t-title);line-height:var(--lh-title)}
.id-gotovo{margin:0;font-weight:700}
.id-vraceno{margin:0;display:flex;gap:var(--space-2);align-items:flex-start}
.id-vraceno .g-svetlo{flex:none;width:var(--g-semafor);height:var(--g-semafor)}
.id-red-cekanja{margin:0;display:flex;gap:var(--space-2);align-items:center}
.id-birac{display:flex;flex-direction:column;gap:var(--space-3)}
.id-trazi{display:flex;gap:var(--space-2)}
.id-trazi input{flex:1;min-width:0}
.id-grupa-d>summary{min-height:var(--tap);display:inline-flex;align-items:center;font-weight:700}
.id-grupa-d .id-grupa{padding:var(--space-1) 0 var(--space-2)}
.id-nova-list{margin-top:var(--space-5)}
.id-nova-list h2{margin:0;font-family:var(--font-display);font-size:var(--t-title);line-height:var(--lh-title)}
.id-uglovi{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-3)}
.id-uglovi>li{padding-top:var(--space-3);border-top:var(--stroke-hair) solid var(--line)}
.id-uglovi p{margin:0 0 var(--space-1)}
/* list od dna (telefon) i panel desno (računar), skripta; bez skripte radni list je obična strana */
.id-pokriv{position:fixed;inset:0;z-index:20;display:flex;align-items:flex-end;justify-content:center}
.id-pokriv-pozadina{position:absolute;inset:0;background:var(--surface-band);opacity:.55}
.id-pokriv-sadrzaj{position:relative;width:100%;max-height:var(--id-list);overflow-y:auto;background:var(--surface-page);border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:var(--space-2) var(--ivica) var(--space-6)}
.id-pokriv-glava{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);position:sticky;top:calc(var(--space-2) * -1);background:var(--surface-page);padding:var(--space-1) 0;z-index:1}
.id-rucka{flex:1;height:var(--space-1)}
.id-rucka::before{content:"";display:block;width:var(--space-8);height:var(--space-1);margin:0 auto;border-radius:var(--radius-pill);background:var(--control-border)}
.id-zatvori{min-width:var(--tap);padding:0}
html.id-otvoren{overflow:hidden}
.js .id-bez-js{display:none}
@media (min-width:768px){.id-mreza{grid-template-columns:repeat(auto-fill,minmax(var(--id-kolona),1fr));gap:var(--space-6) var(--space-4)}.id-prva{grid-column:span 2;grid-row:span 2}.id-prva .id-ime{font-size:var(--t-lead);line-height:var(--lh-lead)}}
@media (min-width:1024px){.id-pokriv{justify-content:flex-end;align-items:stretch}.id-pokriv-sadrzaj{width:var(--id-panel);max-height:none;height:100%;border-radius:var(--radius-lg) 0 0 var(--radius-lg)}.id-rucka{visibility:hidden}.id-naslovne fieldset{grid-template-columns:repeat(3,minmax(0,calc(var(--g-slicica) * 1.4)))}}

nav.kartice[data-koraci]{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1) var(--space-2);padding:0 0 var(--space-2)}
.kk-red{display:flex;align-items:center;gap:var(--space-2);flex:1 1 auto;min-width:0}
.kartice a.kk{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-width:var(--tap);min-height:var(--tap);padding:0;box-shadow:none;color:var(--text-secondary)}
.kk-red>a.kk+a.kk::before{content:"";position:absolute;right:calc(100% + var(--space-1) / 2);top:50%;width:var(--space-1);height:var(--stroke-hair);background:var(--line)}
.kk-br{display:inline-flex;align-items:center;justify-content:center;width:calc(var(--space-6) + var(--space-1));height:calc(var(--space-6) + var(--space-1));border-radius:var(--radius-pill);box-shadow:inset 0 0 0 var(--stroke-rule) var(--control-border);font-size:var(--t-small);font-weight:700;font-variant-numeric:tabular-nums;color:var(--text-primary)}
.kartice a.kk-sad{color:var(--text-primary);box-shadow:none}
.kk-sad .kk-br{background:var(--text-primary);color:var(--surface-page);box-shadow:none}
.kk-ime{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.kk .kk-n{position:absolute;top:calc(var(--space-1) * -1);right:calc(var(--space-2) * -1);min-width:var(--space-5);padding:0 var(--space-1);font-size:var(--t-caption);background:var(--surface-page);box-shadow:inset 0 0 0 var(--stroke-hair) var(--control-border),0 0 0 var(--stroke-rule) var(--surface-page)}
.kk .kk-n.kk-potez{background:var(--warning-bg);color:var(--warning-text);box-shadow:0 0 0 var(--stroke-rule) var(--surface-page)}
.kk-vise{flex:none;margin:0;position:relative}
.kk-vise>summary{display:inline-flex;align-items:center;min-height:var(--tap);padding:0 var(--space-3);border-radius:var(--radius-pill);color:var(--text-secondary);font-size:var(--t-small);font-weight:700;cursor:pointer}
.kk-vise>summary::before{display:none}
.kk-vise ul{position:absolute;right:0;top:100%;z-index:6;list-style:none;margin:0;padding:var(--space-2);min-width:12rem;background:var(--surface-card);border-radius:var(--radius-lg);box-shadow:0 0 0 var(--stroke-hair) var(--control-border)}
.kk-vise li a{display:flex;align-items:center;min-height:var(--tap);padding:0 var(--space-3);color:var(--text-primary);box-shadow:none}
.kk-opis{flex-basis:100%;margin:0;font-size:var(--t-small);line-height:var(--lh-small);color:var(--text-secondary)}
.kk-opis b{color:var(--text-primary)}
.kk-grupa{margin:0 0 var(--space-5)}
.kk-h{display:flex;align-items:center;gap:var(--space-2);margin:0;font-size:var(--t-body)}
.kk-grupa-opis{margin:var(--space-1) 0 var(--space-3);font-size:var(--t-small);line-height:var(--lh-small);color:var(--text-secondary)}
.kk-lista{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-3)}
.kk-stavka{display:grid;grid-template-columns:var(--space-9) minmax(0,1fr);gap:var(--space-3);align-items:start;padding:var(--space-3);border-radius:var(--radius-lg);background:var(--surface-card)}
.kk-stavka .g-slicica{width:100%}
.kk-telo{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}
.kk-stanje{margin:0;font-size:var(--t-small);font-weight:700;color:var(--text-secondary)}
.kk-naslov{margin:0;font-size:var(--t-body);line-height:var(--lh-body);overflow-wrap:anywhere}
.kk-razlog{margin:0;font-size:var(--t-small);line-height:var(--lh-small);color:var(--text-secondary)}
.kk-radnje{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-4);margin-top:var(--space-1)}
.kk-radnje .pt-forma{margin:0}
.kk-sporedno{display:inline-flex;align-items:center;min-height:var(--tap);font-size:var(--t-small)}
.kk-dno{margin:var(--space-3) 0}
.kk-dno a{display:inline-flex;align-items:center;gap:var(--space-2);min-height:var(--tap)}
.st-tekst .st-polja{display:flex;flex-direction:column;gap:var(--space-2)}
.st-brojac{margin:0;font-size:var(--t-small);color:var(--text-secondary);font-variant-numeric:tabular-nums}
.st-brojac b{color:var(--text-primary)}
.st-brojac.st-preko b{text-decoration:underline;text-decoration-thickness:var(--stroke-rule)}
.st-pre-vise{margin:0}
.st-pre-vise>summary{display:inline-flex;align-items:center;min-height:var(--tap);font-size:var(--t-small);cursor:pointer}
.st-pre-vise p{margin:0;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--surface-page);font-size:var(--t-small);line-height:var(--lh-small);overflow-wrap:anywhere}

.st-pv-da{color:var(--text-primary)}
.st-pv-ne{color:var(--text-secondary);opacity:.6}
.st-hes-lista{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:var(--space-2)}
.st-hes{display:inline-flex;align-items:center;gap:var(--space-1);padding:0 0 0 var(--space-3);border-radius:var(--radius-pill);box-shadow:inset 0 0 0 var(--stroke-hair) var(--control-border);background:var(--surface-card)}
.st-hes .st-pil{border-color:transparent;background:transparent;min-width:calc(var(--tap) - var(--space-2));color:var(--text-secondary);font-size:var(--t-body)}
.st-hes .st-pil:hover{color:var(--text-primary)}
.st-hes-ime{font-size:var(--t-small);font-weight:700;overflow-wrap:anywhere}
.st-hes-dodaj{display:flex;gap:var(--space-2);align-items:stretch}
.st-hes-dodaj input{flex:1 1 auto;min-width:0}
.st-svoja{margin:var(--space-3) 0 0}
.st-svoja>summary{display:inline-flex;align-items:center;gap:var(--space-2);min-height:var(--tap);font-weight:700;cursor:pointer}
.st-svoja .st-polja{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-2)}
.st-odmah{margin:var(--space-4) 0 0}
.st-glava-desno .b-ok{white-space:nowrap}
.st-glava>.chip{flex:none;white-space:nowrap}
.st-odmah form{margin:0}
.st-atelje{margin:var(--space-2) 0 0;font-size:var(--t-small)}
.st-atelje a{display:inline-flex;align-items:center;min-height:var(--tap)}
.ig-pregled{display:grid;gap:var(--space-4);margin-top:var(--space-3)}
.ig-pregled figure{margin:0}
.ig-pregled figcaption{margin:0 0 var(--space-2);font-size:var(--t-small);color:var(--text-secondary)}
.ig-polja{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--stroke-rule)}
.ig-polje{display:block;aspect-ratio:3/4;background:var(--surface-page);overflow:hidden}
.ig-plocica,.ig-slika{display:block;width:100%;height:100%;object-fit:cover}
.ig-objava{border-radius:var(--radius-md);background:var(--surface-page);overflow:hidden}
.ig-glava{display:flex;align-items:center;gap:var(--space-2);margin:0;padding:var(--space-2) var(--space-3);font-size:var(--t-small)}
.ig-slika{aspect-ratio:4/5;height:auto}
.ig-tacke{display:flex;justify-content:center;gap:var(--space-1);padding:var(--space-2) 0 0}
.ig-tacke i{width:var(--space-1);height:var(--space-1);border-radius:var(--radius-pill);background:var(--control-border)}
.ig-tacke i.ig-sad{background:var(--link)}
.ig-opis{margin:0;padding:var(--space-2) var(--space-3) var(--space-3);font-size:var(--t-small);line-height:var(--lh-small);overflow-wrap:anywhere}
.ig-more{color:var(--text-secondary)}
.pr-kacenje{display:flex;flex-direction:column;gap:var(--space-2);margin:var(--space-4) 0;padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);background:var(--surface-card)}
.pr-kacenje p{margin:0}
.pr-kacenje button{align-self:flex-start}
@media (min-width:768px){.kk .kk-n{position:static}.kk-ime{position:static;width:auto;height:auto;overflow:visible;clip:auto;font-size:var(--t-small);font-weight:700}.kartice a.kk{padding-right:var(--space-3)}.kk-red>a.kk+a.kk::before{width:var(--space-3);right:100%}.kk-opis{display:none}.ig-pregled{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.kk-stavka{grid-template-columns:var(--space-10) minmax(0,1fr)}}


html.kn-vuce .kn-dan{transition:none}
html.kn-vuce .kn-dan.kn-moze{box-shadow:inset 0 0 0 var(--stroke-hair) var(--focus-ring)}
html.kn-vuce .kn-dan.kn-ne-moze{opacity:.35;cursor:not-allowed}
html.kn-vuce .kn-dan.kn-izvor{outline:var(--stroke-hair) solid var(--control-border);outline-offset:calc(var(--stroke-hair) * -1)}
html.kn-vuce .kn-dan.kn-cilj{background:var(--warning-bg);color:var(--warning-text);box-shadow:none;outline:var(--stroke-focus) solid var(--focus-ring);outline-offset:calc(var(--stroke-focus) * -1)}
html.kn-vuce .kn-dan.kn-cilj .kn-glava-dana,html.kn-vuce .kn-dan.kn-cilj .kn-dan-ime{color:var(--warning-text)}
html.kn-vuce .kn-dan.kn-cilj-ne{opacity:.7;outline:var(--stroke-rule) solid var(--error);outline-offset:calc(var(--stroke-rule) * -1)}
html.kn-vuce .kn-pm[data-pomera-prica],html.kn-vuce .kn-vuci{cursor:grabbing}
.kn-pm[data-pomera-prica]{cursor:grab;touch-action:manipulation}
.kn-pm.kn-podignut,.dn-price a.kn-podignut{opacity:.35}
.kn-pm.kn-ceka{box-shadow:0 0 0 var(--stroke-rule) var(--focus-ring)}
body>.kn-senka{position:fixed;left:0;top:0;margin:0;z-index:40;pointer-events:none;rotate:-2deg;scale:1.04;background:var(--surface-card);border-radius:var(--radius-md)}
.kn-senka-prica{position:fixed;z-index:20;pointer-events:none;width:calc(var(--g-prica-w) * 6);aspect-ratio:9/16;border-radius:var(--radius-sm);overflow:visible;box-shadow:0 0 0 var(--stroke-rule) var(--focus-ring)}
.kn-senka-prica img{display:block;width:100%;height:100%;object-fit:cover;border-radius:var(--radius-sm)}
.kn-senka-prica.kn-senka-ceka{background:var(--warning-bg)}
.kn-senka-prica.kn-senka-puno{background:var(--success)}
.kn-natpis{position:fixed;left:0;top:0;z-index:41;pointer-events:none;width:max-content;max-width:min(18rem,calc(100vw - var(--space-4)));padding:var(--space-1) var(--space-3);border-radius:var(--radius-md);background:var(--text-primary);color:var(--surface-card);font-size:var(--t-small);line-height:var(--lh-small);font-weight:700;text-align:center;white-space:normal}
.kn-natpis:empty{display:none}
.kn-natpis.kn-natpis-ne{background:var(--surface-card);color:var(--error);box-shadow:inset 0 0 0 var(--stroke-rule) var(--error);font-weight:400}
html.kn-vuce-iz-lista .dn-list{opacity:0;pointer-events:none}
.kn-ponisti.kn-traka-ne{background:var(--surface-card);color:var(--error);box-shadow:inset 0 0 0 var(--stroke-rule) var(--error)}
.kn-ponisti.kn-traka-ne .b-back{border-color:var(--control-border);color:var(--text-primary)}
@media (prefers-reduced-motion:reduce){body>.kn-senka{rotate:none;scale:none}}


/* ---- Slike: sve slike (src/web/slike-sve.ts, src/web/foto.ts) ---- */
.sv-cipovi{margin:var(--space-2) 0 var(--space-3)}
.sv-cipovi .m-red{flex-wrap:wrap}
.sv-cipovi .m-cip{flex:none;white-space:nowrap}
.sv-mreza{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3) var(--space-2)}
.sv-plocica{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}
.sv-slika{position:relative;display:block}
.sv-slika .g-slicica{width:100%}
.sv-znak{position:absolute;top:var(--space-2);right:var(--space-2);display:inline-flex;align-items:center;justify-content:center;width:var(--space-6);height:var(--space-6);border-radius:var(--radius-pill);background:var(--surface-card);color:var(--text-primary)}
.sv-gde{display:flex;flex-wrap:wrap;align-items:center;gap:0 var(--space-2);min-height:var(--tap);font-size:var(--t-small);line-height:var(--lh-small);color:var(--text-secondary)}
.sv-gde>.g-ik{color:var(--text-secondary)}
.sv-gde-veza{display:inline-flex;align-items:center;min-height:var(--tap);font-variant-numeric:tabular-nums;font-weight:700;color:var(--text-primary)}
.sv-grupe{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-3)}
.sv-grupa{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}
.sv-grupa-naslov{display:inline-flex;align-items:center;gap:var(--space-2);min-height:var(--tap);font-weight:700;color:var(--text-primary);text-decoration:none;min-width:0}
.sv-grupa-ime{overflow-wrap:anywhere}
.sv-red{list-style:none;margin:0;padding:0;display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - var(--space-2) * 3) / 4);gap:var(--space-2);overflow-x:auto;scrollbar-width:none}
.sv-red a{display:block}
.sv-red .g-slicica{width:100%}
.sv-atelje{margin:var(--space-4) 0 0}
.sv-atelje .dugme{display:inline-flex;align-items:center;gap:var(--space-2)}
.sv-dodaj>summary{display:flex;align-items:center;gap:var(--space-2)}
.sv-forma,.dd-forma{display:flex;flex-direction:column;gap:var(--space-2);margin:0}
.sv-forma label,.dd-forma label{margin:var(--space-2) 0 0}
.sv-forma .meta,.dd-forma .meta{margin:0}
.sv-forma button,.dd-forma button{align-self:flex-start;margin-top:var(--space-3)}
.sv-ljudi{border:0;margin:var(--space-2) 0 0;padding:0;display:flex;flex-direction:column;gap:var(--space-1)}
.sv-ljudi legend{font-size:var(--t-small);font-weight:700;padding:0;margin-bottom:var(--space-1)}
label.sv-izbor{display:flex;align-items:center;gap:var(--space-2);min-height:var(--tap);margin:0;font-weight:400;font-size:var(--t-body)}
/* ---- Mesta: Dodaj u bazu (src/web/katalog-dodaj.ts) ---- */
.m-dodaj-red{display:flex;justify-content:flex-end;margin:var(--space-2) 0 0}
.m-dodaj{display:inline-flex;align-items:center;gap:var(--space-2);min-height:var(--tap)}
.m-dodaj .g-ik{stroke:currentColor}
.m-put{margin:var(--space-3) 0}
.m-put .pt{margin:0}
.dd-izbori ul{list-style:none;margin:var(--space-3) 0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-2)}
.dd-izbor{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:0 var(--space-3);min-height:calc(var(--tap) + var(--space-3));padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);background:var(--surface-card);border:var(--stroke-hair) solid var(--control-border);color:var(--text-primary);text-decoration:none}
.dd-izbor .g-ik{grid-row:span 2}
.dd-izbor b{font-size:var(--t-body)}
.dd-izbor span{font-size:var(--t-small);line-height:var(--lh-small);color:var(--text-secondary)}
.dd-izbor.dd-akt{border-color:var(--text-primary);box-shadow:inset 0 0 0 var(--stroke-hair) var(--text-primary)}
.dd-izbori-mali{margin:var(--space-3) 0}
.dd-telo{background:var(--surface-card);border-radius:var(--radius-lg);padding:var(--space-4)}
/* ---- Mesta: jedno stanje, napredak, strana mesta (src/web/mesto-stanje.ts, src/web/mesto-celo.ts) ---- */
.m-k2{border-color:var(--success);color:var(--success)}
.m-k1{border-color:var(--text-primary);color:var(--text-primary)}
.m-k0{border-color:var(--line);color:var(--text-secondary)}
.m-kx{border-color:transparent;color:var(--text-secondary)}
.m-vrsta{font-size:var(--t-caption);line-height:var(--lh-caption);color:var(--text-secondary)}
.m-recenica{font-size:var(--t-small);line-height:var(--lh-small);color:var(--text-primary)}
.m-napredak{margin:var(--space-3) 0;padding:var(--space-3) var(--space-4);background:var(--surface-card);border-radius:var(--radius-lg)}
.m-napredak-red{margin:0;font-size:var(--t-body)}
.m-napredak-red a{color:var(--text-primary)}
.m-auto{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1) var(--space-2);margin:var(--space-2) 0 0;font-size:var(--t-small);line-height:var(--lh-small);color:var(--text-secondary)}
.m-auto a{display:inline-flex;align-items:center;min-height:var(--tap)}
.mc-ukratko{padding:var(--space-4);background:var(--surface-card);border-radius:var(--radius-lg)}
.mc-ukratko .pt{margin:0}
.mc-ideja{align-self:flex-start;display:inline-flex;align-items:center;gap:var(--space-2)}
.mc-deo>h2{justify-content:flex-start;gap:var(--space-2)}
.mc-broj{display:inline-flex;align-items:center;justify-content:center;min-width:var(--space-6);padding:0 var(--space-2);border-radius:var(--radius-pill);border:var(--stroke-hair) solid var(--control-border);font-size:var(--t-caption);line-height:var(--lh-caption);font-weight:700;font-variant-numeric:tabular-nums;color:var(--text-secondary)}
.mc-lista,.mc-izvori{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}
.mc-lista>li,.mc-izvori>li{padding:var(--space-2) var(--space-3);background:var(--surface-card);border-radius:var(--radius-md);overflow-wrap:anywhere}
.mc-lista .meta,.mc-izvori .meta{display:block}
.mc-lista a{display:inline-flex;align-items:center;gap:var(--space-2);min-height:var(--tap);color:var(--text-primary)}
.mc-vise{margin:var(--space-2) 0 0}
.mc-vise>summary{min-height:var(--tap);display:flex;align-items:center;font-weight:700}
.mc-vise>.mc-lista{margin-top:var(--space-2)}
.mc-ton{display:inline-block;padding:0 var(--space-2);border-radius:var(--radius-pill);border:var(--stroke-hair) solid var(--control-border);font-size:var(--t-caption);line-height:var(--lh-caption);font-weight:700}
.mc-t-pohvala .mc-ton{border-color:var(--success);color:var(--success)}
.mc-podnaslov{margin:var(--space-4) 0 var(--space-2);font-size:var(--t-small)}
.mc-nema{display:flex;align-items:center;gap:var(--space-2);margin:0 0 var(--space-2);padding:var(--space-3);border-radius:var(--radius-md);background:var(--surface-card);color:var(--text-primary)}
.mc-isecci>summary{min-height:var(--tap);display:flex;align-items:center;font-size:var(--t-small)}
.mc-isecci ul{margin:0;padding-left:var(--space-4)}
.mc-utisci{margin-top:var(--space-3)}
.mc-polje{display:inline-block;margin-right:var(--space-2)}
.mc-katalog>summary{font-weight:700}
@media (min-width:768px){.sv-mreza{grid-template-columns:repeat(4,minmax(0,1fr))}.sv-red{grid-auto-columns:calc((100% - var(--space-2) * 5) / 6)}.dd-izbori ul{grid-template-columns:repeat(3,minmax(0,1fr))}.dd-telo{max-width:var(--sadrzaj)}}
@media (min-width:1024px){.sv-mreza{grid-template-columns:repeat(6,minmax(0,1fr))}}


.vz-uvod{max-width:var(--sadrzaj);margin:0 0 var(--space-3);color:var(--text-secondary)}
.vz-h{font-size:var(--t-lead);margin:0 0 var(--space-1)}
.vz-h a{color:inherit;display:inline-flex;align-items:center;min-height:var(--tap)}
.vz-sukob,.vz-tacke{margin:0 0 var(--space-4)}
.vz-tabela th[scope=row]{font-weight:700;text-align:left;white-space:nowrap}
.vz-tabela td{overflow-wrap:anywhere}
.vz-tabela .vz-novo{font-weight:700}
.vz-odluka{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:var(--space-3) 0 0}
.vz-odluka button{min-height:var(--tap)}
.vz-sledeci{margin:0 0 var(--space-4);font-size:var(--t-lead)}
.vz-red{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}
.vz-red-stavka{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:var(--space-2) var(--space-3);padding:var(--space-3) var(--space-4);background:var(--surface-card);border-radius:var(--radius-lg)}
.vz-red-stavka form{grid-column:2;margin:0}
.vz-redni{display:inline-flex;align-items:center;justify-content:center;min-width:var(--tap);min-height:var(--tap);border-radius:var(--radius-pill);box-shadow:inset 0 0 0 var(--stroke-hair) var(--control-border);font-weight:700;font-variant-numeric:tabular-nums}
.vz-red-telo{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}
.vz-red-telo a{min-height:auto}
.vz-red-telo .status-off{font-size:var(--t-small);font-weight:400}
.vz-sada{min-height:var(--tap)}
.vz-serijali{list-style:none;margin:0 0 var(--space-2);padding:0;display:flex;flex-direction:column;gap:var(--space-2)}
.vz-serijal{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--space-2);align-items:baseline}
.vz-serijal .meta{display:block}
.vz-zastoj{margin:0 0 var(--space-3);padding:var(--space-3) var(--space-5);background:var(--surface-card);border-radius:var(--radius-lg);box-shadow:inset var(--space-1) 0 0 var(--error);font-weight:700}
.vz-zastoj a{font-weight:400}
@media (min-width:768px){.vz-red-stavka{grid-template-columns:auto minmax(0,1fr) auto}.vz-red-stavka form{grid-column:auto}}


.at-uvod{margin:0 0 var(--space-4);font-size:var(--t-lead);line-height:var(--lh-lead);color:var(--text-primary);max-width:34ch}
.at-prekidac{margin:0 0 var(--space-4)}
.at-prekidac h2{display:inline;margin:0;font-size:var(--t-body)}
.at-sadrzaj{display:flex;gap:var(--space-2);overflow-x:auto;margin:0 calc(var(--ivica) * -1) var(--space-2);padding:0 var(--ivica) var(--space-2);scrollbar-width:none}
.at-sadrzaj::-webkit-scrollbar{display:none}
.at-sadrzaj a{flex:none;display:inline-flex;align-items:center;min-height:var(--tap);padding:0 var(--space-4);border-radius:var(--radius-pill);box-shadow:inset 0 0 0 var(--stroke-hair) var(--control-border);color:var(--text-primary);font-size:var(--t-small);text-decoration:none}
.at-deo{margin:var(--space-7) 0 0;scroll-margin-top:var(--space-4)}
.at-deo>h2{display:flex;align-items:baseline;gap:var(--space-2);margin:0 0 var(--space-4);font-size:var(--t-title);line-height:var(--lh-title)}
.at-napomena{margin:var(--space-4) 0 var(--space-2);font-size:var(--t-small);color:var(--text-secondary)}
.at-vise{margin:var(--space-3) 0 0}
.at-vise>summary{min-height:var(--tap);display:flex;align-items:center;gap:var(--space-2);font-size:var(--t-small)}
.at-boje{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}
.at-boje-osnovne{grid-template-columns:minmax(0,1fr);gap:var(--space-3)}
.at-boja{display:flex;align-items:center;gap:var(--space-3);min-width:0}
.at-uzorak{flex:none;display:block}
.at-uzorak rect{stroke:var(--control-border);stroke-width:1}
.at-boja-ime{display:flex;flex-direction:column;min-width:0;font-size:var(--t-small);line-height:var(--lh-small)}
.at-boja-ime b{overflow-wrap:normal}
.at-hex{color:var(--text-secondary);font-variant-numeric:tabular-nums}
.at-uloge td,.at-skala td{vertical-align:middle;font-size:var(--t-small)}
.at-uloge .at-uzorak{width:var(--space-6);height:var(--space-6)}
.at-slova{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-5)}
.at-slova li{display:flex;flex-direction:column;gap:var(--space-1);padding:0 0 var(--space-4);border-bottom:var(--stroke-hair) solid var(--line)}
.at-uzorak-slova{color:var(--text-primary);overflow-wrap:anywhere}
.at-display{font-family:var(--font-display);font-weight:700;font-size:var(--t-headline);line-height:var(--lh-headline);letter-spacing:var(--ls-headline)}
.at-tekst{font-family:var(--font-text);font-size:var(--t-lead);line-height:var(--lh-lead)}
.at-citat{font-family:var(--font-quote);font-style:italic;font-size:var(--t-lead);line-height:var(--lh-lead)}
.at-slovo-ime{font-size:var(--t-small);color:var(--text-secondary)}
.at-slovo-ime b{color:var(--text-primary);margin-right:var(--space-1)}
.at-talas{margin:0}
.at-talas-okvir{overflow:hidden;border-radius:var(--radius-lg);box-shadow:0 0 0 var(--stroke-hair) var(--line)}
.at-talas svg{display:block;width:100%;height:auto}
.at-talas-siroki{display:none!important}
.at-t-nebo{fill:var(--color-cream)}
.at-t-sunce{fill:var(--color-sun)}
.at-t-zeleni{fill:var(--color-teal)}
.at-t-pojas{fill:var(--color-navy-deep)}
.at-talas figcaption{margin:var(--space-2) 0 0;font-size:var(--t-small);color:var(--text-secondary)}
.at-glasovi{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-5)}
.at-glas h3{margin:0;font-size:var(--t-body)}
.at-glas p{margin:var(--space-1) 0 var(--space-2);font-size:var(--t-small);color:var(--text-secondary)}
.at-niz{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2)}
.at-niz .g-slicica,.at-mreza .g-slicica,.at-par .g-slicica{width:100%}
.at-tacke{list-style:none;margin:0 0 var(--space-4);padding:0;display:flex;flex-direction:column}
.at-tacke li{border-bottom:var(--stroke-hair) solid var(--line)}
.at-tacke summary{display:flex;align-items:center;gap:var(--space-3);min-height:var(--tap);font-size:var(--t-small);font-weight:700}
.at-tacke summary::before{display:none}
.at-tacke p{margin:0 0 var(--space-3);font-size:var(--t-small);color:var(--text-secondary)}
.at-br{flex:none;display:inline-flex;align-items:center;justify-content:center;width:var(--space-6);height:var(--space-6);border-radius:var(--radius-pill);box-shadow:inset 0 0 0 var(--stroke-hair) var(--control-border);font-variant-numeric:tabular-nums}
.at-mreza{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2)}
.at-mreza-uska{grid-template-columns:repeat(4,minmax(0,1fr))}
.at-parovi{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-4)}
.at-par{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}
.at-par figure{margin:0}
.at-par figcaption{margin:var(--space-1) 0 0;font-size:var(--t-small);color:var(--text-secondary)}
.at-prazno{display:flex;align-items:center;gap:var(--space-2);margin:0;color:var(--text-secondary);font-size:var(--t-small)}
@media (min-width:768px){.at-talas-uski{display:none!important}.at-talas-siroki{display:block!important}.at-boje{grid-template-columns:repeat(4,minmax(0,1fr))}.at-boje-osnovne{grid-template-columns:repeat(5,minmax(0,1fr))}.at-boje-osnovne .at-boja{flex-direction:column;align-items:flex-start}.at-mreza{grid-template-columns:repeat(4,minmax(0,1fr))}.at-mreza-uska{grid-template-columns:repeat(6,minmax(0,1fr))}.at-glasovi{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-6) var(--space-5)}}
@media (min-width:1024px){.at-mreza{grid-template-columns:repeat(6,minmax(0,1fr))}.at-parovi{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Mesta, Slike, Rezultati (redizajn) */
.mesta-dno,.slike-dno,.rez-dno{display:flex;flex-direction:column;gap:var(--space-2)}
.mesta-dno>details,.slike-dno>details,.rez-dno>details{margin:0;background:var(--surface-card);border-radius:var(--radius-lg);padding:0 var(--space-4)}
.mesta-dno>details[open],.slike-dno>details[open],.rez-dno>details[open]{padding-bottom:var(--space-4)}
.m-vrh{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--space-3);align-items:center}
.m-vrh .g-plocica{min-height:calc(var(--g-plocica) - var(--space-5))}
.m-vrh .g-plocica .g-broj{font-size:var(--t-title);line-height:var(--lh-title)}
.m-vrh .g-plocica .g-oznaka{font-size:var(--t-caption);line-height:var(--lh-caption);overflow-wrap:normal}
.m-zbir{font-size:var(--t-small);color:var(--text-secondary);font-variant-numeric:tabular-nums}
.m-drzave{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 var(--space-4)}
.m-drzave .g-stubici{grid-template-columns:minmax(0,max-content) minmax(var(--space-5),1fr) auto;gap:0 var(--space-2)}
.m-sve-drzave{margin:var(--space-1) 0 0}.m-sve-drzave>summary{min-height:var(--tap);font-size:var(--t-small)}
.m-filteri{display:flex;flex-direction:column;gap:var(--space-2);margin:0 0 var(--space-3)}
.m-red{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}
.m-red-ime{font-size:var(--t-caption);line-height:var(--lh-caption);color:var(--text-secondary);font-weight:700;min-width:var(--space-8)}
.m-cip{display:inline-flex;align-items:center;gap:var(--space-1);min-height:var(--tap);padding:0 var(--space-3);border-radius:var(--radius-pill);border:var(--stroke-hair) solid var(--control-border);background:var(--surface-card);color:var(--text-primary);text-decoration:none;font-size:var(--t-small);font-weight:700;white-space:nowrap}
.m-cip b{font-weight:400;color:var(--text-secondary);font-variant-numeric:tabular-nums}
.m-cip.m-akt{background:var(--text-primary);border-color:var(--text-primary);color:var(--surface-card)}.m-cip.m-akt b{color:inherit}
.m-trazi{display:flex;gap:var(--space-2);margin:0 0 var(--space-4)}.m-trazi input[type=text],.m-trazi input:not([type]){flex:1 1 auto;min-width:0;margin:0}
.m-trazi button{flex:none;margin:0}
.m-mreza{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}
.m-kartica{position:relative;display:flex;flex-direction:column;gap:var(--space-2);min-width:0;padding:var(--space-3);background:var(--surface-card);border-radius:var(--radius-lg)}
.m-kartica:hover{box-shadow:inset 0 0 0 var(--stroke-rule) var(--control-border)}
.m-ime{color:var(--text-primary);font-weight:700;text-decoration:none;line-height:var(--lh-small);overflow-wrap:break-word;hyphens:auto;padding-right:var(--space-6);display:block}
.m-ime::after{content:"";position:absolute;inset:0;border-radius:var(--radius-lg)}
.m-ime:focus-visible::after{box-shadow:0 0 0 var(--stroke-focus) var(--accent)}
.m-gde{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1) var(--space-2);margin-top:calc(var(--space-1) * -1);font-size:var(--t-caption);line-height:var(--lh-caption);color:var(--text-secondary)}
.m-oznaci{position:absolute;z-index:1;top:0;right:0;display:flex;align-items:center;justify-content:center;width:var(--tap);height:var(--tap);margin:0;cursor:pointer}
.m-oznaci input{margin:0;width:var(--space-5);height:var(--space-5)}
.m-kartica .g-brojaci{font-size:var(--t-caption);gap:var(--space-1) var(--space-2)}
.m-stanje{display:inline-flex;align-items:center;gap:var(--space-1);border:var(--stroke-hair) solid var(--control-border);border-radius:var(--radius-pill);padding:0 var(--space-2);font-size:var(--t-caption);line-height:var(--lh-caption);font-weight:700;white-space:nowrap;color:var(--text-primary)}
.m-s-ceka_sajt{border-color:var(--text-primary);color:var(--text-primary)}
.m-s-istrazeno{border-color:var(--success);color:var(--success)}
.m-s-katalog{border-color:var(--line);color:var(--text-secondary)}
.m-s-odbijeno{border-color:transparent;color:var(--text-secondary);text-decoration:line-through}
.m-k-odbijeno{background:transparent;box-shadow:inset 0 0 0 var(--stroke-hair) var(--line)}
.m-skupno{margin-top:var(--space-3)}
.m-prazno{padding:var(--space-5);border:var(--stroke-rule) dashed var(--control-border);border-radius:var(--radius-lg);color:var(--text-secondary);margin:0}
.m-stranice{display:flex;align-items:center;justify-content:center;gap:var(--space-4);margin:var(--space-4) 0}
.m-str{display:inline-flex;align-items:center;justify-content:center;width:var(--tap);height:var(--tap);border-radius:var(--radius-pill);background:var(--surface-card);color:var(--text-primary);text-decoration:none;font-weight:700}
span.m-str{background:transparent}
.m-str-broj{font-variant-numeric:tabular-nums;color:var(--text-secondary);font-size:var(--t-small)}
.m-vise{margin:var(--space-2) 0 0}.m-vise>summary{min-height:var(--tap);font-size:var(--t-small);font-weight:700}
.m-glava{display:flex;flex-direction:column;gap:var(--space-2);margin:0 0 var(--space-3)}
.m-gde-red{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);margin:0}
.m-gde-red>.g-ik{color:var(--text-secondary)}
.m-red-brojeva{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);margin:0}
.m-odluka{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-3);background:var(--surface-card);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);margin:var(--space-3) 0}
.m-odluka>details{margin:0}.m-odluka>details[open]{flex-basis:100%}
.m-odluka>details>summary{min-height:var(--tap);font-weight:700;font-size:var(--t-small)}
.m-odbij>summary{color:var(--error)}
.m-sajt{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--space-3);align-items:start}
.m-teme{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2)}
.m-tema{margin:0;min-width:0;background:var(--surface-card);border-radius:var(--radius-lg)}
.m-tema[open]{grid-column:1/-1}
.m-tema>summary,div.m-tema{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--space-1);align-items:center;padding:var(--space-2) var(--space-3);min-height:var(--tap);color:var(--text-primary)}
.m-tema>summary::before{display:none}
.m-tema .g-ik{color:var(--text-secondary)}
.m-tema-ime{font-size:var(--t-caption);line-height:var(--lh-caption);font-weight:700;overflow-wrap:normal;min-width:0}
.m-tema-broj{grid-column:1/-1;font-family:var(--font-display);font-size:var(--t-title);line-height:1;font-variant-numeric:tabular-nums}
.m-tema-traka{grid-column:1/-1;display:block;height:var(--space-1);border-radius:var(--radius-pill);background:var(--surface-page);overflow:hidden}
.m-tema-traka i{display:block;height:100%;background:var(--success)}
div.m-tema.g-nula{background:var(--line);border-color:transparent;color:var(--text-secondary)}
div.m-tema.g-nula .m-tema-broj{font-weight:400;color:var(--text-secondary)}
.m-cinjenice{list-style:none;margin:0;padding:0 var(--space-3) var(--space-3);display:flex;flex-direction:column;gap:var(--space-3);font-size:var(--t-small);line-height:var(--lh-small)}
.m-cinjenice q{display:block;color:var(--quote);margin:var(--space-1) 0 0}
.m-ostalo{margin:var(--space-2) 0 0;background:var(--surface-card);border-radius:var(--radius-lg);padding:0 var(--space-3)}
.m-foto{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--space-9),1fr));gap:var(--space-2)}
.m-foto li{display:flex;flex-direction:column;gap:var(--space-1)}
.m-foto .g-slicica{width:100%}
.m-foto-stanje{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--t-caption);color:var(--text-secondary)}
.m-hotel{list-style:none;margin:0;padding:var(--space-2) var(--space-4);background:var(--surface-card);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--space-2)}
.m-hotel a{display:inline-flex;align-items:center;min-height:var(--tap);font-weight:700}
.g-blok>h2 .g-ik{color:var(--text-secondary)}
.g-blok>h2:has(>.g-ik){justify-content:flex-start}
.g-blok>h2:has(>.g-ik)>a{margin-left:auto}
.rez-prazno{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-1);padding:var(--space-5);border:var(--stroke-rule) dashed var(--control-border);border-radius:var(--radius-lg);color:var(--text-primary)}
.rez-prazno>.g-ik{color:var(--text-secondary)}
.rez-ploce{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}
.rez-ploca{position:relative;display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-3) var(--space-4);background:var(--surface-card);border-radius:var(--radius-lg)}
.rez-ploca>.g-ik{position:absolute;top:var(--space-3);right:var(--space-3);color:var(--text-secondary)}
.rez-ploca .g-broj{font-family:var(--font-display);font-size:var(--t-number);line-height:1;font-variant-numeric:tabular-nums}
.rez-ploca .g-iskra-broj{display:none}
.rez-lekcije{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}
.rez-lekcije a{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-1);min-height:var(--tap);padding:var(--space-3) var(--space-4);background:var(--surface-card);border-radius:var(--radius-lg);color:var(--text-primary);text-decoration:none;font-weight:700}
.gr-mreza{list-style:none;margin:0 0 var(--space-4);padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2)}
.gr-kartica{display:flex;flex-direction:column;gap:var(--space-1);min-width:0;background:var(--surface-card);border-radius:var(--radius-lg);overflow:hidden}
.gr-kartica>img,.gr-kartica>video{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;background:var(--surface-page)}
.gr-kartica>.bez-slike{display:block;width:100%;aspect-ratio:1/1;box-shadow:inset 0 0 0 var(--stroke-hair) var(--line)}
.gr-kartica>details{margin:0;padding:0 var(--space-2) var(--space-1)}.gr-kartica>details>summary{min-height:var(--tap);font-size:var(--t-caption)}
.gr-kartica:has(>details[open]){grid-column:1/-1}
.gr-kartica dl{font-size:var(--t-caption)}
.sp-ploce .g-plocice{grid-template-columns:repeat(3,minmax(0,1fr))}
.istr-dva{display:grid;grid-template-columns:minmax(0,1fr);gap:0 var(--space-6)}
.u-vrh{display:flex;flex-direction:column;gap:var(--space-3)}
.u-lista{list-style:none;margin:0 0 var(--space-3);padding:var(--space-1) var(--space-4);background:var(--surface-card);border-radius:var(--radius-lg)}
.u-lista li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0 var(--space-3);align-items:center;padding:var(--space-2) 0;border-top:var(--stroke-hair) solid var(--line)}
.u-lista li:first-child{border-top:0}
.u-lista .u-ime{display:inline-flex;align-items:center;min-height:var(--tap);font-weight:700;color:var(--text-primary)}
.u-lista li>.meta{grid-column:1/-1}
.u-lista .g-zvezde{grid-column:1}.u-lista .g-zv-legenda{display:none}
.u-broj{font-variant-numeric:tabular-nums;font-weight:700}
.sl-mreza{list-style:none;margin:0 0 var(--space-4);padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2)}
.sl-kartica a{position:relative;display:block;color:var(--text-primary);text-decoration:none}
.sl-kartica .g-slicica{width:100%}
.sl-stanje{position:absolute;top:var(--space-2);left:var(--space-2);display:inline-flex;align-items:center;gap:var(--space-1);padding:0 var(--space-2);border-radius:var(--radius-pill);background:var(--surface-card);font-size:var(--t-caption);line-height:var(--lh-caption);font-weight:700}
.sl-kandidat .sl-stanje{background:var(--warning-bg);color:var(--warning-text)}
.sl-odobrena .sl-stanje{color:var(--success)}
.sl-napredak{display:flex;align-items:center;gap:var(--space-3);margin:0 0 var(--space-3)}
.sl-napredak .m-str{margin-left:auto}
.sl-velika img{max-height:60vh}
.sl-velika figcaption{color:var(--text-secondary)}
.sl-odluka{display:flex;flex-direction:column;gap:var(--space-3)}
.sl-odluka .g-semafori{grid-template-columns:repeat(3,minmax(0,1fr))}
.sl-odluka .g-semafor>summary{padding:var(--space-2)}
.sl-odluka>form,.sl-odluka>details>form{margin:0}
.sl-dugme{width:100%;min-height:calc(var(--tap) + var(--space-3));font-size:var(--t-title)}
.sl-odbij{margin:0}.sl-odbij>summary.sl-dugme{display:flex;align-items:center;justify-content:center;list-style:none;cursor:pointer}
.sl-odbij>summary.sl-dugme::before{display:none}
.sl-odbij[open]>summary{margin-bottom:var(--space-2)}
.sl-podaci{background:var(--surface-card);border-radius:var(--radius-lg);padding:0 var(--space-4)}
@media (min-width:768px){.istr-dva{grid-template-columns:repeat(2,minmax(0,1fr))}.gr-mreza{grid-template-columns:repeat(auto-fill,minmax(calc(var(--space-10) + var(--space-7)),1fr))}.rez-ploce{grid-template-columns:repeat(4,minmax(0,1fr))}.sl-mreza{grid-template-columns:repeat(auto-fill,minmax(calc(var(--space-10) + var(--space-7)),1fr))}.ist-mreza{grid-template-columns:repeat(auto-fill,minmax(calc(var(--space-10) + var(--space-7)),1fr))}.u-lista li{grid-template-columns:minmax(0,calc(var(--space-10) + var(--space-9))) minmax(0,1fr) auto}.u-lista li>.meta{grid-column:auto;margin:0}.u-lista .g-zvezde{grid-column:auto}}
@media (min-width:768px){.m-mreza{grid-template-columns:repeat(auto-fill,minmax(calc(var(--space-10) + var(--space-9)),1fr))}.m-vrh{grid-template-columns:auto minmax(0,1fr)}}
/* Objave (redizajn) — nalog 7, korak 4: kalendar kao slika devet nedelja (src/web/kalendar-tabla.ts), red za odobrenje,
   priče, istorija i cela objava sa slikom prvo (views.ts, strane.ts, cela-objava.ts), ideje (ideje.ts). Samo tokeni. */
.kn-naslov-plana{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 var(--space-3);margin:var(--space-2) 0}
.kn-naslov-plana small{font-size:var(--t-small);line-height:var(--lh-small);font-weight:400;color:var(--text-secondary);font-variant-numeric:tabular-nums}
.kn-stanje-plana{margin:0 0 var(--space-2);background:var(--surface-card);border-radius:var(--radius-lg);padding:0 var(--space-4)}
.kn-stanje-plana>summary{flex-wrap:wrap;gap:var(--space-1) var(--space-4);color:var(--text-primary);font-weight:400;font-size:var(--t-small);line-height:var(--lh-small)}
.kn-stanje-plana>summary::before{display:none}
.kn-st{display:inline-flex;align-items:center;gap:var(--space-1)}
.kn-st b{font-variant-numeric:tabular-nums}
.kn-st-lose .g-ik{color:var(--error)}.kn-st-ceka .g-ik{color:var(--accent)}.kn-st-ok .g-ik{color:var(--success)}
.kn-zasto-rec{margin-left:auto;color:var(--link);font-weight:700}
.kn-stanje-telo{padding-bottom:var(--space-3)}
.kn-legenda{margin:0 0 var(--space-2);display:flex;flex-wrap:wrap;gap:var(--space-1) var(--space-4)}
.kn-legenda .g-legenda{margin:0}
.kn-legenda .kn-boja{display:inline-block;width:var(--space-4);height:var(--space-2);border-radius:var(--radius-pill);background:var(--traka-serije,var(--control-border))}
.kn-mreza{position:relative}
.kn-imena-dana{display:none}
.kn-nedelja{position:relative;padding:0 var(--space-2) var(--space-2);margin:var(--space-2) 0}
.kn-nedelja-glava{display:flex;flex-wrap:nowrap;align-items:center;gap:0 var(--space-3);padding:0 var(--space-1);min-height:var(--tap)}
.kn-nedelja-glava h3{flex:none;margin:0;font-size:var(--t-small);line-height:var(--lh-small);font-variant-numeric:tabular-nums}
.g-ned-sazetak{display:inline-flex;align-items:center;gap:var(--space-2);min-width:0}
.g-ned-sazetak .g-ned-svg{max-width:none}
.kn-odobri-ned{flex:none;margin-left:auto;display:inline-flex;align-items:center;gap:var(--space-1);min-height:var(--tap);font-size:var(--t-small);font-weight:700}
.kn-napomene{flex:none;margin:0}
.kn-napomene>summary{gap:var(--space-1);min-width:var(--tap);color:var(--accent);font-size:var(--t-small)}
.kn-napomene>summary::before,.kn-zasto>summary::before,.kn-price-det>summary::before{display:none}
.kn-dani{display:flex;flex-direction:row;gap:var(--space-1);margin-top:0}
.kn-dan{flex:1 1 0;padding:0 var(--space-1) var(--space-1);gap:var(--space-1);border-radius:var(--radius-sm)}
.kn-dan.kn-ima{flex-grow:3}
.kn-glava-dana{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--stroke-rule) var(--space-1);min-height:var(--tap);color:var(--text-secondary);font-weight:700}
.kn-dan-ime{display:inline;text-align:center;font-variant-numeric:tabular-nums}
.kn-dan.kn-danas .kn-dan-ime{color:var(--text-primary)}
.kn-cip{position:static;display:grid;grid-template-columns:minmax(0,1fr);gap:0;border:0;background:transparent;padding:0;min-height:0;font-size:var(--t-caption);line-height:var(--lh-caption)}
.kn-cip.kn-prazno,.kn-cip.kn-proslo{padding:0;background:transparent}
.kn-otvori{grid-area:1/1;gap:var(--space-1)}
.kn-slika{position:relative;display:block}
.kn-cip .g-slicica{width:100%}
.kn-g-plan .g-slicica.g-prazno{box-shadow:inset 0 0 0 var(--stroke-rule) var(--text-primary);color:var(--text-primary)}
.kn-g-predlog .g-slicica.g-prazno{color:var(--accent)}
.kn-plus{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1);color:var(--text-secondary)}
.kn-proslo .g-slicica{opacity:.5}
.kn-znak,.kn-vrsta{position:absolute;display:inline-flex;align-items:center;justify-content:center;width:var(--space-5);height:var(--space-5);border-radius:var(--radius-pill)}
.kn-slika .kn-znak,.kn-slika .kn-vrsta{width:var(--space-4);height:var(--space-4)}
.kn-slika .kn-znak .g-ik,.kn-slika .kn-vrsta .g-ik{width:var(--space-3);height:var(--space-3)}
.kn-znak{top:var(--space-1);left:var(--space-1)}
.kn-vrsta{bottom:var(--space-2);right:var(--space-1);background:var(--surface-card);color:var(--text-primary)}
.kn-znak-ceka{background:var(--warning-bg);color:var(--warning-text)}
.kn-znak-gotovo{background:var(--success);color:var(--surface-card)}
.kn-znak-legenda{position:static}
.kn-oznaka{display:none;overflow-wrap:normal;-webkit-hyphens:none;hyphens:none;font-weight:700;color:var(--text-primary)}
.kn-slika .kn-boja{position:absolute;left:0;right:0;bottom:0;height:var(--space-1);border-radius:0 0 var(--radius-md) var(--radius-md);background:var(--traka-serije,var(--control-border))}
.kn-legenda-det{margin:0 0 var(--space-1)}
.kn-legenda-det>summary{font-size:var(--t-small)}
.kn-legenda-det[open]>summary{margin-bottom:var(--space-1)}
.kn-meni,.kn-meni[open]{grid-area:1/1;position:static;justify-self:end;align-self:start;margin:0;z-index:auto}
.kn-meni>summary,.kn-meni[open]>summary{position:static;align-items:flex-start;justify-content:flex-end;min-width:var(--tap);min-height:var(--tap);padding:var(--space-1)}
.kn-tri{display:inline-flex;align-items:center;justify-content:center;width:var(--space-5);height:var(--space-5);border-radius:var(--radius-pill);background:var(--surface-card);color:var(--text-primary);box-shadow:0 0 0 var(--stroke-hair) var(--control-border);line-height:1}
.kn-zasto,.kn-price-det{margin:0}
.kn-zasto>summary{display:block;min-height:0;color:inherit;font-weight:400}
.kn-price-det>summary{color:var(--text-secondary)}
.kn-dan.kn-danas .kn-glava-dana{color:var(--text-primary)}
.kn-pm-red{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--stroke-rule)}
.kn-pm{display:block;width:var(--g-prica-w);height:var(--g-prica-h);border-radius:var(--stroke-rule)}
.kn-pm-puno{background:var(--success)}
.kn-pm-ceka{background:var(--warning-bg);box-shadow:inset 0 0 0 var(--stroke-hair) var(--warning-text)}
.kn-pm-prazno{background:var(--line)}
.kn-pop{position:absolute;left:var(--space-2);right:var(--space-2);z-index:5;display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-1);padding:var(--space-3);background:var(--surface-card);border-radius:var(--radius-md);box-shadow:0 0 0 var(--stroke-rule) var(--control-border);font-size:var(--t-small);line-height:var(--lh-small);font-weight:400;color:var(--text-primary);cursor:auto}
.kn-pop .kn-price{flex-direction:column}
.kn-pop .kn-prica a{flex-wrap:nowrap;background:var(--surface-page)}
.kn-pop .kn-prica .g-slicica{flex:none;width:var(--space-7)}
.kn-pop .kn-prica.kn-prazno{gap:var(--space-2);border:0;padding:0}
.kn-pop .kn-prica.kn-prazno .g-slicica{width:var(--space-7)}
.kn-pop .kn-forma{margin:0}
.kn-tacna{margin:var(--space-5) 0 var(--space-3);padding:var(--space-3) var(--space-4);border:var(--stroke-hair) solid var(--line);border-radius:var(--radius-lg)}
.kn-tacna h2{display:flex;align-items:center;gap:var(--space-2);margin:0 0 var(--space-2);font-size:var(--t-body)}
.kn-tacna-lista{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:var(--space-2)}
.kn-tacna-lista .kn-cip{flex:0 0 var(--space-7)}
.kn-jos a{display:flex;align-items:center;justify-content:center;aspect-ratio:4/5;border:var(--stroke-hair) solid var(--control-border);border-radius:var(--radius-md);font-weight:700;color:var(--text-primary);text-decoration:none}
.kn-tacna .g-tiho{margin:0}
.kn-vise{margin:var(--space-2) 0;background:var(--surface-card);border-radius:var(--radius-lg);padding:0 var(--space-4)}
.kn-vise[open]{padding-bottom:var(--space-3)}
.kn-tacna .kn-vise,.kn-stanje-telo .kn-vise{background:transparent;padding:0}
.znacka.nula{background:var(--surface-card);color:var(--text-secondary);box-shadow:inset 0 0 0 var(--stroke-hair) var(--control-border)}
.ob-vrh{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2) var(--space-3);margin:var(--space-2) 0 var(--space-3)}
.ob-broj{display:inline-flex;align-items:center;gap:var(--space-2);margin:0;font-size:var(--t-lead);line-height:var(--lh-lead)}
.ob-veza{display:inline-flex;align-items:center;gap:var(--space-2);min-height:var(--tap);font-weight:700;font-size:var(--t-small)}
.ob-kartica .ob-slike{margin:0 0 var(--space-2)}
.ob-kartica .ob-slike img{height:calc(var(--g-slicica) * 2)}
.ob-kartica .ob-slike video{width:auto;height:calc(var(--g-slicica) * 3)}
.ob-oznake{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1) var(--space-2)}
.ob-dan{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--t-small);line-height:var(--lh-small);color:var(--text-secondary);font-variant-numeric:tabular-nums}
.ob-kartica>h2{margin:var(--space-2) 0 var(--space-1)}
.ob-kartica>.row{margin:var(--space-1) 0}
.ob-bez-slike{display:flex;align-items:center;gap:var(--space-3)}
.ob-bez-slike .g-slicica{flex:none;width:var(--space-8)}
.ist-mreza{list-style:none;margin:var(--space-3) 0 var(--space-4);padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3) var(--space-2)}
.ist-stavka{display:flex;flex-direction:column;gap:var(--space-1);min-width:0;font-size:var(--t-caption);line-height:var(--lh-caption)}
.ist-stavka .g-slicica{width:100%}
.ist-stanje{display:inline-flex;align-items:center;gap:var(--space-1);font-weight:700;color:var(--text-secondary)}
.ist-stanje.ok{color:var(--success)}
.ist-stanje.greska{color:var(--error)}
.ist-dan{color:var(--text-secondary);font-variant-numeric:tabular-nums}
.ist-oznaka{display:block;overflow-wrap:normal;min-height:var(--tap);font-weight:700;color:var(--text-primary);text-decoration:none}
.ist-stavka form{margin:0}
.ist-zasto{margin:0}
.ist-zasto>summary{font-size:var(--t-caption)}
.ob-vise,.ob-zasto,.ob-urednik{margin:var(--space-1) 0}
.ob-zasto>summary,.ob-alt>summary{font-size:var(--t-small)}
.ob-alt{margin:0}
.ob-veze-glava{margin:0 0 var(--space-2)}
.ob-glava-red{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1) var(--space-2);margin-top:var(--space-2)}
.ob-naslov{margin:0;font-size:var(--t-body);line-height:var(--lh-body)}
.ob-price .price{margin-top:0}
.ob-filter{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:0 0 var(--space-3)}
.ob-filter a{display:inline-flex;align-items:center;gap:var(--space-2);min-height:var(--tap);padding:0 var(--space-4);border-radius:var(--radius-pill);border:var(--stroke-hair) solid var(--control-border);background:var(--surface-card);color:var(--text-primary);text-decoration:none;font-size:var(--t-small);font-weight:700}
.ob-filter a b{font-variant-numeric:tabular-nums}
.ob-filter a[aria-current=page]{background:var(--text-primary);color:var(--surface-card);border-color:var(--text-primary)}
.ideje-kako{margin:0 0 var(--space-2)}
.ideje-lista{display:flex;flex-direction:column;gap:var(--space-3)}
.ideje-lista>.card{margin:0}
.ideja-forma{margin-top:0}
.ideja-naslovne{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2)}
.ideja-naslovne .opcija-naslovne,.potvrde .ideja-naslovne label.opcija-naslovne{flex-direction:column;align-items:stretch;gap:var(--space-1);padding:var(--space-1);border-radius:var(--radius-md)}
.ideja-naslovne .opcija-naslovne>input{align-self:flex-start}
.ideja-naslovne .naslovna-mini{aspect-ratio:4/5;justify-content:center;padding:var(--space-2);gap:var(--stroke-rule)}
.ideja-naslovne .naslovna-mini .nm-1,.ideja-naslovne .naslovna-mini .nm-2{font-size:var(--t-small);line-height:var(--lh-small)}
.ideja-naslovne .naslovna-mini .nm-iz{display:none}
.ideja-izabrana{grid-template-columns:minmax(0,calc(var(--g-slicica) * 1.5))}
.ideja-naslov{margin:var(--space-2) 0 0;font-family:var(--font-display);font-size:var(--t-title);line-height:var(--lh-title)}
.ideja-slika{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-3);margin:var(--space-1) 0}
.ideja-slika .g-semafor[open]{flex-basis:100%}
.ideja-ocena{gap:var(--space-1)}
@media (min-width:768px){.ideja-naslovne{grid-template-columns:repeat(5,minmax(0,1fr))}.ideja-izabrana{grid-template-columns:minmax(0,calc(var(--g-slicica) * 1.5))}}
@media (min-width:1024px){
.kn-imena-dana{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:var(--space-2);padding:0 var(--space-2);font-size:var(--t-caption);line-height:var(--lh-caption);color:var(--text-secondary);text-align:center}
.kn-dani{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:var(--space-2)}
.kn-dan{min-height:0;padding:var(--space-2)}
.kn-cip .kn-slika{max-width:var(--g-slicica);margin:0 auto;width:100%}
.kn-oznaka{display:block}
.kn-meni[open]{position:static;width:auto;padding:0;background:transparent;box-shadow:none}
.kn-tacna-lista .kn-cip{flex-basis:var(--space-8)}
}
/* ---- Mesta: znanje iz vlasnikove tabele (region, obrasci utisaka; src/web/mesta.ts) ---- */
.m-region{margin:var(--space-3) 0}
.m-reg-dl dd{margin-bottom:var(--space-2)}
.m-reg-atr{margin:var(--space-2) 0 0;padding-left:var(--space-5)}
.m-obrasci{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-3);margin-top:var(--space-3)}
.m-obr-nasl{margin:0 0 var(--space-1);font-size:var(--t-small);line-height:var(--lh-small)}
@media (min-width:768px){.m-obrasci{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Studio */
/* Studio objave i list dana (nalog 8; docs/dizajn-sistem.md, „Studio objave“): mere --st-*, samo uloge boja. */
a.kn-glava-dana{text-decoration:none;color:var(--text-secondary);border-radius:var(--radius-sm)}
a.kn-glava-dana:hover{background:var(--surface-card)}
.kn-dan.kn-danas a.kn-glava-dana{color:var(--text-primary)}
.st{position:relative;transition:opacity var(--motion-ui) var(--ease-out)}
.st.st-radi{opacity:.6;pointer-events:none}
/* fokus (merilo table, izmena 2): bez ljuske; jedan red najviše --m-glava, scena odmah ispod, alati na dnu */
main.fokus{max-width:calc(var(--sadrzaj-siroko) + 2 * var(--ivica));margin:0 auto;padding:var(--space-1) var(--ivica) calc(var(--tap) + var(--space-6))}
.st-glava{display:flex;align-items:center;gap:var(--space-2);flex-wrap:nowrap;height:var(--m-glava);margin:0 0 var(--space-2)}
.st-glava-desno{display:flex;align-items:center;gap:var(--space-2);margin-left:auto}
.st-nazad{display:inline-flex;align-items:center;gap:var(--space-1);min-height:var(--tap);padding:0 var(--space-2) 0 0;font-weight:700;font-size:var(--t-small);color:var(--text-primary);text-decoration:none}
.st-nazad-znak{font-size:var(--t-title);line-height:1;margin-top:calc(var(--space-1) / -2)}
.st-glava form,.st-radnje form,.st-odluka form,.st-cipovi form{margin:0}
.st-pil{display:inline-flex;align-items:center;justify-content:center;min-width:var(--tap);min-height:var(--tap);padding:0 var(--space-2);border-radius:var(--radius-pill);border:var(--stroke-hair) solid var(--control-border);background:var(--surface-card);color:var(--text-primary);font-size:var(--t-lead);font-weight:700;line-height:1;text-decoration:none}
.st-pil.st-pil-lose{color:var(--error);border-color:var(--error)}
.st-pil.st-ne{opacity:.35}
.st-pil.st-pil-mala{min-width:var(--tap);font-size:var(--t-small)}
.st-raspored{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-3)}
.st-traka{list-style:none;margin:0;padding:0 0 var(--space-2);display:flex;gap:var(--space-2);overflow-x:auto;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}
.st-sl{flex:0 0 var(--st-traka);scroll-snap-align:start;position:relative;touch-action:pan-x}
.st-sl a{display:block;position:relative;border-radius:var(--radius-md);text-decoration:none;color:var(--text-primary)}
.st-sl .g-slicica{width:100%}
.st-sl.st-izabran .g-slicica{box-shadow:0 0 0 var(--stroke-focus) var(--text-primary)}
.st-br{display:flex;align-items:center;justify-content:center;width:var(--m-broj);height:var(--m-broj);margin:var(--space-1) auto 0;border-radius:var(--radius-pill);color:var(--text-secondary);font-size:var(--t-caption);line-height:1;font-weight:700;font-variant-numeric:tabular-nums}
.st-sl.st-izabran .st-br{background:var(--text-primary);color:var(--surface-page)}
.st-sl.st-podignut{opacity:.5}.st-sl.st-ceka{transform:scale(.96)}.st-sl.st-cilj a{box-shadow:0 0 0 var(--stroke-focus) var(--accent)}
/* scene videa: sve u širini ekrana (ne izlaze preko ivice), u redovima po četiri; taktovi se biraju dodirom */
.st-takti{flex-wrap:wrap;overflow-x:visible;scroll-snap-type:none}
.st-takti .st-sl{flex:0 0 calc((100% - 3 * var(--space-2)) / 4);min-width:0}
.st-takt{display:flex;align-items:flex-start;min-height:calc(var(--st-traka) * 1.25);padding:var(--space-1) var(--space-1) var(--space-5);border:var(--stroke-hair) solid var(--control-border);border-radius:var(--radius-md);background:var(--surface-card);font-size:var(--t-caption);line-height:var(--lh-caption);overflow:hidden}
.st-forma-pomeri{display:none}
.st-scena{margin:0;max-width:var(--st-scena)}
.st-scena img,.st-scena video,.st-scena .g-slicica{display:block;width:100%;height:auto;border-radius:var(--radius-md)}
.st-scena .g-slicica{display:flex;align-items:center;justify-content:center}
.st-radnje{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:var(--space-2) 0 0}
.st-alati{position:fixed;left:0;right:0;bottom:0;z-index:8;display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--ivica) calc(var(--space-2) + env(safe-area-inset-bottom));background:var(--surface-page);box-shadow:0 calc(var(--stroke-hair) * -1) 0 var(--line)}
.st-alati a{display:inline-flex;align-items:center;gap:var(--space-2);min-height:var(--tap);padding:0 var(--space-4);border-radius:var(--radius-pill);border:var(--stroke-hair) solid var(--control-border);background:var(--surface-card);color:var(--text-primary);text-decoration:none;font-size:var(--t-small);font-weight:700}
.st-alati a[aria-current=page]{background:var(--text-primary);color:var(--surface-card);border-color:var(--text-primary)}
.st-sacuvaj{margin-left:auto}
.st-panel{display:flex;flex-direction:column;gap:var(--space-3)}
.st-polja{display:flex;flex-direction:column;gap:var(--space-1);margin:0}
.st-polja label{margin:var(--space-2) 0 0}
.st-polja button{align-self:flex-start;margin-top:var(--space-2)}
.st-blok{margin:0;background:var(--surface-card);border-radius:var(--radius-lg);padding:var(--space-2) var(--space-4)}
.st-blok>summary,.st-h{display:flex;align-items:center;gap:var(--space-2);margin:0;min-height:var(--tap);font-size:var(--t-body);font-weight:700;color:var(--text-primary)}
section.st-blok{padding-bottom:var(--space-3)}
.st-mreza{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2)}
.st-mreza form{margin:0}
.st-izbor{position:relative;display:block;width:100%;min-height:var(--tap);padding:0;border:0;border-radius:var(--radius-md);background:transparent}
.st-izbor .g-slicica{width:100%}
.st-izbor.st-da{box-shadow:0 0 0 var(--stroke-focus) var(--success)}
.st-kvacica{position:absolute;top:var(--space-1);right:var(--space-1);display:inline-flex;align-items:center;justify-content:center;width:var(--space-5);height:var(--space-5);border-radius:var(--radius-pill);background:var(--success);color:var(--surface-card)}
.st-slova .g-slicica{display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:var(--t-title)}
.st-blok form+form,.st-blok details+form{margin-top:var(--space-2)}
.st-tema{margin:0;border-top:var(--stroke-hair) solid var(--line)}
.st-tema>summary{gap:var(--space-2);color:var(--text-primary)}
.st-cinjenice{list-style:none;margin:0 0 var(--space-2);padding:0;display:flex;flex-direction:column;gap:var(--space-1)}
.st-cinjenice form{margin:0}
.st-cinj{display:block;width:100%;text-align:left;font-weight:400;font-size:var(--t-small);line-height:var(--lh-small);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border-color:var(--control-border)}
.st-cinj b{font-weight:700}
.st-cinj[disabled]{opacity:.45;cursor:default}
.st-verzije{margin:0;padding-left:var(--space-5);font-size:var(--t-small);line-height:var(--lh-small)}
.st-verzije li{margin:var(--space-1) 0}
.st-ponistena{color:var(--text-secondary);text-decoration:line-through}
.st-problem{background:var(--surface-card);border-radius:var(--radius-lg);box-shadow:inset var(--space-1) 0 0 var(--error);padding:var(--space-2) var(--space-4)}
.st-problem details{margin:0}
.st-problem-red{display:flex;align-items:center;gap:var(--space-2);margin:0;min-height:var(--tap);color:var(--error)}
.st-mirno,.st-paznja,.st-gotovo{display:flex;align-items:center;gap:var(--space-2);margin:0 0 var(--space-2);font-size:var(--t-small);line-height:var(--lh-small);color:var(--text-secondary)}
.st-paznja{color:var(--accent);font-weight:700;width:fit-content}
.st-gotovo{color:var(--success);font-weight:700}
.st-razgovor{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-3)}
.st-poruka{max-width:var(--st-oblacic);padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg);font-size:var(--t-small);line-height:var(--lh-small)}
.st-poruka p{margin:0}
.st-ja{align-self:flex-end;background:var(--surface-card);border:var(--stroke-hair) solid var(--control-border)}
.st-claude{align-self:flex-start;max-width:100%;background:var(--surface-page);border:var(--stroke-hair) solid var(--text-secondary)}
.st-stanje{display:inline-flex;align-items:center;gap:var(--space-1);margin-top:var(--space-1);font-weight:700;font-size:var(--t-caption)}
.st-st-ceka{color:var(--warning-text);background:var(--warning-bg);border-radius:var(--radius-pill);padding:0 var(--space-2)}
.st-st-prihvacen,.st-st-delimicno{color:var(--success)}.st-st-ne_prolazi{color:var(--error)}.st-st-odbacen,.st-st-zastareo{color:var(--text-secondary)}
.st-pp-lista{list-style:none;margin:var(--space-2) 0 0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}
.st-pp{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}
.st-pp form{margin:0}
.st-pp .g-slicica,.st-pp-tekst{width:var(--st-pre-posle)}
.st-pp-tekst{display:flex;align-items:center;min-height:calc(var(--st-pre-posle) * 1.25);padding:var(--space-1);border:var(--stroke-hair) solid var(--control-border);border-radius:var(--radius-md);font-size:var(--t-caption);line-height:var(--lh-caption);overflow:hidden}
.st-pp-br{min-width:var(--space-5);font-weight:700;font-variant-numeric:tabular-nums}
.st-strelica{color:var(--text-secondary)}
.st-odluka{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-top:var(--space-2)}
.st-cipovi{display:flex;gap:var(--space-2);flex-wrap:wrap}
.st-cip{font-size:var(--t-small);padding:var(--space-1) var(--space-4)}
.st-pisi{display:flex;gap:var(--space-2);align-items:flex-end;margin:0}
.st-pisi textarea{flex:1}
.st-pisi button{flex:none;min-width:var(--tap);padding:0}
.dn{display:flex;flex-direction:column;gap:var(--space-3)}
.dn-glava{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}
.dn-rucka{display:none}
.dn-naslov{margin:0;font-size:var(--t-lead);line-height:var(--lh-lead)}
.dn-zatvori{margin-left:auto}
.dn-objave{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}
.dn-objava a{display:block;text-decoration:none}
.dn-objava .g-slicica{width:100%}
.dn-price{list-style:none;margin:0;padding:0 0 var(--space-1);display:flex;gap:var(--space-2);overflow-x:auto}
.dn-price li{flex:0 0 var(--space-9)}
.dn-price a{position:relative;display:block}
.dn-price .g-slicica{width:100%}
.dn-odobri{align-self:flex-start}
.dn-list{position:fixed;inset:0;z-index:20;display:flex;align-items:flex-end;justify-content:center}
.dn-pozadina{position:absolute;inset:0;background:var(--surface-band);opacity:.55}
.dn-sadrzaj{position:relative;width:100%;max-height:var(--st-list);overflow-y:auto;background:var(--surface-page);border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:var(--space-2) var(--ivica) var(--space-6);box-shadow:0 calc(var(--space-1) * -1) var(--space-6) var(--surface-band)}
.dn-list .dn-rucka{display:block;width:100%;height:var(--space-1);margin:0 0 var(--space-1)}
.dn-list .dn-rucka::before{content:"";display:block;width:var(--space-8);height:var(--space-1);margin:0 auto;border-radius:var(--radius-pill);background:var(--control-border)}
html.dn-otvoren{overflow:hidden}
.kn-dan-ime::before{content:attr(data-slovo);display:block;font-size:var(--t-caption);line-height:var(--lh-caption);font-weight:400;color:var(--text-secondary)}
/* ---- merilo table (docs/dizajn-sistem.md, „Tabla po merilu“; MERILO_TABLE, --m-*) ---- */
.presuda{margin:0 0 var(--space-5)}
.presuda-tekst{display:flex;align-items:flex-start;gap:var(--space-3);margin:0;font-family:var(--font-display);font-size:var(--t-title);line-height:var(--lh-title);font-weight:700;color:var(--text-primary)}
.presuda-tekst .g-ik{flex:none;width:var(--g-ikona);height:var(--g-ikona);margin-top:calc(var(--space-1) / 2)}
.presuda-radi .g-ik{color:var(--success)}.presuda-stoji .g-ik{color:var(--accent)}.presuda-nepoznato .g-ik{color:var(--text-secondary)}
.presuda-vise{margin:var(--space-1) 0 0}
.presuda-vise>summary{font-size:var(--t-small)}
.poslovi-stanje{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-1)}
.posao-red{margin:0;background:var(--surface-card);border-radius:var(--radius-md);padding:0 var(--space-3)}
.posao-red>summary{gap:var(--space-2);color:var(--text-primary);font-weight:400}
.posao-red>summary::before{display:none}
.posao-red>summary .g-svetlo{flex:none;width:var(--g-semafor);height:var(--g-semafor)}
.posao-red>summary b{flex:1;min-width:0}
.posao-rec{font-size:var(--t-small);color:var(--text-secondary)}
.g-s-paznja .posao-red .g-sv{fill:var(--accent)}.g-s-radi .posao-red .g-sv{fill:var(--success)}.g-s-iskljuceno .posao-red .g-sv{fill:none;stroke:var(--text-secondary);stroke-width:1.5}
.posao-red p{margin:0 0 var(--space-2)}
/* put objave (src/web/put-objave.ts): Ideja → Nacrt → Doterivanje → Odobrenje → Dan, jedna glavna radnja */
.pt{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-3);margin:0 0 var(--space-3)}
.pt-koraci{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:var(--space-1);flex-wrap:wrap;font-size:var(--t-caption);line-height:var(--lh-caption)}
.pt-koraci li{display:inline-flex;align-items:center;gap:var(--space-1);color:var(--text-secondary)}
.pt-koraci li+li::before{content:"";width:var(--space-3);height:var(--stroke-hair);background:var(--line);margin-right:var(--space-1)}
.pt-koraci .g-ik{color:var(--success)}
.pt-br{display:inline-flex;align-items:center;justify-content:center;width:var(--space-5);height:var(--space-5);border-radius:var(--radius-pill);box-shadow:inset 0 0 0 var(--stroke-hair) var(--control-border);font-weight:700;font-variant-numeric:tabular-nums}
.pt-sad{color:var(--text-primary)!important;font-weight:700}
.pt-sad .pt-br{background:var(--text-primary);color:var(--surface-page);box-shadow:none}
.pt-mali .pt-koraci li+li::before{width:var(--space-2)}
.pt-forma{margin:0}
.pt-razlog{flex-basis:100%;margin:0;font-size:var(--t-small);line-height:var(--lh-small);color:var(--text-secondary)}
.pt-gde{margin:0 0 var(--space-2);font-size:var(--t-small);line-height:var(--lh-small)}
.pt-radnja{min-height:var(--tap)}
/* Ideje: savet o putu, red „U izradi“, stanje na kartici, radni list u tri koraka, „Više“ */
.id-savet{margin:0 0 var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);background:var(--surface-card)}
.id-savet h2{margin:0 0 var(--space-2);font-size:var(--t-body)}
.id-savet ol{margin:0 0 var(--space-2);padding-left:var(--space-5);font-size:var(--t-small);line-height:var(--lh-small)}
.id-savet form{margin:0}
.id-u-izradi-blok{margin:0 0 var(--space-4)}
.id-u-izradi-blok>h2{margin:0 0 var(--space-2);font-size:var(--t-body)}
.id-u-lista{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}
.id-u-izradi{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);background:var(--surface-card)}
.id-u-naslov{margin:0;font-weight:700}
.id-u-izradi .rs{margin:0}
.id-stanje{color:var(--text-primary);font-weight:700}
.id-st-u_izradi .g-ik{color:var(--accent)}
.id-sp-rec{font-weight:700;color:var(--text-primary)}
.id-korak h3{display:flex;align-items:center;gap:var(--space-2)}
.id-korak-br{display:inline-flex;align-items:center;justify-content:center;width:var(--space-5);height:var(--space-5);border-radius:var(--radius-pill);background:var(--text-primary);color:var(--surface-page);font-size:var(--t-caption);font-variant-numeric:tabular-nums}
.id-sazetak{margin:0;font-size:var(--t-small)}
.id-vise{margin:0;border-top:var(--stroke-hair) solid var(--line)}
.id-vise>summary{min-height:var(--tap)}
.id-ocena-red{display:inline-flex;align-items:center;gap:var(--space-1)}
/* izbor dana (src/web/izbor-dana.ts) */
.iz-naslov{margin:var(--space-2) 0 var(--space-1);font-size:var(--t-body)}
.iz-gde{margin:0 0 var(--space-3);font-size:var(--t-small)}
.iz-forma{margin:0}
.iz-traka{list-style:none;margin:0 0 var(--space-3);padding:0;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:var(--space-1)}
.iz-polje{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;width:100%;min-height:calc(var(--tap) + var(--space-3));padding:var(--space-1) 0;border-radius:var(--radius-md);border:var(--stroke-hair) solid var(--control-border);background:var(--surface-card);color:var(--text-primary);font-size:var(--t-small);font-weight:400;line-height:1.1}
.iz-polje b{font-variant-numeric:tabular-nums}
.iz-slovo,.iz-rec{font-size:var(--t-caption);color:var(--text-secondary)}
.iz-pun .iz-polje,.iz-van .iz-polje{background:transparent;border-color:var(--line);color:var(--text-secondary)}
.iz-sada .iz-polje{background:var(--text-primary);color:var(--surface-page);border-color:var(--text-primary)}
.iz-sada .iz-slovo,.iz-sada .iz-rec{color:var(--surface-page)}
.iz-predlog .iz-polje{box-shadow:0 0 0 var(--stroke-focus) var(--text-primary)}
.iz-predlog .iz-rec{color:var(--text-primary);font-weight:700}
.iz-zakljucano{margin:0 0 var(--space-3)}
.dn-objava .pt{margin:var(--space-1) 0 0}
.kn-ponisti{position:fixed;left:var(--ivica);right:var(--ivica);bottom:var(--space-4);z-index:30;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-2) var(--space-2) var(--space-2) var(--space-4);border-radius:var(--radius-pill);background:var(--text-primary);color:var(--surface-page);font-size:var(--t-small)}
.kn-ponisti .b-back{border-color:var(--surface-page);color:var(--surface-page)}
/* status rada Claude-a (src/web/status-rada.ts): pilula, sekunde, dnevnik koraka; „smanji kretanje“: tačka miruje */
.rs{margin:0 0 var(--space-2)}
.rs[hidden]{display:none}
.rs-pilula{display:inline-flex;align-items:center;gap:var(--space-2);margin:0;min-height:var(--tap);padding:0 var(--space-3);border-radius:var(--radius-pill);box-shadow:inset 0 0 0 var(--stroke-hair) var(--control-border);background:var(--surface-card);color:var(--text-primary);font-size:var(--t-small)}
.rs-pilula .g-ik,.rs-pilula .g-svetlo{flex:none;width:var(--g-ikona-mala);height:var(--g-ikona-mala)}
.rs-gotovo .rs-pilula .g-ik{color:var(--success)}
.rs-nije_uspelo .g-sv{fill:var(--error)}
.rs-tacka{flex:none;width:var(--space-2);height:var(--space-2);border-radius:var(--radius-pill);background:var(--text-primary);animation:rs-puls 1.2s var(--ease-out) infinite alternate}
@keyframes rs-puls{from{opacity:1}to{opacity:.25}}
@media (prefers-reduced-motion:reduce){.rs-tacka{animation:none}}
.rs-sek{color:var(--text-secondary);font-variant-numeric:tabular-nums}
.rs-prekini{display:inline-flex;align-items:center;min-height:var(--tap);margin-left:var(--space-1);font-weight:700}
.rs-prekini[hidden]{display:none}
.rs-razlog{margin:var(--space-1) 0 0;font-size:var(--t-small);line-height:var(--lh-small);color:var(--text-primary)}
.rs-dnevnik{list-style:none;margin:var(--space-2) 0 0;padding:0 0 0 var(--space-3);display:flex;flex-direction:column;gap:var(--space-1);border-left:var(--stroke-rule) solid var(--line);font-size:var(--t-caption);line-height:var(--lh-caption);color:var(--text-secondary)}
.rs-dnevnik li:last-child{color:var(--text-primary);font-weight:700}
.rs-bez-js{margin:var(--space-1) 0 0;font-size:var(--t-small)}
.js .rs-bez-js{display:none}
.st-pisi textarea[disabled],.st-cip[disabled],.st-pisi button[disabled]{opacity:.45;cursor:default}
/* odobrenje: „X od N“, dve odluke u traci prikovanoj za dno kartice, razlog na zahtev, „⋯“ (izmene 3 i 5) */
.ob-od{margin:0 0 var(--space-2);font-size:var(--t-small);line-height:var(--lh-small);color:var(--text-secondary);font-variant-numeric:tabular-nums}
.ob-od b{color:var(--text-primary)}
.ob-odluka-traka{position:sticky;bottom:0;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:start;gap:var(--space-2);margin:var(--space-3) calc(var(--space-5) * -1) 0;padding:var(--space-2) var(--space-5);background:var(--surface-card);border-radius:0 0 var(--radius-lg) var(--radius-lg);box-shadow:0 calc(var(--stroke-hair) * -1) 0 var(--line)}
.ob-odluka-traka.ob-o-bez{grid-template-columns:minmax(0,1fr) auto}
.ob-odluka-traka form{margin:0}
.ob-o-dugme{display:flex;width:100%;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--tap)}
.ob-vrati,.ob-jos{margin:0}
.ob-vrati>summary.ob-o-dugme{padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);border:var(--stroke-rule) solid var(--button-secondary-border);color:var(--button-secondary-text)}
.ob-vrati>summary::before,.ob-jos>summary::before{display:none}
.ob-vrati[open]{grid-column:1/-1;grid-row:2}
.ob-vrati[open]>summary{display:none}
.ob-o-tri{display:flex;align-items:center;justify-content:center;min-width:var(--tap);min-height:var(--tap);border-radius:var(--radius-pill);border:var(--stroke-hair) solid var(--control-border);color:var(--text-primary);font-size:var(--t-lead)}
.ob-jos[open]{grid-column:1/-1;grid-row:3}
.ob-razlog-forma{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-2) 0}
.ob-razlog-forma label{font-size:var(--t-small)}
.ob-razlozi{display:flex;flex-wrap:wrap;gap:var(--space-2)}
.ob-razlog{font-size:var(--t-small);font-weight:700;padding:var(--space-1) var(--space-4);border-width:var(--stroke-hair);border-color:var(--control-border)}
.ob-o-proba{grid-column:1/-1;margin:0}
@media (min-width:768px){.st-alati{position:static;padding:0;background:none;box-shadow:none;margin:0 0 var(--space-3)}main.fokus{padding-bottom:var(--space-8)}}
@media (min-width:768px){.st-raspored{grid-template-columns:minmax(0,var(--st-scena)) minmax(0,1fr);align-items:start;gap:var(--space-5)}.st-desno{position:sticky;top:var(--space-3)}.dn-objave{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:1024px){.kn-dan-ime::before{display:none}.dn-list{justify-content:flex-end;align-items:stretch}.dn-sadrzaj{width:var(--st-panel);max-height:none;height:100%;border-radius:var(--radius-lg) 0 0 var(--radius-lg)}.dn-list .dn-rucka{display:none}.dn-objave{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ---- slova i ritam (merilo 3.2) ---- */
body{line-height:var(--d-lh-telo)}
h2{font-size:var(--t-body);line-height:var(--lh-body);margin:var(--space-5) 0 var(--space-2)}
h3{font-size:var(--t-small);line-height:var(--lh-small);color:var(--text-secondary)}

/* ---- tamna traka 48 px sa naslovom strane (3.3) ---- */
.okvir{display:block;min-height:100vh;background:var(--surface-band)}
.glava{position:sticky;top:0;z-index:20;justify-content:flex-start;gap:var(--space-3);height:calc(var(--d-traka) + env(safe-area-inset-top));padding:env(safe-area-inset-top) var(--ivica) 0;flex-wrap:nowrap}
.glava .logo{flex:none;min-height:var(--tap);gap:var(--space-2)}
.glava .znak-disk{width:calc(var(--space-6) - var(--space-1));height:calc(var(--space-6) - var(--space-1));font-size:var(--t-body)}
.glava .znak-ime{display:none}
@media (max-width:1023px){.glava .logo{display:none}}
.glava-naslov{flex:1 1 auto;min-width:0;margin:0;font-family:var(--font-display);font-size:var(--t-lead);line-height:var(--lh-lead);letter-spacing:0;color:var(--text-on-band);overflow-wrap:anywhere}
.glava-desno{flex:none;display:flex;align-items:center;gap:var(--space-2)}
.glava-akcija{display:inline-flex;align-items:center;gap:var(--space-1);min-height:var(--tap);color:var(--text-on-band);text-decoration:none;font-size:var(--t-small);white-space:nowrap}
.glava-akcija .g-ik{width:var(--g-ikona-mala);height:var(--g-ikona-mala)}
/* „Objave stoje.“ ostaje u traci (merilo 0.6), kao tiha reč bez obrisa (kritika, nalog 16: traka nosi najviše jednu radnju) */
.glava .stop-stanje{padding:0;box-shadow:none;font-size:var(--t-small);line-height:var(--lh-small);font-weight:400}
.glava .stop-stanje strong{font-weight:400}
.glava-nalog{position:relative;flex:none;display:inline-flex;align-items:center;justify-content:center;width:var(--d-dugme-sporedno);height:var(--d-dugme-sporedno);border-radius:var(--radius-pill);box-shadow:inset 0 0 0 var(--stroke-hair) var(--text-on-band);color:var(--text-on-band);text-decoration:none;font-size:var(--t-small);font-weight:700}
.glava-nalog::after{content:"";position:absolute;inset:calc((var(--tap) - var(--d-dugme-sporedno)) / -2)}

/* ---- krem list koji naleže na traku; mesto za traku na dnu ---- */
main{background:var(--surface-page);border-radius:var(--radius-lg) var(--radius-lg) 0 0;max-width:none;min-height:calc(100vh - var(--d-traka));padding:var(--space-3) var(--ivica) calc(var(--d-dno) + var(--space-6) + env(safe-area-inset-bottom))}
main>:first-child{margin-top:0}
.uspeh{padding:var(--space-2) var(--space-4);margin:0 0 var(--space-3);font-size:var(--t-small);line-height:var(--lh-small)}

/* ---- traka na dnu (telefon, 3.4) ---- */
.dno{position:fixed;left:0;right:0;bottom:0;z-index:25;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));height:calc(var(--d-dno) + env(safe-area-inset-bottom));padding:0 0 env(safe-area-inset-bottom);background:var(--surface-card);box-shadow:0 calc(var(--stroke-hair) * -1) 0 var(--line)}
.dno a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;min-height:var(--tap);color:var(--text-secondary);text-decoration:none;font-size:var(--t-mikro);line-height:var(--lh-mikro);font-weight:700}
.dno-ik{position:relative;display:flex;align-items:center;justify-content:center;width:var(--d-dno);height:calc(var(--space-6) - var(--space-1));border-radius:var(--radius-pill);transition:background-color var(--motion-ui) var(--ease-out)}
.dno a[aria-current=page]{color:var(--text-primary)}
.dno a[aria-current=page] .dno-ik{background:var(--line)}
.dno .znacka{position:absolute;top:calc(var(--space-1) * -1);right:var(--space-1);min-width:var(--space-5);padding:0 var(--space-1);font-size:var(--t-mikro);line-height:var(--lh-mikro);background:var(--surface-card)}

/* ---- stub (računar) ---- */
.delovi{display:none}

/* ---- kartice dela: pilule 32 px u redu od 44 (3.4) ---- */
.kartice{display:flex;flex-wrap:nowrap;gap:var(--space-2);align-items:center;min-height:var(--tap);margin:0 calc(var(--ivica) * -1) var(--space-2);padding:0 var(--ivica);border-bottom:0;overflow-x:auto;scrollbar-width:none}
.kartice::-webkit-scrollbar{display:none}
.kartice a{flex:none;min-height:var(--d-pilula);padding:0 var(--space-3);border-radius:var(--radius-pill);box-shadow:none;font-size:var(--t-small);font-weight:400;color:var(--text-secondary);position:relative}
.kartice a::after{content:"";position:absolute;inset:calc((var(--tap) - var(--d-pilula)) / -2) 0}
.kartice a[aria-current=page]{background:var(--text-primary);color:var(--surface-page);font-weight:700;box-shadow:none}

/* ---- pet kutija puta objave (Objave i Danas) ---- */
nav.kartice[data-koraci]{display:block;overflow:visible;margin:0 0 var(--space-3);padding:0}
.kk-red{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--space-2);width:100%}
.kk-red a.kk,.kartice .kk-red a.kk{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;min-width:0;min-height:var(--d-korak);padding:var(--space-1) 0;border-radius:var(--radius-md);background:var(--surface-card);box-shadow:inset 0 0 0 var(--stroke-hair) var(--line);color:var(--text-secondary);text-decoration:none;font-weight:400}
.kk-red a.kk::after{display:none}
.kk-red>a.kk+a.kk::before{content:"";position:absolute;right:calc(100% + var(--space-1) / 2);top:50%;width:var(--space-1);height:var(--space-1);border-top:var(--stroke-hair) solid var(--control-border);border-right:var(--stroke-hair) solid var(--control-border);background:none;transform:translate(50%,-50%) rotate(45deg)}
.kk-red .kk-br{display:none}
.kk-red .kk-ime,.kk-red .kk-ime{position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:nowrap;order:2;font-size:var(--t-caption);line-height:var(--lh-caption);font-weight:400}
.kk-red .kk .kk-n,.kk-red .kk .kk-n.kk-potez{position:static;order:1;min-width:0;padding:0;background:none;box-shadow:none;font-family:var(--font-display);font-size:var(--t-title);line-height:var(--lh-title);font-weight:700;color:var(--text-primary)}
.kk-red .kk .kk-n.nula{color:var(--text-secondary)}
.kk-red a.kk-sad,.kartice .kk-red a.kk-sad{background:var(--text-primary);box-shadow:none;color:var(--surface-page)}
.kk-red a.kk-sad .kk-n,.kk-red a.kk-sad .kk-n.nula,.kk-red a.kk-sad .kk-n.kk-potez{color:var(--surface-page)}
nav.kartice[data-koraci] .kk-vise{position:relative;display:flex;justify-content:flex-end;margin:0}
nav.kartice[data-koraci] .kk-vise>summary{position:relative;min-height:var(--d-pilula);padding:0;font-weight:400;font-size:var(--t-caption)}
nav.kartice[data-koraci] .kk-vise>summary::after{content:"";position:absolute;inset:calc((var(--tap) - var(--d-pilula)) / -2) 0}
nav.kartice[data-koraci] .kk-vise ul{top:100%}
.kk-opis{display:none}

/* ---- grupe i redovi (3.5) ---- */
.grupa{list-style:none;margin:0;padding:0 var(--space-4);background:var(--surface-card);border-radius:var(--radius-lg)}
.grupa>li+li{border-top:var(--stroke-hair) solid var(--line)}
.red-2{display:flex;flex-direction:column;justify-content:center;min-height:var(--d-red-2);padding:var(--space-2) 0}
.red-oznaka{font-size:var(--t-caption);line-height:var(--lh-caption);color:var(--text-secondary)}
.red-vrednost{font-weight:700;overflow-wrap:anywhere}
.g-blok>h2,.sto>h2,.samo>h2{margin:var(--space-5) 0 var(--space-2);font-size:var(--t-small);line-height:var(--lh-small);color:var(--text-secondary)}

/* ---- dugmad: sporedno 36 px, tiho, ikonica (3.6) ---- */
.b-back,a.dugme.sporedno{min-height:var(--d-dugme-sporedno);padding:0 var(--space-4);border-width:var(--stroke-hair);font-size:var(--t-small)}
.b-tiho{display:inline-flex;align-items:center;justify-content:center;min-height:var(--tap);padding:0 var(--space-2);color:var(--link);text-decoration:none;font-weight:700;font-size:var(--t-small)}
.b-ikona{display:inline-flex;align-items:center;justify-content:center;width:var(--d-dugme-sporedno);height:var(--d-dugme-sporedno);border-radius:var(--radius-pill);background:var(--line);color:var(--text-primary);text-decoration:none;position:relative}
.b-ikona::after{content:"";position:absolute;inset:calc((var(--tap) - var(--d-dugme-sporedno)) / -2)}
.b-ikona .g-ik{width:var(--g-ikona-mala);height:var(--g-ikona-mala)}

/* ---- list „Više“ (3.8; :target, bez skripte) ---- */
.vise-list{display:none;position:fixed;inset:0;z-index:40}
.vise-list:target{display:block}
.vise-zastor{position:absolute;inset:0;background:var(--text-primary);opacity:.4}
.vise-sadrzaj{position:absolute;left:0;right:0;bottom:0;max-height:var(--id-list);overflow-y:auto;padding:0 var(--ivica) calc(var(--space-5) + env(safe-area-inset-bottom));background:var(--surface-page);border-radius:var(--radius-lg) var(--radius-lg) 0 0;animation:vise-ulaz var(--motion-enter) var(--ease-out)}
@keyframes vise-ulaz{from{transform:translateY(var(--space-7))}to{transform:none}}
@media (prefers-reduced-motion:reduce){.vise-sadrzaj{animation:none}}
.vise-glava{position:sticky;top:0;display:flex;align-items:center;gap:var(--space-3);height:var(--d-glava-lista);background:var(--surface-page)}
.vise-naslov{margin:0;font-family:var(--font-display);font-size:var(--t-lead);font-weight:700}
.vise-grupa{margin:0 0 var(--space-2)}
.vise-grupa h3{margin:var(--space-3) 0 var(--space-1);font-size:var(--t-caption);line-height:var(--lh-caption)}
.vise-grupa ul{list-style:none;margin:0;padding:0 var(--space-4);background:var(--surface-card);border-radius:var(--radius-lg)}
.vise-grupa li+li{border-top:var(--stroke-hair) solid var(--line)}
.vise-grupa li a{display:flex;align-items:center;min-height:var(--d-red);color:var(--text-primary);text-decoration:none}
.vise-grupa .ko-je{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin:0;padding:0 var(--space-4);min-height:var(--d-red);background:var(--surface-card);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--t-body)}
.vise-grupa .ko-je a{color:var(--link)}
.vise-grupa .stop{margin:var(--space-2) 0 0}
.vise-grupa .b-stop{width:100%;min-height:var(--tap);border-width:var(--stroke-hair);font-size:var(--t-small)}
.vise-strana .vise-grupa:first-child h3{margin-top:0}

/* ---- Danas: radni sto (nalog 16) ---- */
.sto-zaliha{display:block;margin:0 0 var(--space-3);padding:var(--space-3) var(--space-4);background:var(--surface-card);border-radius:var(--radius-lg);color:var(--text-primary);text-decoration:none}
.sto-zaliha-red{display:flex;justify-content:space-between;gap:var(--space-3);font-size:var(--t-small);line-height:var(--lh-small)}
.sto-zaliha-red span{color:var(--text-secondary)}
.sto-zaliha progress{display:block;width:100%;height:var(--d-traka-zalihe);margin:var(--space-2) 0 0;border:0;border-radius:var(--radius-pill);background:var(--line);appearance:none;-webkit-appearance:none;overflow:hidden;color:var(--success)}
.sto-zaliha progress::-webkit-progress-bar{background:var(--line);border-radius:var(--radius-pill)}
.sto-zaliha progress::-webkit-progress-value{background:var(--success);border-radius:var(--radius-pill)}
.sto-zaliha progress::-moz-progress-bar{background:var(--success);border-radius:var(--radius-pill)}
.sto-put{margin:0 0 var(--space-1)}
.sto-put>h2{margin:0 0 var(--space-2);font-size:var(--t-small);line-height:var(--lh-small);color:var(--text-secondary)}
.sto>h2{margin-top:var(--space-4)}
.sto-red{display:grid;grid-template-columns:var(--d-tacka) minmax(0,1fr) auto;align-items:center;gap:var(--space-3);min-height:var(--d-red-2);padding:var(--space-2) 0}
.sto-lista>li+li{position:relative;border-top:0}
.sto-lista>li+li::before{content:"";position:absolute;top:0;left:calc(var(--d-tacka) + var(--space-3));right:0;border-top:var(--stroke-hair) solid var(--line)}
.sto-tacka{width:var(--d-tacka);height:var(--d-tacka);border-radius:var(--radius-pill);background:var(--line)}
.sto-prvi .sto-tacka{background:var(--warning-bg)}
.sto-tekst{display:flex;flex-direction:column;min-width:0}
.sto-tekst b{font-size:var(--t-body);line-height:var(--lh-body)}
.sto-tekst span{font-size:var(--t-caption);line-height:var(--lh-caption);color:var(--text-secondary)}
.sto-dugme{min-width:calc(var(--space-9) - var(--space-3));white-space:nowrap}
a.dugme.jako.sto-dugme{min-height:var(--d-dugme-sporedno);padding:0 var(--space-4);font-size:var(--t-small)}
.sto-ceka{font-size:var(--t-caption);color:var(--text-secondary);white-space:nowrap}
.sto-prazno{margin:0;padding:var(--space-3) var(--space-4);background:var(--surface-card);border-radius:var(--radius-lg)}
.samo-red{display:grid;grid-template-columns:var(--d-tacka) auto minmax(0,1fr);align-items:center;gap:var(--space-3);min-height:var(--d-red);padding:var(--space-1) 0}
.samo-red a{color:var(--text-primary);text-decoration:none}
.samo-tacka{width:var(--d-tacka);height:var(--d-tacka);border-radius:var(--radius-pill);background:var(--success)}
.samo-stoji .samo-tacka{background:transparent;box-shadow:inset 0 0 0 var(--stroke-rule) var(--accent)}
.samo-iskljuceno .samo-tacka{background:transparent;box-shadow:inset 0 0 0 var(--stroke-hair) var(--control-border)}
.samo-vrednost{justify-self:end;text-align:right;font-size:var(--t-caption);line-height:var(--lh-caption);color:var(--text-secondary)}
.samo-stoji .samo-vrednost{grid-column:2/-1;justify-self:start;text-align:left;color:var(--text-primary)}
.sto-pratioci{margin:var(--space-5) 0 var(--space-2);font-size:var(--t-small)}
.danas-jos{margin:var(--space-2) 0 0}
.danas-jos>summary{min-height:var(--tap)}

/* ---- korak Odobrenje: kartica najviše 440 px (nalog 16) ---- */
.ob-vrh{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin:0 0 var(--space-2)}
.ob-vrh .ob-broj{margin:0;font-size:var(--t-small);line-height:var(--lh-small);font-weight:700;color:var(--text-secondary)}
.ob-vrh .filter-det{margin:0;position:relative}
.ob-vrh .filter-det>summary{font-weight:400;color:var(--text-secondary);min-height:var(--tap);padding:0;background:none;box-shadow:none;border:0}
.ob-vrh .filter-det>summary::before{display:none}
.ob-vrh .filter-det[open]{position:static}
.filter-list{position:absolute;right:var(--ivica);left:var(--ivica);z-index:6;padding:var(--space-3) var(--space-4);background:var(--surface-card);border-radius:var(--radius-lg);box-shadow:0 0 0 var(--stroke-hair) var(--control-border)}
article.ob-kompakt{display:grid;grid-template-columns:var(--d-odobrenje-w) minmax(0,1fr);gap:var(--space-2) var(--space-3);align-items:start;max-height:none;padding:var(--space-3) var(--space-3) 0;margin:0 0 var(--space-2)}
.ob-kompakt .ob-naslovna{grid-row:1;width:var(--d-odobrenje-w);margin:0;display:block;overflow:visible}
.ob-kompakt .ob-naslovna .slajd-mini{display:block;width:var(--d-odobrenje-w);margin:0}
.ob-kompakt .ob-naslovna img{display:block;width:var(--d-odobrenje-w);height:var(--d-odobrenje-h);object-fit:cover;border-radius:var(--radius-md)}
.ob-kompakt .ob-naslovna .g-slicica{width:var(--d-odobrenje-w)}
.ob-kompakt .ob-naslovna video{display:block;width:var(--d-odobrenje-w);height:var(--d-odobrenje-h);object-fit:cover;border-radius:var(--radius-md);background:var(--surface-band)}
.ob-desno{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}
/* „X od N“ kaže i red iznad kartica („N čekaju tvoju odluku“): ovde samo za čitač ekrana (kritika, nalog 16) */
.ob-kompakt .ob-od{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;margin:0}
.ob-kompakt .ob-ime{margin:0;font-family:var(--font-text);font-size:var(--t-body);line-height:var(--lh-body);letter-spacing:0;overflow-wrap:anywhere}
.ob-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1) var(--space-2);margin:0;font-size:var(--t-caption);line-height:var(--lh-caption);color:var(--text-secondary)}
.ob-meta .serija{font-size:var(--t-caption)}
.ob-predlog{margin:0;font-size:var(--t-small);line-height:var(--lh-small);font-weight:700;color:var(--success)}
.ob-primedba{margin:0;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);background:var(--drawing-sand);color:var(--text-primary);font-size:var(--t-caption);line-height:var(--lh-caption);font-weight:700}
.ob-kompakt .ob-odluka-traka{grid-column:1/-1;margin:var(--space-1) calc(var(--space-3) * -1) 0;padding:var(--space-2) var(--space-3)}
.ob-kompakt .ob-jos-veze{display:flex;flex-wrap:wrap;gap:0 var(--space-4);margin:0}
.ob-kompakt .ob-jos-veze a{display:inline-flex;align-items:center;min-height:var(--tap)}
.ob-kompakt .ob-vise{margin:0}

/* ---- korak Dan: peščana traka i kalendar (nalog 16) ---- */
.kk-grupa#dan-traka,.dan-traka{margin:0 0 var(--space-3)}
.dan-traka-lista{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-2)}
.dan-traka-red{display:grid;grid-template-columns:var(--d-slicica-w) minmax(0,1fr) auto;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg);background:var(--drawing-sand);color:var(--text-primary)}
.dan-traka-red .g-slicica{width:var(--d-slicica-w)}
.dan-traka-red p{margin:0}
.dan-traka-naslov{font-weight:700;overflow-wrap:anywhere}
.dan-traka-opis{font-size:var(--t-caption);line-height:var(--lh-caption);color:var(--text-secondary)}
.dan-traka-red .pt-forma,.dan-traka-red>a.dugme{grid-column:3;grid-row:1;align-self:center;margin:0}
.dan-traka-red .g-slicica{align-self:start}
.dan-traka-naslov a{color:inherit;text-decoration:none}
.dan-traka-red a.dugme,.dan-traka-red button{min-height:var(--d-dugme-sporedno);padding:0 var(--space-4);font-size:var(--t-small)}
@media (max-width:1023px){
.kn-naslov-plana{margin:var(--space-2) 0 0;font-size:var(--t-small);line-height:var(--lh-small);color:var(--text-secondary)}
.kn-naslov-plana small{font-size:var(--t-caption)}
.kn-nedelja{padding:0;margin:var(--space-2) 0;background:transparent}
.kn-nedelja-glava{min-height:var(--space-6);padding:0}
.kn-nedelja-glava h3{font-size:var(--t-caption);color:var(--text-secondary)}
.kn-dani{display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr));gap:var(--space-1)}
.kn-dan,.kn-dan.kn-ima{flex:none;min-height:var(--d-celija-h);padding:var(--space-1);background:var(--surface-card);border-radius:var(--radius-md);box-shadow:inset 0 0 0 var(--stroke-hair) var(--line)}
.kn-nedelja+.kn-nedelja .kn-dan-ime::before{display:none}
.kn-dan .kn-slika .g-slicica{width:100%}
.kn-dan .kn-pm{width:var(--space-2);height:var(--space-2);border-radius:var(--radius-pill)}
}

/* ---- izbor dana: „Potvrdi dan“ prikovano za dno (palac) ---- */
.iz-potvrdi{position:sticky;bottom:0;z-index:2;margin:var(--space-2) calc(var(--ivica) * -1) 0;padding:var(--space-2) var(--ivica) var(--space-3);background:var(--surface-page);box-shadow:0 calc(var(--stroke-hair) * -1) 0 var(--line)}
.iz-potvrdi button{width:100%}
.ima-dno .iz-potvrdi{bottom:calc(var(--d-dno) + env(safe-area-inset-bottom))}

/* ---- okvir vodiča (nalog 16) ---- */
body.vodic{background:var(--surface-page)}
.vd-glava{position:sticky;top:0;z-index:20;padding:env(safe-area-inset-top) var(--ivica) var(--space-2);background:var(--surface-band);color:var(--text-on-band)}
.vd-red{display:flex;align-items:center;gap:var(--space-3);min-height:var(--d-traka)}
.vd-naslov{flex:1 1 auto;min-width:0;margin:0;font-family:var(--font-display);font-size:var(--t-body);line-height:var(--lh-body);font-weight:700;overflow-wrap:anywhere}
.vd-kasnije{flex:none;display:inline-flex;align-items:center;min-height:var(--tap);color:var(--text-on-band);font-size:var(--t-small)}
.vd-koraci ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--space-1)}
.vd-k,.vd-k>a{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--space-1);min-height:var(--tap);color:var(--text-on-band);text-decoration:none;font-size:var(--t-mikro);line-height:var(--lh-mikro)}
.vd-k+.vd-k::before{content:"";position:absolute;top:calc(var(--space-3) - var(--stroke-hair) / 2);right:calc(50% + var(--space-3) + var(--space-1));width:calc(100% - var(--space-6) - var(--space-1));height:var(--stroke-hair);background:currentColor;opacity:.4}
.vd-krug{display:inline-flex;align-items:center;justify-content:center;width:var(--space-5);height:var(--space-5);border-radius:var(--radius-pill);box-shadow:inset 0 0 0 var(--stroke-hair) currentColor;font-size:var(--t-mikro);font-weight:700}
.vd-krug .g-ik{width:var(--g-ikona-mala);height:var(--g-ikona-mala)}
.vd-gotov .vd-krug{background:var(--success);box-shadow:none;color:var(--surface-band)}
.vd-sad .vd-krug{background:var(--text-on-band);box-shadow:none;color:var(--surface-band)}
.vd-sad .vd-ime{font-weight:700}
.vd-dalje{opacity:.7}
.vd-ovde .vd-krug{outline:var(--stroke-rule) solid var(--text-on-band);outline-offset:var(--stroke-rule)}
.vd-telo{max-width:calc(var(--sadrzaj) + 2 * var(--ivica));margin:0 auto;padding:var(--space-3) var(--ivica) calc(var(--d-dno) + var(--space-6) + env(safe-area-inset-bottom));min-height:auto;border-radius:0;background:var(--surface-page)}
.vd-telo.fokus{max-width:calc(var(--sadrzaj-siroko) + 2 * var(--ivica))}
.vd-telo .id-list>.pt,.vd-telo .id-nacrt>.pt,.vd-telo>.pt,.vd-telo .id-nazad{display:none}
.vd-atelje{display:flex;align-items:center;gap:var(--space-2);margin:0 0 var(--space-2);font-size:var(--t-caption);color:var(--text-secondary)}
.vd-atelje a{display:inline-flex;align-items:center;min-height:var(--tap)}
.vd-dno{position:fixed;left:0;right:0;bottom:0;z-index:25;display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);min-height:calc(var(--d-dno) + var(--space-2));padding:var(--space-2) var(--ivica) calc(var(--space-2) + env(safe-area-inset-bottom));background:var(--surface-page);box-shadow:0 calc(var(--stroke-hair) * -1) 0 var(--line)}
.vd-dno .vd-glavno{flex:1 1 auto;max-width:calc(var(--sadrzaj) / 2)}
.vd-kraj{padding:var(--space-4);background:var(--surface-card);border-radius:var(--radius-lg)}
.vd-kraj h2{margin:0 0 var(--space-1);font-family:var(--font-display);font-size:var(--t-title);line-height:var(--lh-title);color:var(--text-primary)}
.vd-kraj p{margin:0}
.vd-pregled .grupa{margin:0}
.vodic .id-dno,.vodic .ob-odluka-traka{bottom:0}

/* ---- prikovano za dno iznad trake na dnu (telefon) ---- */
@media (max-width:1023px){
.ima-dno .id-dno,.ima-dno .ob-odluka-traka{bottom:calc(var(--d-dno) + env(safe-area-inset-bottom))}
.ima-dno .st-alati{bottom:calc(var(--d-dno) + env(safe-area-inset-bottom))}
.ima-dno .kn-ponisti{bottom:calc(var(--d-dno) + var(--space-3) + env(safe-area-inset-bottom))}
}

/* ---- Mesta, Sistem: redovi (E) ---- */
.m-mreza{display:block;padding:0 var(--space-4);background:var(--surface-card);border-radius:var(--radius-lg)}
.m-kartica{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"ime ime" "gde teme" "rec rec";column-gap:var(--space-3);row-gap:0;align-items:center;min-height:var(--d-red-2);padding:var(--space-2) var(--tap) var(--space-2) 0;background:none;border-radius:0}
.m-kartica+.m-kartica{border-top:var(--stroke-hair) solid var(--line)}
.m-kartica:hover{box-shadow:none}
.m-kartica .m-ime{grid-area:ime;padding-right:0;font-size:var(--t-body);line-height:var(--lh-body)}
.m-kartica .m-ime::after{border-radius:0}
.m-kartica .m-gde{grid-area:gde;margin:0;column-gap:var(--space-2)}
.m-kartica .m-gde .m-stanje{border:0;padding:0;font-weight:400}
.m-kartica .m-gde .m-stanje .g-ik{width:var(--g-ikona-mala);height:var(--g-ikona-mala)}
.m-kartica .m-recenica{grid-area:rec;font-size:var(--t-caption);line-height:var(--lh-caption)}
.m-kartica>.g-teme{grid-area:teme}
.m-kartica .g-brojaci{display:none}
.m-kartica .m-oznaci{top:50%;right:calc(var(--space-2) * -1);transform:translateY(-50%)}
.m-lista>h2{margin-top:0}
.m-filteri{gap:var(--space-1);margin:0 0 var(--space-2)}
.m-filteri .m-red{flex-wrap:nowrap;overflow-x:auto;margin:0 calc(var(--ivica) * -1);padding:0 var(--ivica);scrollbar-width:none}
.m-filteri .m-red::-webkit-scrollbar{display:none}
.m-filteri .m-red-ime{flex:none;font-size:var(--t-caption)}
.m-cip{position:relative;min-height:var(--d-pilula);font-weight:400;flex:none}
.m-cip::after{content:"";position:absolute;inset:calc((var(--tap) - var(--d-pilula)) / -2) 0}
.m-cip.m-akt{font-weight:700}
@media (max-width:1023px){.m-kartica .m-recenica{display:none}}
.prekidaci{gap:0;padding:0 var(--space-4);background:var(--surface-card);border-radius:var(--radius-lg)}
.prekidac-red{min-height:var(--d-prekidac);padding:var(--space-1) 0;background:none;border-radius:0}
.prekidac-red+.prekidac-red{border-top:var(--stroke-hair) solid var(--line)}
.prekidac-ime{font-size:var(--t-small);line-height:var(--lh-small)}
.prekidac-zasto{display:inline-block;margin:0 0 0 var(--space-2)}
.prekidac-zasto>summary{display:inline-flex;min-height:var(--d-dugme-sporedno);font-size:var(--t-caption);font-weight:400}

@media (min-width:768px){
.kk-red .kk-ime{font-size:var(--t-small)}
.m-mreza{display:block}
.m-kartica .g-brojaci{display:flex;grid-area:teme;justify-self:end}
.m-kartica{grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:"ime teme broj" "gde teme broj" "rec rec rec"}
.m-kartica .g-brojaci{grid-area:broj}
}

/* ---- računar: stub 240 px levo, traka 56 px, bez trake na dnu ---- */
@media (min-width:1024px){
.okvir{display:grid;grid-template-columns:var(--d-stub) minmax(0,1fr);grid-template-rows:auto 1fr;grid-template-areas:"delovi glava" "delovi glavni";background:var(--surface-page)}
.glava{grid-area:glava;height:var(--d-traka-siroko);padding:0 var(--space-6)}
.glava .logo{display:none}
.delovi{grid-area:delovi;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow-y:auto;padding:var(--space-4) var(--space-3);background:var(--surface-card);box-shadow:inset calc(var(--stroke-hair) * -1) 0 0 var(--line)}
.delovi .delovi-lista{display:block;position:static}
.delovi ul{display:block;list-style:none;margin:0;padding:0}
.delovi a{flex-direction:row;justify-content:flex-start;gap:var(--space-3);min-height:var(--space-7);padding:0 var(--space-3);background:transparent;border-radius:var(--radius-md);font-size:var(--t-small);font-weight:400;text-align:left;box-shadow:none}
.delovi a .g-ik{width:var(--g-ikona-mala);height:var(--g-ikona-mala)}
.delovi a[aria-current=page]{background:var(--surface-page);color:var(--text-primary);font-weight:700;box-shadow:none}
.delovi a .znacka{position:static;margin-left:auto}
.stub-kartice{margin:0 0 var(--space-2) var(--space-6)!important}
.stub-kartice a{min-height:var(--space-6);font-size:var(--t-small)}
.stub-kartice a[aria-current=page]{background:transparent;font-weight:700}
.stub-dno{margin:auto 0 0}
.stub-dno a{display:flex;align-items:center;gap:var(--space-3);min-height:var(--space-7);padding:0 var(--space-3);color:var(--text-primary);text-decoration:none;font-size:var(--t-small)}
main{grid-area:glavni;border-radius:0;min-height:0;max-width:calc(var(--sadrzaj-siroko) + 2 * var(--space-6));padding:var(--space-5) var(--space-6) var(--space-8)}
.dno{display:none}
nav.kartice:not([data-koraci]){display:none}
.sto-red,.samo-red{gap:var(--space-4)}
.vd-telo{padding-bottom:var(--space-8)}
.vd-dno{position:sticky;justify-content:center}
}


.kc-vrh{display:flex;align-items:center;gap:var(--space-2);min-height:var(--tap);margin:0 0 var(--space-2)}
.kc-vrh .kc-gura{margin-left:auto}
.kc-upitnik{flex:none}
.b-back,a.dugme.sporedno{min-height:var(--tap)}
.kc-tri{flex:none;display:inline-flex;align-items:center;justify-content:center;width:var(--tap);height:var(--tap);min-height:var(--tap);padding:0;border-radius:var(--radius-pill);border:0;background:transparent;color:var(--text-primary);font-size:var(--t-lead);line-height:1;letter-spacing:.05em}
.kc-stavka .kc-ime,.kc-karta .kc-ime,.kc-dan-stavka .kc-ime,.kc-sada .kc-ime{color:var(--text-primary)}
.b-ikona.kc-upitnik{font-weight:700;font-size:var(--t-small)}
h2.kc-h{display:flex;align-items:center;gap:var(--space-2);margin:var(--space-5) 0 var(--space-2);font-size:var(--t-small);line-height:var(--lh-small);color:var(--text-secondary)}
h2.kc-h .kc-broj{font-variant-numeric:tabular-nums;color:var(--text-primary)}
h2.kc-h a{margin-left:auto;display:inline-flex;align-items:center;min-height:var(--tap);font-weight:700;color:var(--link)}

/* ---- reči stanja: oblik + reč, boja nikad sama ---- */
.kc-st{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--t-caption);line-height:var(--lh-caption);font-weight:700;color:var(--text-secondary);white-space:nowrap}
.kc-st::before{content:"";flex:none;width:var(--space-3);height:var(--space-3);border-radius:var(--radius-pill)}
.kc-st.s-ceka{color:var(--text-primary)}
.kc-st.s-ceka::before{background:radial-gradient(circle,var(--text-primary) 0 22%,transparent 26%);box-shadow:inset 0 0 0 calc(var(--stroke-rule) * 1.5) var(--text-primary)}
.kc-st.s-radi::before{box-shadow:inset 0 0 0 var(--stroke-rule) var(--text-secondary)}
.kc-st.s-gotovo{color:var(--success)}
.kc-st.s-gotovo::before{background:var(--success)}
.kc-st.s-zakazano{color:var(--text-primary)}
.kc-st.s-zakazano::before{border-radius:var(--radius-sm);box-shadow:inset 0 0 0 var(--stroke-rule) var(--text-primary)}
.kc-st.s-stoji{color:var(--accent)}
.kc-st.s-stoji::before{border-radius:0;width:0;height:0;border-left:calc(var(--space-3) / 2) solid transparent;border-right:calc(var(--space-3) / 2) solid transparent;border-bottom:var(--space-3) solid var(--accent)}
.kc-st.s-kvar{color:var(--error)}
.kc-st.s-kvar::before{border-radius:0;background:var(--error)}
.kc-radi-ime{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--t-caption);line-height:var(--lh-caption);color:var(--text-secondary)}
.kc-radi-ime b{color:var(--text-primary)}

/* ---- pet tačaka puta (gde je stavka) ---- */
.kc-put{display:inline-flex;gap:var(--space-1);align-items:center}
.kc-put i{display:block;width:var(--space-2);height:var(--space-2);border-radius:var(--radius-pill);background:var(--line)}
.kc-put i.p{background:var(--text-secondary)}
.kc-put i.s{background:var(--text-primary);box-shadow:0 0 0 var(--stroke-hair) var(--surface-card),0 0 0 calc(var(--stroke-hair) * 2) var(--text-primary)}

/* ---- sličica ---- */
.kc-sl{display:block;flex:none;overflow:hidden;border-radius:var(--radius-md);background:var(--line);aspect-ratio:4/5}
.kc-sl img{display:block;width:100%;height:100%;object-fit:cover}
.kc-sl.o916{aspect-ratio:9/16}
.kc-sl.o11{aspect-ratio:1/1}
.kc-sl.kc-sl-prazno{display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}
.kc-sl.kc-sl-prazno .g-ik{width:var(--g-ikona-mala);height:var(--g-ikona-mala)}
.kc-inic{display:flex;align-items:center;justify-content:center;flex:none;aspect-ratio:4/5;border-radius:var(--radius-md);background:var(--surface-band);color:var(--text-on-band);font-family:var(--font-display);font-size:var(--t-title);font-weight:700}

/* ---- Puls: tri broja ---- */
.kc-puls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2);margin:0 0 var(--space-3)}
.kc-puls a{position:relative;display:flex;flex-direction:column;justify-content:flex-start;gap:var(--space-1);min-height:var(--d-plocica);padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg);background:var(--surface-card);color:var(--text-primary);text-decoration:none;min-width:0}
.kc-puls .kc-p-oznaka{font-size:var(--t-caption);line-height:var(--lh-caption);color:var(--text-secondary)}
.kc-puls .kc-p-broj{font-family:var(--font-display);font-size:var(--t-title);line-height:var(--lh-title);font-weight:700;font-variant-numeric:tabular-nums}
.kc-puls .kc-p-nema{font-size:var(--t-small);line-height:var(--lh-small);font-weight:700}
.kc-tacke7{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:var(--space-1);align-items:center;max-width:calc(var(--space-9) + var(--space-3));margin:var(--space-1) 0 0}
.kc-tacke7 i{display:block;width:100%;max-width:var(--space-3);aspect-ratio:1;border-radius:var(--radius-pill);background:var(--line)}
.kc-tacke7 i.pun{background:var(--text-primary)}
.kc-tacke7 i.plan{background:transparent;box-shadow:inset 0 0 0 var(--stroke-rule) var(--text-primary)}
.kc-puls .kc-p-ceka .kc-p-broj{color:var(--text-primary)}

/* ---- filter čipovi ---- */
.kc-cipovi{display:flex;flex-wrap:nowrap;gap:var(--space-1);flex:1 1 auto;min-width:0;overflow-x:auto;scrollbar-width:none;margin:0 calc(var(--ivica) * -1) var(--space-2);padding:0 var(--ivica)}
.kc-cipovi::-webkit-scrollbar{display:none}
.kc-cip{position:relative;flex:none;display:inline-flex;align-items:center;gap:var(--space-1);min-height:var(--d-pilula);margin:calc((var(--tap) - var(--d-pilula)) / 2) 0;padding:0 var(--space-3);border-radius:var(--radius-pill);box-shadow:inset 0 0 0 var(--stroke-hair) var(--control-border);color:var(--text-primary);text-decoration:none;font-size:var(--t-small);background:var(--surface-card);white-space:nowrap}
.kc-cipovi .kc-cip{padding:0 var(--space-2)}
.kc-vrh .kc-cipovi{margin:0;padding:0}
.kc-cip::after{content:"";position:absolute;inset:calc((var(--tap) - var(--d-pilula)) / -2) 0}
.kc-cip b{font-variant-numeric:tabular-nums}
.kc-cip[aria-current=true],.kc-cip[aria-pressed=true]{background:var(--text-primary);color:var(--surface-page);box-shadow:none}

/* ---- prekidač Put | Kalendar i kartice teksta ---- */
.kc-prekidac{display:inline-grid;grid-auto-flow:column;grid-auto-columns:1fr;padding:var(--space-1);border-radius:var(--radius-pill);background:var(--line)}
.kc-prekidac a{display:flex;align-items:center;justify-content:center;min-height:calc(var(--tap) - var(--space-2));padding:0 var(--space-4);border-radius:var(--radius-pill);color:var(--text-primary);text-decoration:none;font-size:var(--t-small);font-weight:700;position:relative}
.kc-prekidac a::after{content:"";position:absolute;inset:calc(var(--space-1) * -1) 0}
.kc-prekidac a[aria-current=page]{background:var(--surface-card)}
.kc-tabovi{display:flex;gap:var(--space-4);margin:0 0 var(--space-2);border-bottom:var(--stroke-hair) solid var(--line)}
.kc-tabovi a{display:inline-flex;align-items:center;gap:var(--space-1);min-height:var(--tap);color:var(--text-secondary);text-decoration:none;font-size:var(--t-small);border-bottom:var(--stroke-rule) solid transparent;margin-bottom:calc(var(--stroke-hair) * -1)}
.kc-tabovi a[aria-current=page]{color:var(--text-primary);font-weight:700;border-bottom-color:var(--text-primary)}
.kc-tabovi .kc-broj{font-variant-numeric:tabular-nums}

/* ---- dugmad u kartici (iz table: .b-ok sunce, .b-jako teget, .b-back obris) ---- */
.kc-dugmad{display:flex;align-items:center;gap:var(--space-2);flex-wrap:nowrap}
.kc-dugmad .b-ok,.kc-dugmad .b-jako,.kc-dugmad .b-back,.kc-dugmad a.dugme{min-height:var(--tap);padding:0 var(--space-4);font-size:var(--t-small);white-space:nowrap}
.kc-dugmad .b-back{border-width:var(--stroke-hair)}
.kc-dugmad .kc-tri{flex:none;width:var(--tap);height:var(--tap);padding:0;border-radius:var(--radius-pill);border:0;background:transparent;color:var(--text-primary);font-size:var(--t-lead);line-height:1;letter-spacing:.05em}
.kc-dugmad .kc-gura{margin-left:auto}

/* ---- red posla (Danas): jedna stavka, jedno dugme ---- */
.kc-red{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-3)}
.kc-stavka{display:grid;grid-template-columns:calc(var(--space-8) + var(--space-2)) minmax(0,1fr);gap:var(--space-2) var(--space-3);padding:var(--space-3);border-radius:var(--radius-lg);background:var(--surface-card)}
.kc-stavka>.kc-sl,.kc-stavka>.kc-inic{width:calc(var(--space-8) + var(--space-2));grid-row:1/span 2;align-self:start}
.kc-stavka .kc-telo{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}
.kc-stavka .kc-gde{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;font-size:var(--t-caption);line-height:var(--lh-caption);color:var(--text-secondary)}
.kc-stavka .kc-ime{margin:0;font-size:var(--t-body);line-height:var(--lh-body);font-weight:700;overflow-wrap:anywhere}
.kc-stavka .kc-zasto{margin:0;font-size:var(--t-small);line-height:var(--lh-small);color:var(--text-secondary)}
.kc-stavka .kc-zasto.kc-pesak{align-self:flex-start;padding:0 var(--space-2);border-radius:var(--radius-sm);background:var(--drawing-sand);color:var(--text-primary)}
.kc-stavka .kc-zasto.kc-kvar{color:var(--error)}
.kc-stavka .kc-dugmad{grid-column:2;align-self:end}
.kc-jos{display:flex;align-items:center;min-height:var(--tap);margin:var(--space-1) 0 0;font-weight:700}

/* ---- Danas izlazi ---- */
.kc-izlazi{display:flex;gap:var(--space-3);overflow-x:auto;scrollbar-width:none;margin:0 calc(var(--ivica) * -1);padding:0 var(--ivica) var(--space-1)}
.kc-izlazi::-webkit-scrollbar{display:none}
.kc-izlazi figure{flex:none;margin:0;display:flex;flex-direction:column;gap:var(--space-1);width:calc(var(--space-9) + var(--space-1))}
.kc-izlazi figcaption{display:flex;flex-direction:column;justify-content:flex-end;min-height:calc(var(--lh-caption) * 2em);gap:0;font-size:var(--t-caption);line-height:var(--lh-caption);color:var(--text-secondary)}
.kc-izlazi figcaption b{color:var(--text-primary)}
.kc-izlazi .b-back{width:100%;min-height:var(--tap);padding:0;font-size:var(--t-small);border-width:var(--stroke-hair)}

/* ---- jedna linija stanja ---- */
.kc-stanje-red{display:flex;align-items:center;gap:var(--space-2);min-height:var(--tap);margin:var(--space-4) 0 0;padding:0 var(--space-4);border-radius:var(--radius-lg);background:var(--surface-card);color:var(--text-primary);text-decoration:none;font-size:var(--t-small)}
.kc-stanje-red .kc-st{font-size:var(--t-small)}
.kc-stanje-red .kc-strelica{margin-left:auto;color:var(--text-secondary)}

/* ---- jedna kartica puta (Ideja, Doterivanje, Odobrenje, Dan) ---- */
.kc-karte{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}
.kc-karta{display:grid;grid-template-columns:var(--d-odobrenje-w) minmax(0,1fr);gap:var(--space-2) var(--space-3);padding:var(--space-3);border-radius:var(--radius-lg);background:var(--surface-card)}
.kc-karta>.kc-sl,.kc-karta>.kc-inic{width:var(--d-odobrenje-w);grid-row:1/span 2}
.kc-karta .kc-telo{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}
.kc-karta .kc-gde{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;font-size:var(--t-caption);line-height:var(--lh-caption);color:var(--text-secondary)}
.kc-karta .kc-ime{margin:0;font-size:var(--t-body);line-height:var(--lh-body);font-weight:700;overflow-wrap:anywhere}
.kc-karta .kc-zasto{margin:0;font-size:var(--t-small);line-height:var(--lh-small);color:var(--text-secondary)}
.kc-karta .kc-zasto.kc-pesak{align-self:flex-start;padding:0 var(--space-2);border-radius:var(--radius-sm);background:var(--drawing-sand);color:var(--text-primary)}
.kc-karta .kc-dugmad{grid-column:2;align-self:end}
.kc-napredak{display:block;height:var(--space-1);border-radius:var(--radius-pill);background:var(--line);overflow:hidden;margin:var(--space-1) 0}
.kc-napredak i{display:block;height:100%;background:var(--text-primary);border-radius:var(--radius-pill)}
.kc-prvi-red{display:flex;align-items:center;gap:var(--space-2);margin:0 0 var(--space-2)}
.kc-prvi-red .kc-gura{margin-left:auto}

/* ---- Nova ideja: tri koraka jedan za drugim ---- */
.kc-koraci{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}
.kc-korak{padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);background:var(--surface-card)}
.kc-korak-glava{display:flex;align-items:center;gap:var(--space-3);min-height:var(--tap)}
.kc-korak-br{flex:none;display:inline-flex;align-items:center;justify-content:center;width:var(--space-6);height:var(--space-6);border-radius:var(--radius-pill);box-shadow:inset 0 0 0 var(--stroke-hair) var(--control-border);font-weight:700;font-size:var(--t-small)}
.kc-korak.gotov .kc-korak-br{background:var(--success);box-shadow:none;color:var(--surface-card)}
.kc-korak.sad .kc-korak-br{background:var(--text-primary);box-shadow:none;color:var(--surface-card)}
.kc-korak.dalje{background:transparent;box-shadow:inset 0 0 0 var(--stroke-hair) var(--line);color:var(--text-secondary)}
.kc-korak-ime{font-weight:700}
.kc-korak-vrednost{margin-left:auto;font-size:var(--t-small);color:var(--text-secondary)}
.kc-korak .kc-izmeni{margin-left:auto;display:inline-flex;align-items:center;min-height:var(--tap);font-size:var(--t-small);font-weight:700}
.kc-teme{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2);margin:var(--space-2) 0 0}
.kc-tema{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1);min-height:calc(var(--tap) + var(--space-5));border-radius:var(--radius-md);box-shadow:inset 0 0 0 var(--stroke-hair) var(--control-border);color:var(--text-primary);text-decoration:none;font-size:var(--t-small)}
.kc-tema[aria-pressed=true]{background:var(--text-primary);color:var(--surface-card);box-shadow:none;font-weight:700}
.kc-polje{display:flex;align-items:center;gap:var(--space-2);min-height:var(--d-polje);padding:0 var(--space-3);border-radius:var(--radius-md);box-shadow:inset 0 0 0 var(--stroke-hair) var(--control-border);background:var(--surface-card);color:var(--text-secondary)}
.kc-dno-akcija{position:sticky;bottom:calc(var(--d-dno) + env(safe-area-inset-bottom));z-index:3;display:flex;align-items:center;gap:var(--space-2);margin:var(--space-3) calc(var(--ivica) * -1) 0;padding:var(--space-2) var(--ivica);background:var(--surface-page);box-shadow:0 calc(var(--stroke-hair) * -1) 0 var(--line)}
.kc-dno-akcija>.b-ok,.kc-dno-akcija>.b-jako,.kc-dno-akcija>button.kc-sirok{flex:1 1 auto}
.kc-dno-akcija .kc-razlog{flex-basis:100%;margin:0;font-size:var(--t-caption);line-height:var(--lh-caption);color:var(--text-secondary)}
.kc-dno-akcija.kc-kolona{flex-wrap:wrap}

/* ---- pregled slajdova (prevlači se) ---- */
.kc-slajdovi{display:grid;grid-auto-flow:column;grid-auto-columns:64%;gap:var(--space-2);overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--ivica);scrollbar-width:none;margin:0 calc(var(--ivica) * -1);padding:0 var(--ivica)}
.kc-slajdovi::-webkit-scrollbar{display:none}
.kc-slajdovi .kc-sl{width:100%;scroll-snap-align:start;border-radius:var(--radius-md)}
.kc-tackice{display:flex;justify-content:center;gap:var(--space-1);margin:var(--space-2) 0}
.kc-tackice i{width:var(--space-2);height:var(--space-2);border-radius:var(--radius-pill);background:var(--line)}
.kc-tackice i.s{background:var(--text-primary)}
.kc-mreza-sl{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2)}
.kc-mreza-sl a{position:relative;display:block;color:var(--text-primary);text-decoration:none}
.kc-mreza-sl .kc-sl{width:100%}
.kc-mreza-sl .kc-sl-br{position:absolute;top:var(--space-1);left:var(--space-1);display:inline-flex;align-items:center;justify-content:center;min-width:var(--space-5);padding:0 var(--space-1);border-radius:var(--radius-pill);background:var(--surface-card);font-size:var(--t-caption);font-weight:700}
.kc-mreza-sl .kc-dodaj{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1);aspect-ratio:4/5;border-radius:var(--radius-md);box-shadow:inset 0 0 0 var(--stroke-hair) var(--control-border);font-size:var(--t-small);font-weight:700}
.kc-blok{padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);background:var(--surface-card)}
.kc-blok>h3{margin:0 0 var(--space-1);font-size:var(--t-caption);line-height:var(--lh-caption);color:var(--text-secondary);font-weight:700}
.kc-blok p{margin:0}
.kc-prvi{font-weight:700}
.kc-ostatak{color:var(--text-secondary)}
.kc-blok details{margin:var(--space-2) 0 0}
.kc-provere{list-style:none;margin:0;padding:0 var(--space-4);border-radius:var(--radius-lg);background:var(--surface-card)}
.kc-provere li{display:grid;grid-template-columns:var(--space-5) minmax(0,1fr) auto;align-items:center;gap:var(--space-3);min-height:var(--d-red);padding:var(--space-2) 0}
.kc-provere li+li{border-top:var(--stroke-hair) solid var(--line)}
.kc-provere .ok{color:var(--success)}
.kc-provere .ne{color:var(--accent)}
.kc-provere .ok::before,.kc-provere .ne::before{content:"";display:block;width:var(--space-4);height:var(--space-4);border-radius:var(--radius-pill)}
.kc-provere .ok::before{background:var(--success)}
.kc-provere .ne::before{border-radius:0;width:0;height:0;border-left:var(--space-2) solid transparent;border-right:var(--space-2) solid transparent;border-bottom:var(--space-4) solid var(--accent)}
.kc-provere a{display:inline-flex;align-items:center;min-height:var(--tap);font-weight:700;font-size:var(--t-small)}
.kc-izmena{display:flex;flex-direction:column;gap:var(--space-2);margin:var(--space-4) 0 0}
.kc-izmena label{margin:0;font-size:var(--t-small)}
.kc-izmena .kc-unos{display:flex;gap:var(--space-2)}
.kc-izmena .kc-unos .kc-polje{flex:1 1 auto}
.kc-izmena .kc-unos .b-jako{flex:none;min-height:var(--d-polje)}

/* ---- list od dna (vraćanje, dan) ---- */
.kc-zastor{position:fixed;inset:0;z-index:30;background:var(--text-primary);opacity:.4}
.kc-list{position:fixed;left:0;right:0;bottom:0;z-index:31;max-height:var(--id-list);overflow-y:auto;padding:0 var(--ivica) calc(var(--space-5) + env(safe-area-inset-bottom));background:var(--surface-page);border-radius:var(--radius-lg) var(--radius-lg) 0 0}
.kc-list-glava{display:flex;align-items:center;gap:var(--space-3);min-height:var(--d-glava-lista)}
.kc-list-glava h2{margin:0;font-family:var(--font-display);font-size:var(--t-lead);line-height:var(--lh-lead);color:var(--text-primary)}
.kc-list-glava .b-ikona{margin-left:auto}
.kc-rucka{display:block;width:var(--space-8);height:var(--space-1);margin:var(--space-2) auto 0;border-radius:var(--radius-pill);background:var(--control-border)}
.kc-razlozi{display:flex;flex-wrap:wrap;gap:0 var(--space-2);margin:0 0 var(--space-2)}
.kc-list textarea{min-height:calc(var(--tap) * 2)}
.kc-list .kc-dugmad{margin:var(--space-3) 0 0}
.kc-list .kc-dugmad .b-ok,.kc-list .kc-dugmad .b-jako{flex:1 1 auto;min-height:var(--d-dugme)}

/* ---- kalendar ---- */
.kc-kal{margin:0 0 var(--space-3)}
.kc-kal-glava{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:var(--space-1);margin:0 0 var(--space-1);font-size:var(--t-mikro);line-height:var(--lh-mikro);color:var(--text-secondary);text-align:center}
.kc-ned{margin:0 0 var(--space-3)}
.kc-ned-ime{display:flex;justify-content:space-between;align-items:center;min-height:var(--space-6);font-size:var(--t-caption);line-height:var(--lh-caption);color:var(--text-secondary)}
.kc-ned-ime b{color:var(--text-primary)}
.kc-dani{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:var(--space-1)}
.kc-dan{position:relative;display:flex;flex-direction:column;gap:var(--space-1);min-height:var(--d-celija-h);padding:var(--space-1);border-radius:var(--radius-md);background:var(--surface-card);color:var(--text-primary);text-decoration:none;min-width:0}
.kc-dan .kc-dan-br{font-size:var(--t-mikro);line-height:var(--lh-mikro);font-weight:700;font-variant-numeric:tabular-nums}
.kc-dan .kc-sl{width:100%}
.kc-dan.proslo{opacity:.55}
.kc-dan.danas{box-shadow:inset 0 0 0 var(--stroke-focus) var(--text-primary)}
.kc-dan.rupa{background:transparent;box-shadow:inset 0 0 0 var(--stroke-hair) var(--line)}
.kc-dan .kc-plus{display:flex;align-items:center;justify-content:center;flex:1 1 auto;border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);font-size:var(--t-lead);font-weight:700}
.kc-dan .kc-price{position:absolute;right:var(--space-1);top:var(--space-1);display:inline-flex;align-items:center;justify-content:center;min-width:var(--space-4);height:var(--space-4);padding:0 var(--space-1);border-radius:var(--radius-pill);box-shadow:inset 0 0 0 var(--stroke-hair) var(--control-border);background:var(--surface-card);font-size:var(--t-mikro);line-height:1;font-weight:700}
.kc-legenda{display:flex;flex-wrap:wrap;gap:var(--space-1) var(--space-4);margin:0;font-size:var(--t-caption);line-height:var(--lh-caption);color:var(--text-secondary)}
.kc-legenda span{display:inline-flex;align-items:center;gap:var(--space-1)}
.kc-legenda i{display:inline-block;width:var(--space-3);height:var(--space-3);border-radius:var(--radius-pill);background:var(--line)}
.kc-legenda i.rupa{border-radius:var(--radius-sm);background:transparent;box-shadow:inset 0 0 0 var(--stroke-hair) var(--control-border)}
.kc-dan-stavka{display:grid;grid-template-columns:calc(var(--space-9) - var(--space-5)) minmax(0,1fr);gap:var(--space-2) var(--space-3);padding:var(--space-3);border-radius:var(--radius-lg);background:var(--surface-card);margin:0 0 var(--space-2)}
.kc-dan-stavka .kc-sl{width:100%;grid-row:1/span 2}
.kc-dan-stavka .kc-telo{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}
.kc-dan-stavka .kc-ime{margin:0;font-weight:700;font-size:var(--t-small);line-height:var(--lh-small);overflow-wrap:anywhere}
.kc-dan-stavka .kc-dugmad{grid-column:2;align-self:end}
.kc-price-dana{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3);margin:0 0 var(--space-3)}
.kc-price-dana figure{margin:0;display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-2);border-radius:var(--radius-lg);background:var(--surface-card)}
.kc-price-dana .kc-sl{width:100%}
.kc-price-dana .b-back{width:100%;padding:0;font-size:var(--t-small);border-width:var(--stroke-hair)}
.kc-kal-dno{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin:0 0 var(--space-3)}
.kc-kal-dno .b-back{border-width:var(--stroke-hair);font-size:var(--t-small);padding:0 var(--space-4)}
.kc-predlog{display:flex;flex-direction:column;gap:var(--space-2);margin:var(--space-3) 0 0}
.kc-predlog .b-ok,.kc-predlog .b-back{width:100%;min-height:var(--d-dugme)}
.kc-agenda{list-style:none;margin:var(--space-2) 0 0;padding:0 var(--space-4);border-radius:var(--radius-lg);background:var(--surface-card)}
.kc-agenda li{display:grid;grid-template-columns:calc(var(--space-8) + var(--space-2)) minmax(0,1fr);align-items:center;gap:var(--space-3);min-height:var(--d-red);padding:var(--space-1) 0;font-size:var(--t-small);line-height:var(--lh-small)}
.kc-agenda li+li{border-top:var(--stroke-hair) solid var(--line)}
.kc-agenda .kc-ag-dan{color:var(--text-secondary);font-variant-numeric:tabular-nums}
.kc-agenda .kc-ag-prazno{color:var(--text-secondary)}
.kc-agenda .kc-ag-izabran{font-weight:700}
.kc-agenda .kc-ag-izabran .kc-ag-dan{color:var(--text-primary)}

/* ==== krug 2 ==== */
/* Puls: termini plana (jedan znak po terminu): pun = zakazano, prsten = čeka tebe, sivo = bez objave */
.kc-p-broj small{font-family:var(--font-text);font-size:var(--t-small);font-weight:400;color:var(--text-secondary)}
.kc-tacke7{grid-template-columns:repeat(7,var(--space-3));max-width:none}
.kc-tacke7 i.ceka{background:transparent;box-shadow:inset 0 0 0 var(--stroke-rule) var(--text-primary)}
/* tihi red stanja (prekidač u Sistemu): bez trougla i boje uzbune */
.kc-tihi-red{display:flex;align-items:center;gap:var(--space-2);min-height:var(--tap);margin:var(--space-4) 0 0;padding:0 var(--space-1);color:var(--text-secondary);text-decoration:none;font-size:var(--t-small);line-height:var(--lh-small)}
.kc-tihi-red .kc-strelica{margin-left:auto}
.kc-radi-uz{margin-left:var(--space-2)}
/* jedno sunce po ekranu: na računaru je sunce na otvorenoj stavci, kartica u listi je obris */
@media (min-width:1024px){.kc-sunce-telefon{background:transparent;border:var(--stroke-hair) solid var(--button-secondary-border);color:var(--button-secondary-text)}}
.kc-cip-moje{margin-left:var(--space-2)}
.kc-cip-moje::before{content:"";position:absolute;left:calc(var(--space-2) * -1 + var(--stroke-hair));top:25%;bottom:25%;width:var(--stroke-hair);background:var(--line)}
/* Kalendar: prsten oko naslovne = čeka tebe; traka „Nije izašla“; „Bez termina“ */
.kc-dan.ceka .kc-sl{box-shadow:0 0 0 var(--stroke-rule) var(--surface-card),0 0 0 calc(var(--stroke-rule) * 2) var(--text-primary)}
.kc-legenda i.prsten{background:transparent;box-shadow:inset 0 0 0 var(--stroke-rule) var(--text-primary)}
.kc-price-l{display:inline-flex;align-items:center;justify-content:center;min-width:var(--space-4);height:var(--space-4);border-radius:var(--radius-pill);box-shadow:inset 0 0 0 var(--stroke-hair) var(--control-border);font-size:var(--t-mikro);color:var(--text-primary)}
.kc-greska{display:grid;grid-template-columns:var(--d-slicica-w) minmax(0,1fr) auto;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);margin:0 0 var(--space-3);border-radius:var(--radius-lg);background:var(--surface-card)}
.kc-greska .kc-sl{width:var(--d-slicica-w)}
.kc-greska .kc-telo{display:flex;flex-direction:column;gap:0;min-width:0}
.kc-greska .kc-ime{margin:0;font-size:var(--t-small);line-height:var(--lh-small);font-weight:700;overflow-wrap:anywhere}
.kc-greska .kc-zasto{margin:0;font-size:var(--t-caption);line-height:var(--lh-caption);color:var(--text-secondary)}
.kc-greska .b-ok{min-height:var(--tap);padding:0 var(--space-3);font-size:var(--t-small);white-space:nowrap}
.kc-bez-termina h2.kc-h{margin-top:var(--space-4)}
.kc-bez-termina ul{list-style:none;margin:0;padding:0;display:flex;gap:var(--space-2);align-items:center}
.kc-bez-termina li{flex:none;width:calc(var(--space-8) + var(--space-1))}
.kc-bez-termina .kc-sl{width:100%}
.kc-bez-termina a{display:block;color:var(--text-primary);text-decoration:none}
.kc-jos-n{display:flex!important;align-items:center;justify-content:center;aspect-ratio:4/5;border-radius:var(--radius-md);box-shadow:inset 0 0 0 var(--stroke-hair) var(--control-border);font-weight:700}
/* list slajda */
.kc-slajd-list{display:grid;grid-template-columns:calc(var(--space-9) - var(--space-3)) minmax(0,1fr);gap:var(--space-4);align-items:start;margin:0 0 var(--space-2)}
.kc-slajd-list .kc-sl{width:100%}
.kc-radnje{list-style:none;margin:0;padding:0;border-radius:var(--radius-lg);background:var(--surface-card)}
.kc-radnje li+li{border-top:var(--stroke-hair) solid var(--line)}
.kc-radnje a{display:flex;align-items:center;min-height:var(--tap);padding:0 var(--space-3);color:var(--text-primary);text-decoration:none;font-size:var(--t-small);font-weight:700}
.kc-radnje li.kc-radnja-brisi{border-top-width:calc(var(--stroke-hair) * 4)}

/* grupa redova (Poruke, Mesta): jedna bela podloga, linija od teksta */
.kc-grupa{list-style:none;margin:0;padding:0 var(--space-3);border-radius:var(--radius-lg);background:var(--surface-card)}
.kc-grupa>li+li>a{box-shadow:inset 0 var(--stroke-hair) 0 var(--line)}
.kc-grupa a{display:grid;grid-template-columns:var(--d-slicica-w) minmax(0,1fr) auto;align-items:start;gap:var(--space-3);min-height:var(--d-red-slika);padding:var(--space-3) 0;color:var(--text-primary);text-decoration:none}
.kc-grupa a[aria-current=true]{position:relative}
@media (min-width:1024px){.kc-grupa a[aria-current=true]::before{content:"";position:absolute;inset:0 calc(var(--space-3) * -1);background:var(--surface-page);border-radius:var(--radius-md);z-index:0}.kc-grupa a[aria-current=true]>*{position:relative;z-index:1}}
.kc-grupa .kc-sl,.kc-grupa .kc-inic{width:var(--d-slicica-w)}
.kc-grupa .kc-inic{font-size:var(--t-small);aspect-ratio:1}
.kc-grupa .kc-sl.o11{aspect-ratio:1}
.kc-grupa .kc-r-ime{display:flex;flex-direction:column;gap:0;min-width:0;font-size:var(--t-small);line-height:var(--lh-small)}
.kc-grupa .kc-r-ime>.kc-ns,.kc-r-ko{font-weight:700;overflow-wrap:anywhere}
.kc-r-ko{display:flex;flex-wrap:wrap;align-items:center;gap:0 var(--space-2)}
.kc-r-ko .kc-radi-ime{font-weight:400}
.kc-grupa .kc-r-zasto{display:block;color:var(--text-secondary);font-size:var(--t-caption);line-height:var(--lh-caption)}
.kc-grupa .kc-st{align-self:start;margin-top:var(--space-1)}
.kc-grupa .kc-strelica{color:var(--text-secondary);align-self:center}

/* otvorena poruka */
.kc-poruka{padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);background:var(--surface-card);margin:0 0 var(--space-3)}
.kc-kad{margin:0 0 var(--space-1);font-size:var(--t-caption);line-height:var(--lh-caption);color:var(--text-secondary)}
.kc-pitanje{margin:0;font-size:var(--t-body);line-height:var(--lh-body);font-weight:700}
.kc-poruka-glava{display:grid;grid-template-columns:var(--d-slicica-w) minmax(0,1fr);gap:var(--space-3);align-items:center;margin:0 0 var(--space-2)}
.kc-poruka-glava .kc-inic{width:var(--d-slicica-w);aspect-ratio:1;font-size:var(--t-small)}
.kc-ko{margin:0;font-weight:700;overflow-wrap:anywhere}
.kc-kontakt{display:inline-flex;align-items:center;min-height:var(--tap);font-size:var(--t-small);overflow-wrap:anywhere}
.kc-predmet{margin:0;font-size:var(--t-small);line-height:var(--lh-small)}
.kc-oznaka-polja{display:block;margin:var(--space-3) 0 var(--space-1);font-size:var(--t-small);font-weight:700;color:var(--text-primary)}
textarea.kc-ns{width:100%;font-size:var(--t-body);line-height:var(--lh-body)}
.kc-uzimam{min-height:var(--tap);font-weight:700}
.kc-otvoreno .kc-dno-akcija{position:static}

/* Mesta */
.kc-trazi{flex:1 1 auto;min-width:0}
.kc-trazi .g-ik{width:var(--g-ikona-mala);height:var(--g-ikona-mala)}
.kc-mesto-glava{display:grid;grid-template-columns:var(--space-8) minmax(0,1fr);gap:var(--space-2) var(--space-4);align-items:start;padding:var(--space-4);border-radius:var(--radius-lg);background:var(--surface-card);margin:0 0 var(--space-3)}
.kc-mesto-glava>.kc-inic{width:var(--space-8);aspect-ratio:1;font-size:var(--t-title)}
.kc-mesto-glava .kc-telo{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}
.kc-mesto-ime{margin:0;font-family:var(--font-display);font-size:var(--t-title);line-height:var(--lh-title);overflow-wrap:anywhere}
.kc-mesto-glava .kc-r-zasto{margin:0;font-size:var(--t-small);color:var(--text-secondary)}
.kc-mesto-glava .kc-gde{margin:0}
.kc-mesto-akcija{grid-column:1/-1;display:flex}
.kc-mesto-akcija .b-ok{flex:1 1 auto;min-height:var(--d-dugme)}
.kc-sekcija{margin:0 0 var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);background:var(--surface-card)}
.kc-h-sek{display:flex;align-items:center;gap:var(--space-2);min-height:var(--tap);margin:0 0 var(--space-1);font-size:var(--t-body);line-height:var(--lh-body)}
.kc-h-sek .kc-broj{font-weight:400;font-size:var(--t-small);color:var(--text-secondary)}
.kc-h-sek .b-tiho,.kc-h-sek>a{margin-left:auto;display:inline-flex;align-items:center;min-height:var(--tap);font-size:var(--t-small)}
.kc-tema-blok h3{display:flex;align-items:center;gap:var(--space-2);margin:var(--space-2) 0 var(--space-1);font-size:var(--t-small)}
.kc-tema-blok .g-ik{width:var(--g-ikona-mala);height:var(--g-ikona-mala)}
.kc-tema-blok dl{margin:0}
.kc-tema-blok dl>div{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:var(--space-3);padding:var(--space-2) 0;border-top:var(--stroke-hair) solid var(--line);font-size:var(--t-small);line-height:var(--lh-small)}
.kc-tema-blok dt{color:var(--text-secondary)}
.kc-tema-blok dd{margin:0;display:flex;flex-direction:column}
.kc-izvor{font-size:var(--t-caption);line-height:var(--lh-caption);color:var(--text-secondary);overflow-wrap:anywhere}
.kc-ne-navodi{margin:var(--space-2) 0 0}
.kc-ne-navodi summary{min-height:var(--tap);display:flex;align-items:center;gap:var(--space-2);font-size:var(--t-small);font-weight:700}
.kc-ne-navodi ul{margin:0;padding-left:var(--space-4);font-size:var(--t-small)}
.kc-utisci{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-3)}
.kc-utisci-kol h3{display:flex;align-items:center;gap:var(--space-2);margin:0 0 var(--space-1);font-size:var(--t-small)}
.kc-utisci-kol h3::before{content:"";width:var(--space-3);height:var(--space-3);border-radius:var(--radius-pill);background:var(--success)}
.kc-utisci-kol.lose h3::before{border-radius:0;width:0;height:0;background:none;border-left:calc(var(--space-3) / 2) solid transparent;border-right:calc(var(--space-3) / 2) solid transparent;border-top:var(--space-3) solid var(--accent)}
.kc-utisci-kol ul{list-style:none;margin:0;padding:0}
.kc-utisci-kol li{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-2) 0;border-top:var(--stroke-hair) solid var(--line);font-size:var(--t-small);line-height:var(--lh-small)}
.kc-tema-uz{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--t-caption);color:var(--text-secondary)}
.kc-tema-uz .g-ik{width:var(--space-4);height:var(--space-4)}
.kc-zvezde{display:inline-flex;gap:var(--space-1)}
.kc-zvezde i{width:var(--space-3);height:var(--space-3);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);background:var(--line)}
.kc-zvezde i.p{background:var(--text-primary)}
.kc-sitno{margin:var(--space-1) 0 0;font-size:var(--t-caption);line-height:var(--lh-caption);color:var(--text-secondary)}
.kc-jos-nema{display:flex;align-items:center;gap:var(--space-3);margin:0 0 var(--space-3);padding:0 var(--space-1);font-size:var(--t-small);line-height:var(--lh-small);color:var(--text-secondary)}
.kc-jos-nema .b-tiho{margin-left:auto;flex:none;min-height:var(--tap);display:inline-flex;align-items:center}
.kc-niz-slika{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2)}
.kc-niz-slika.kc-niz-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.kc-niz-slika a{display:flex;flex-direction:column;gap:var(--space-1);color:var(--text-primary);text-decoration:none;font-size:var(--t-caption);line-height:var(--lh-caption);font-weight:700}
.kc-niz-slika .kc-sl{width:100%}
.kc-sajt{margin:0 0 var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);background:var(--surface-card);box-shadow:inset 0 0 0 var(--stroke-rule) var(--text-primary)}
.kc-sajt h2{margin:0 0 var(--space-1);font-size:var(--t-body);line-height:var(--lh-body)}
.kc-sajt-veza{display:flex;flex-direction:column;justify-content:center;min-height:var(--tap);font-weight:700;overflow-wrap:anywhere}
.kc-sajt-veza .kc-sitno{margin:0;font-weight:400}
.kc-sajt .kc-dugmad{margin:var(--space-2) 0}
.kc-sajt .kc-dugmad .b-ok{flex:1 1 auto}
.kc-sajt details summary,.kc-vise-polja summary{min-height:var(--tap);display:flex;align-items:center;font-size:var(--t-small)}
.kc-zvezde-izbor{display:flex;gap:var(--space-1)}
.kc-zvezda{display:flex;align-items:center;justify-content:center;width:var(--tap);height:var(--tap)}
.kc-zvezda i{width:var(--space-6);height:var(--space-6);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);background:var(--line)}
.kc-zvezda[aria-pressed=true] i{background:var(--text-primary)}

/* Slike */
.kc-mreza-slika{list-style:none;margin:0 0 var(--space-2);padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2)}
.kc-mreza-slika a{position:relative;display:block;border-radius:var(--radius-md)}
.kc-mreza-slika .kc-sl{width:100%}
.kc-mreza-slika a.ceka .kc-sl{box-shadow:0 0 0 var(--stroke-rule) var(--surface-page),0 0 0 calc(var(--stroke-rule) * 2) var(--text-primary)}
.kc-nase{position:absolute;left:var(--space-1);bottom:var(--space-1);padding:0 var(--space-2);border-radius:var(--radius-pill);background:var(--surface-card);color:var(--text-primary);font-size:var(--t-caption);line-height:var(--lh-caption);font-weight:700}
.kc-velika-slika .kc-sl{width:100%}
.kc-provere li b{font-size:var(--t-small)}
.kc-potvrda{display:flex;align-items:center;gap:var(--space-3);min-height:var(--tap);margin:var(--space-3) 0 0;font-size:var(--t-small);font-weight:400}
.kc-potvrda input{width:var(--space-6);height:var(--space-6);margin:0}
.kc-fajl{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1);min-height:calc(var(--tap) * 2);border-radius:var(--radius-md);box-shadow:inset 0 0 0 var(--stroke-hair) var(--control-border);font-weight:700;color:var(--text-primary);text-decoration:none}
.kc-list .kc-razlog{margin:var(--space-1) 0 0;font-size:var(--t-caption);color:var(--text-secondary)}

/* Rast */
.kc-plocice4{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2);margin:0 0 var(--space-3)}
.kc-plocice4 a{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-3);border-radius:var(--radius-lg);background:var(--surface-card);color:var(--text-primary);text-decoration:none;min-width:0}
.kc-plocice4 .kc-p-oznaka{font-size:var(--t-caption);line-height:var(--lh-caption);color:var(--text-secondary)}
.kc-plocice4 .kc-p-broj{font-family:var(--font-display);font-size:var(--t-heading);line-height:var(--lh-heading);font-weight:700;font-variant-numeric:tabular-nums}
.kc-plocice4 .kc-sitno{margin:0}
.kc-iskra{display:block;width:100%;height:var(--space-6)}
.kc-iskra polyline{fill:none;stroke:var(--text-secondary);stroke-width:2;vector-effect:non-scaling-stroke;stroke-linejoin:round}
.kc-cilj{display:flex;flex-direction:column;gap:var(--space-2);margin:0 0 var(--space-3);padding:var(--space-3) var(--space-4) var(--space-4);border-radius:var(--radius-lg);background:var(--surface-band);color:var(--text-on-band);text-decoration:none}
.kc-cilj-naslov{font-family:var(--font-display);font-size:var(--t-lead);line-height:var(--lh-lead);font-weight:700}
.kc-cilj-traka{display:block;height:var(--space-2);border-radius:var(--radius-pill);box-shadow:inset 0 0 0 var(--stroke-hair) var(--text-on-band)}
.kc-cilj-red{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-1) var(--space-3);font-size:var(--t-small);line-height:var(--lh-small)}
.kc-lekcije{list-style:none;margin:0;padding:0}
.kc-lekcija{padding:var(--space-2) 0;border-top:var(--stroke-hair) solid var(--line)}
.kc-lekcija:first-child{border-top:0}
.kc-lekcija p{margin:0;font-size:var(--t-body);line-height:var(--lh-body)}
.kc-lek-dno{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap}
.kc-lek-dno summary{min-height:var(--tap);display:flex;align-items:center;font-size:var(--t-small)}
.kc-prekidac-dug{display:inline-flex;align-items:center;gap:var(--space-2);min-height:var(--tap);padding:0;border:0;background:transparent;color:var(--text-primary);font-size:var(--t-small);font-weight:700}
.kc-prekidac-dug i{position:relative;flex:none;width:calc(var(--space-7) + var(--space-1));height:var(--space-5);border-radius:var(--radius-pill);background:var(--line)}
.kc-prekidac-dug i::after{content:"";position:absolute;top:calc(var(--space-1) / 2);left:calc(var(--space-1) / 2);width:calc(var(--space-5) - var(--space-1));height:calc(var(--space-5) - var(--space-1));border-radius:var(--radius-pill);background:var(--surface-card)}
.kc-prekidac-dug[aria-checked=true] i{background:var(--text-primary)}
.kc-prekidac-dug[aria-checked=true] i::after{left:auto;right:calc(var(--space-1) / 2)}
.kc-pitanje-red{margin:0 0 var(--space-2);font-size:var(--t-small);line-height:var(--lh-small)}
.kc-zarada summary{display:flex;align-items:center;gap:var(--space-2);min-height:var(--tap)}
.kc-zar-tekst{display:flex;flex-direction:column}
.kc-zarada summary .kc-sitno{margin:0}
.kc-zarada ul{list-style:none;margin:var(--space-2) 0 0;padding:0}
.kc-zarada li{display:flex;justify-content:space-between;gap:var(--space-3);padding:var(--space-2) 0;border-top:var(--stroke-hair) solid var(--line);font-size:var(--t-small)}

/* Sistem (mašinska soba: reči mašine su ovde dozvoljene) */
.kc-presuda{margin:0 0 var(--space-2);font-weight:700}
.kc-svetla,.kc-poslovi,.kc-prekidaci{list-style:none;margin:0;padding:0}
.kc-svetla li,.kc-poslovi li{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);min-height:var(--d-red);border-top:var(--stroke-hair) solid var(--line);font-size:var(--t-small)}
.kc-svetla li .kc-st{font-size:var(--t-small);color:var(--text-primary)}
.kc-prekidaci li{display:flex;flex-direction:column;align-items:flex-start;gap:0;padding:var(--space-1) 0;border-top:var(--stroke-hair) solid var(--line)}
.kc-prekidaci li:last-child{flex-direction:row;align-items:center;justify-content:space-between}
.kc-prekidaci .kc-sitno{margin:0 0 var(--space-1)}
.kc-dl{margin:0}
.kc-dl>div{display:flex;justify-content:space-between;gap:var(--space-3);min-height:var(--d-red);align-items:center;border-top:var(--stroke-hair) solid var(--line);font-size:var(--t-small)}
.kc-dl dt{color:var(--text-secondary)}
.kc-dl dd{margin:0;font-weight:700}
.kc-sekcija .kc-stanje-red{margin:var(--space-2) 0 0;padding:0 var(--space-3);background:var(--surface-page)}
.kc-sekcija>.kc-dugmad{margin:var(--space-2) 0 0}
.kc-vise-redovi{padding-top:var(--space-1);padding-bottom:var(--space-1)}
.kc-vise-red summary{display:flex;align-items:center;min-height:var(--tap);font-size:var(--t-small)}
.kc-vise-red+.kc-vise-red{border-top:var(--stroke-hair) solid var(--line)}

/* list „Više“ */
.kc-vise-plocice{list-style:none;margin:0 0 var(--space-3);padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2)}
.kc-vise-plocice a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);min-height:calc(var(--tap) * 2);border-radius:var(--radius-lg);background:var(--surface-card);color:var(--text-primary);text-decoration:none;font-weight:700}
.kc-nalog a{grid-template-columns:auto minmax(0,1fr) auto;align-items:center}
.kc-inic.kc-inic-mala{width:var(--space-7);aspect-ratio:1;font-size:var(--t-small)}
.kc-nalog .kc-r-ime{font-weight:700}

.kc-provere .kc-prolazi details summary{display:flex;align-items:center;min-height:var(--tap);font-size:var(--t-small)}
.kc-provere .kc-prolazi details ul{margin:0 0 var(--space-2);padding-left:var(--space-4);font-size:var(--t-small);color:var(--text-secondary)}
.kc-izlazi figure.ceka .kc-sl{box-shadow:0 0 0 var(--stroke-rule) var(--surface-page),0 0 0 calc(var(--stroke-rule) * 2) var(--text-primary)}
.kc-izlazi figure{position:relative;padding-top:var(--space-1)}
.kc-price-dana figure{position:relative}
.kc-price-dana figure.ceka .kc-sl{box-shadow:0 0 0 var(--stroke-rule) var(--surface-card),0 0 0 calc(var(--stroke-rule) * 2) var(--text-primary)}
/* Danas A: čipovi se lome u drugi red umesto da „Moje“ ode iza ivice */
.kc-vrh-lom{flex-wrap:wrap;align-items:center}
.kc-vrh-lom .kc-cipovi{display:contents}
.kc-vrh-lom .kc-cip{margin:0}
.kc-vrh-lom .kc-cip-moje{margin-left:0}
@media (max-width:1023px){.kc-vrh-lom .kc-cip-moje::before{display:none}}
@media (min-width:1024px){.kc-vrh-lom .kc-cip-moje{margin-left:var(--space-2)}}
@media (max-width:1023px){.kc-karta .kc-dugmad-dva{grid-column:1/-1}.kc-karta .kc-dugmad-dva>.b-ok,.kc-karta .kc-dugmad-dva>.b-jako,.kc-karta .kc-dugmad-dva>.b-back{flex:1 1 0}}
/* najgori podaci, usvojeno pravilo 6: 320 px i zum 200 % (195 px) — sličica manja, dugmad u red pune širine, gornji red se lomi */
@media (max-width:359px){
.kc-karta,.kc-stavka{grid-template-columns:var(--d-slicica-w) minmax(0,1fr)}
.kc-karta>.kc-sl,.kc-karta>.kc-inic,.kc-stavka>.kc-sl,.kc-stavka>.kc-inic{width:var(--d-slicica-w);grid-row:auto}
.kc-karta .kc-dugmad,.kc-stavka .kc-dugmad{grid-column:1/-1;flex-wrap:wrap}
.kc-dugmad .b-ok,.kc-dugmad .b-jako,.kc-dugmad .b-back{white-space:normal;flex:1 1 auto}
.kc-vrh{flex-wrap:wrap}
.kk-red{overflow-x:auto}
.dno-ik{width:100%;max-width:var(--d-dno)}
}
@media (max-width:259px){.kc-puls{grid-template-columns:minmax(0,1fr)}
}
@media (min-width:1024px){
.kc-plocice4{grid-template-columns:repeat(4,minmax(0,1fr))}
.kc-mreza-slika{grid-template-columns:repeat(6,minmax(0,1fr))}
.kc-utisci{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5)}
.kc-otvoreno .kc-mesto-glava,.kc-otvoreno .kc-sekcija{background:var(--surface-card)}
}

/* ---- računar: lista + otvorena stavka, Danas u dve kolone ---- */
@media (min-width:768px){
.kc-izlazi figure{width:var(--space-9)}
}
@media (min-width:1024px){
main{max-width:none}
.kc-dvoje{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:var(--space-6);align-items:start}
.kc-dvoje>*{min-width:0}
.kc-dvoje-pola{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-6);align-items:start}
.kc-dvoje-pola>*{min-width:0}
.kc-puls{max-width:none}
.kc-slajdovi{grid-auto-columns:calc((100% - var(--space-2) * 2) / 3);margin:0;padding:0}
.kc-dno-akcija{position:sticky;bottom:0;margin:var(--space-3) 0 0;padding:var(--space-3) 0;box-shadow:0 calc(var(--stroke-hair) * -1) 0 var(--line)}
.kc-list{left:auto;top:0;width:calc(var(--space-10) * 3 + var(--space-7));max-height:none;border-radius:var(--radius-lg) 0 0 var(--radius-lg)}
.kc-kal-glava,.kc-dani{gap:var(--space-2)}
.kc-dan{min-height:calc(var(--d-celija-h) + var(--space-7))}
.kc-dan .kc-dan-br{font-size:var(--t-caption)}
.kc-dan .kc-sl{width:calc(var(--space-9) - var(--space-3))}
.kc-otvoreno{position:sticky;top:var(--space-5)}
}
@media (max-width:1023px){.kc-samo-racunar{display:none}}
@media (min-width:1024px){.kc-samo-telefon{display:none}}

/* ==== ljuska komandnog centra (nalog 18, 4.1) ==== */
/* traka nosi samo naslov i krug naloga */
.glava .logo{display:none}
/* liste od dna: :target, bez skripte; na računaru list sa desne strane */
.kc-preko{display:none;position:fixed;inset:0;z-index:40}
.kc-preko:target{display:block}
.kc-preko .kc-zastor{display:block}
.kc-preko .kc-list{animation:vise-ulaz var(--motion-enter) var(--ease-out)}
@media (prefers-reduced-motion:reduce){.kc-preko .kc-list{animation:none}}
.kc-pomoc-slika{display:block;width:100%;height:auto;margin:0 0 var(--space-3);border-radius:var(--radius-md)}
.kc-pomoc{margin:0 0 var(--space-2);font-size:var(--t-body);line-height:var(--lh-body)}
/* gornji red strane: kartice ili Put | Kalendar levo, „⋯“ i „?“ desno */
.kc-vrh{flex-wrap:wrap}
.kc-vrh>.kartice{flex:1 1 auto;min-width:0;margin:0;padding:0;border:0}
.kc-tri{flex:none;display:inline-flex;align-items:center;justify-content:center;width:var(--tap);height:var(--tap);border-radius:var(--radius-pill);color:var(--text-primary);text-decoration:none;font-size:var(--t-lead);line-height:1}
nav.kartice[data-koraci]{margin:0 0 var(--space-3)}
/* „Više“: nalog bez veze (ime i uloga) */
.kc-nalog-red{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:var(--space-3);min-height:var(--d-red-slika);padding:var(--space-3) 0}
.kc-nalog .kc-r-ime{display:flex;flex-direction:column;font-weight:700}
.kc-nalog a{grid-template-columns:minmax(0,1fr)}
.vise-strana .kc-vise-plocice{margin-top:0}
/* traka na dnu izdrži 320 px i zum 200 %: ćelija se skuplja, reč se ne seče */
.dno a{min-width:0}
.dno-rec{max-width:100%;overflow-wrap:anywhere;text-align:center}
@media (max-width:359px){.dno-ik{width:100%;max-width:var(--d-dno)}.dno .znacka{right:0}}
/* stub na računaru: šest mesta i Sistem na dnu, bez kartica ispod */
.stub-dno a[aria-current=page]{background:var(--surface-page);font-weight:700}

/* ==== kartica puta i liste koraka (nalog 18, 4.3) ==== */
.kc-forma{display:contents;margin:0}
.kc-dugmad a.kc-dugme{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
.kc-dugmad .b-ok,.kc-dugmad .b-back,.kc-dugmad .b-jako{border-radius:var(--radius-pill)}
.kc-karta .kc-ime a{color:inherit;text-decoration:none}
.kc-karta .kc-ime a:hover{text-decoration:underline}
.kc-karta>a.kc-sl{grid-row:1/span 2;width:var(--d-odobrenje-w)}
.kc-karta .kc-zasto.kc-kvar{color:var(--error)}
.kc-karte{max-width:calc(var(--space-10) * 6)}
.kc-radnje form{margin:0}
.kc-radnje .kc-radnja-dugme{width:100%;justify-content:flex-start;min-height:var(--tap);padding:0 var(--space-3);border:0;border-radius:0;background:transparent;color:var(--text-primary);font-size:var(--t-small);font-weight:700;text-align:left}
.kc-radnje .kc-radnja-tekst{display:flex;align-items:center;min-height:var(--tap);padding:0 var(--space-3);font-size:var(--t-small);color:var(--text-secondary)}
.kc-razlozi{display:flex;flex-wrap:wrap;gap:0 var(--space-2);margin:0 0 var(--space-2);padding:0;border:0}
.kc-oznaka-polja{display:block;margin:var(--space-3) 0 var(--space-1);font-size:var(--t-small);font-weight:700;color:var(--text-primary)}
.kc-cip-izbor{cursor:pointer}
.kc-cip-izbor:has(input:checked){background:var(--text-primary);color:var(--surface-page);box-shadow:none}
.kc-cip-izbor:has(input:focus-visible){outline:var(--stroke-focus) solid var(--focus-ring);outline-offset:var(--stroke-hair)}
/* izbor razloga: krug izbora je nevidljiv i pokriva celu metu čipa (≥ 44 px, nalog 18, 8.8) */
.kc-cip-izbor input{position:absolute;inset:calc((var(--tap) - var(--d-pilula)) / -2) 0;width:100%;height:auto;min-height:0;margin:0;padding:0;opacity:0;clip:auto;overflow:visible;cursor:pointer}
.kc-tabovi .kc-broj{font-variant-numeric:tabular-nums}
.kc-list .filter{display:flex;flex-direction:column;gap:var(--space-2)}
.kc-list .id-grupa{border:0;margin:0 0 var(--space-2);padding:0;display:flex;flex-wrap:wrap;gap:var(--space-1)}
.kc-list .id-grupa legend{font-size:var(--t-caption);color:var(--text-secondary);padding:0;margin:0 0 var(--space-1)}
/* Objava: odluka u traci prikovanoj za dno (iznad trake na dnu na telefonu) */
.kc-odluka-dno{position:sticky;bottom:calc(var(--d-dno) + env(safe-area-inset-bottom));z-index:3;margin:var(--space-3) calc(var(--ivica) * -1) 0;padding:var(--space-2) var(--ivica);background:var(--surface-page);box-shadow:0 calc(var(--stroke-hair) * -1) 0 var(--line)}
.kc-odluka-dno .ob-odluka-traka{position:static;margin:0}
@media (min-width:1024px){.kc-odluka-dno{bottom:0;margin:var(--space-3) 0 0;padding:var(--space-3) 0}}
.kc-uzimam{min-height:var(--tap)}

/* ==== Doterivanje (nalog 18, 4.4) ==== */
.kc-doterivanje h2.kc-naslov-objave{margin:0 0 var(--space-2);font-size:var(--t-body);line-height:var(--lh-body);overflow-wrap:anywhere}
.kc-doterivanje .kc-vracena{display:flex;flex-wrap:wrap;align-items:center;gap:0 var(--space-2);margin:0 0 var(--space-2);padding:0 var(--space-2);border-radius:var(--radius-sm);background:var(--drawing-sand);color:var(--text-primary);font-size:var(--t-small);line-height:var(--lh-small)}
.kc-pregled-sl{display:block;color:inherit}
.kc-pregled-video .st-scena{margin:0}
.kc-doterivanje .kc-blok+.kc-blok{margin-top:var(--space-2)}
.kc-brojac{margin:var(--space-1) 0 0;font-size:var(--t-caption);line-height:var(--lh-caption);color:var(--text-secondary);font-variant-numeric:tabular-nums}
.kc-ceo>summary{display:flex;align-items:center;gap:var(--space-2);min-height:var(--tap);font-weight:700;font-size:var(--t-small)}
.kc-ceo .st-blok{margin:0;padding:0;background:transparent;box-shadow:none}
.kc-ceo .st-h{display:none}
.kc-urednik{margin-top:var(--space-3)}
.kc-urednik h3{margin:0 0 var(--space-1)}
.kc-sacuvaj{min-height:var(--tap);margin-top:var(--space-2)}
.kc-izmena .st-pisi{display:block;margin:0}
.kc-izmena .kc-unos textarea{flex:1 1 auto;min-height:var(--d-polje);resize:vertical}
.kc-izmena .st-cipovi{display:flex;flex-wrap:wrap;gap:0 var(--space-2);margin:0}
.kc-izmena .st-cipovi form{display:contents}
.kc-izmena .st-cip.kc-cip{border:0;cursor:pointer;font:inherit;font-size:var(--t-small)}
.kc-izmena .st-vise>summary{display:inline-flex;align-items:center;min-height:var(--tap);font-size:var(--t-small)}
.kc-izmena .kc-razlog{margin:0;font-size:var(--t-caption);line-height:var(--lh-caption);color:var(--text-secondary)}
.kc-dno-akcija .kc-forma.kc-sirok,.kc-dno-akcija>.kc-sirok{flex:1 1 auto}
.kc-dno-akcija .b-ok.kc-sirok{flex:1 1 0;min-width:0;min-height:var(--d-dugme)}
.kc-izmena .kc-unos .b-jako{padding:0 var(--space-4);white-space:nowrap}
.kc-dno-akcija button[disabled],.kc-izmena textarea[disabled]{opacity:.45;cursor:not-allowed}
.st-pil.st-pil-rec{width:auto;padding:0 var(--space-2);font-size:var(--t-caption)}
.kc-doterivanje .st-deo{min-height:var(--tap)}

/* ==== Kalendar, list dana, priče (nalog 18, 4.5) ==== */
.kc-kal .kc-dan{display:flex;flex-direction:column;gap:var(--space-1);min-height:var(--d-celija-h);padding:var(--space-1);border-radius:var(--radius-md);background:var(--surface-card);box-shadow:none;flex:none;min-width:0}
.kc-kal .kc-dan.proslo{opacity:.55}
.kc-kal .kc-dan.danas{box-shadow:inset 0 0 0 var(--stroke-focus) var(--text-primary)}
.kc-kal .kc-dan.rupa{background:transparent;box-shadow:inset 0 0 0 var(--stroke-hair) var(--line)}
/* broj dana je veza na list dana preko cele ćelije (meta ≥ 44 px); naslovna i „+“ su iznad nje */
.kc-kal .kc-dan{position:relative}
.kc-kal a.kn-glava-dana.kc-dan-glava{position:absolute;inset:0;display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-1);min-height:0;margin:0;padding:var(--space-1);border-radius:var(--radius-md);color:var(--text-primary);text-decoration:none;font-weight:700;background:transparent}
.kc-kal .kc-dan .kc-dan-br{position:static}
.kc-kal .kc-dan .kc-price{position:static}
.kc-kal .kc-dan::before{content:"";display:block;height:var(--space-4)}
.kc-kal .kc-obj,.kc-kal .kc-plus{position:relative;z-index:1}
.kc-kal .kc-obj{display:block;color:inherit;-webkit-touch-callout:none}
.kc-kal .kc-obj .kc-sl{width:100%}
.kc-kal .kc-dan .kc-obj.ceka .kc-sl{box-shadow:0 0 0 var(--stroke-rule) var(--surface-card),0 0 0 calc(var(--stroke-rule) * 2) var(--text-primary)}
.kc-kal .kc-plus{display:flex;align-items:center;justify-content:center;flex:1 1 auto;min-height:var(--space-7);border-radius:var(--radius-sm);color:var(--text-secondary);text-decoration:none;font-size:var(--t-lead);font-weight:700}
.kc-kal-dno .kc-kal-prazno{min-width:calc(var(--space-9) - var(--space-2))}
.kc-legenda{margin:0 0 var(--space-2)}
.kc-greska .kc-ime a{color:inherit;text-decoration:none}
.kc-greska .b-tiho{align-self:flex-start;padding:0}
.kc-plan-vise{margin:var(--space-4) 0 0}
.kc-plan-vise>summary{display:flex;align-items:center;min-height:var(--tap);font-size:var(--t-small)}
/* list dana */
.dn .kc-dan-stavka{margin:0}
.dn .kc-dan-stavka>a{display:block}
.dn .kc-dan-stavka .kc-sl{width:100%}
.dn .kc-ime a{color:inherit;text-decoration:none}
.dn .kc-dugmad .b-back{min-height:var(--tap)}
.dn-glava.kc-list-glava{flex-wrap:wrap}
.dn-glava .dn-rucka{flex-basis:100%}
.dn .dn-naslov{margin:0;font-family:var(--font-display);font-size:var(--t-lead);line-height:var(--lh-lead)}
.dn .dn-zatvori{margin-left:auto}
.kc-plus-red{display:flex;align-items:center;min-height:var(--tap);padding:0 var(--space-3);border-radius:var(--radius-lg);box-shadow:inset 0 0 0 var(--stroke-hair) var(--line);color:var(--text-secondary);text-decoration:none;font-size:var(--t-small)}
.dn .kc-price-dana{margin:0}
.dn .kc-price-dana .b-back{width:100%;min-height:var(--tap);padding:0;font-size:var(--t-small);border-width:var(--stroke-hair)}
.dn .kc-price-dana .kc-st{justify-content:center;min-height:var(--tap)}
.kc-preuzmi>summary{display:flex;align-items:center;justify-content:center;min-height:var(--d-dugme);border-radius:var(--radius-pill);background:var(--text-primary);color:var(--surface-page);font-weight:700;font-size:var(--t-small)}
.kc-preuzmi .kc-radnje{margin-top:var(--space-2)}
/* Priče (Objave → ⋯ → Priče): kadrovi u mreži, ne iseku se vodoravno */
.kc-bez-termina ul{display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}
.kc-bez-termina li{width:auto;min-width:0}
.ob-price .kadrovi{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2);overflow:visible}
.ob-price .kadar{margin:0;min-width:0}
.ob-price .kadar img{width:100%;height:auto}
.ob-price .kadar-preuzmi>summary{display:flex;align-items:center;min-height:var(--tap);font-size:var(--t-caption)}
@media (min-width:1024px){.kc-kal .kc-dan{min-height:calc(var(--d-celija-h) + var(--space-7))}.kc-kal .kc-obj .kc-sl{width:calc(var(--space-9) - var(--space-3))}}
.dn-list{z-index:30}
.dn .kc-price-dana button[disabled]{opacity:.45;cursor:not-allowed}
.kc-preuzmi>summary::-webkit-details-marker{display:none}
.kc-preuzmi>summary{list-style:none}
@media (min-width:1024px){.kc-bez-termina ul{grid-template-columns:repeat(5,calc(var(--space-8) + var(--space-3)))}}
/* meta dodira ≥ 44 px (nalog 18, 8.8): naslov kartice je veza preko cele visine reda; veze u redu teksta (izvori,
   „Izmeni tekst“, „kalendaru“) dobijaju visinu dodira */
/* Objava (nalog 18, 4.3): slajdovi su traka koja se prevlači (kao u maketi), ne stub od šest celih slika */
.slajdovi-celi{display:grid;grid-auto-flow:column;grid-auto-columns:80%;gap:var(--space-2);overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--ivica);scrollbar-width:none;list-style:none;margin:0 calc(var(--ivica) * -1);padding:0 var(--ivica)}
.slajdovi-celi::-webkit-scrollbar{display:none}
.slajdovi-celi>li{position:relative;scroll-snap-align:start;min-width:0}
.slajdovi-celi img{display:block;width:100%;height:auto}

@media (min-width:1024px){.slajdovi-celi{grid-auto-columns:calc((100% - var(--space-2) * 2) / 3);margin:0;padding:0}}
/* čipovi „Zatraži izmenu“ u redu sa „Još“ ostaju iste visine (ne razvlače se do visine reda) */
.kc-razlozi{align-items:center}
.kc-ime a{position:relative;color:inherit}
.kc-ime a::after{content:"";position:absolute;inset:calc((var(--tap) - var(--space-5)) / -2) 0}
.izvori-lista dd>a,#sadrzaj p.meta>a,.kc-izvor>a{position:relative}
.izvori-lista dd>a::after,#sadrzaj p.meta>a::after,.kc-izvor>a::after{content:"";position:absolute;inset:calc(var(--space-3) * -1) 0}
/* nalog 18, deo 2: Poruke, Mesta, Slike, Rast, Sistem, Pravila kuće (prenete makete, scripts/makete/ekrani-2.ts) */
.kc-r-prvi{margin-top:var(--space-1);color:var(--text-primary);font-weight:700;overflow-wrap:anywhere}
.kc-dno-akcija.kc-kolona>.b-ok{flex:1 1 100%}
.kc-vrh>.kc-trazi{flex:1 1 0;min-width:0}
.kc-trazi .kc-polje{width:100%;box-sizing:border-box}
.kc-trazi .kc-polje input{flex:1 1 auto;min-width:0;min-height:var(--d-polje);margin:0;padding:0;border:0;box-shadow:none;background:transparent;font:inherit;color:inherit}
.kc-trazi .kc-polje:focus-within{box-shadow:inset 0 0 0 var(--stroke-focus) var(--focus-ring)}
.kc-trazi .kc-polje input:focus{outline:none}
.kc-grupa.kc-bez-okvira{padding:0;background:none}
.kc-izbor>li{display:flex;align-items:center;gap:var(--space-2)}
.kc-izbor>li>a{flex:1 1 auto;min-width:0}
.kc-oznaci{display:flex;align-items:center;justify-content:center;width:var(--tap);height:var(--tap);flex:none}
.kc-oznaci input{width:var(--space-5);height:var(--space-5)}
.kc-lista-redova{list-style:none;margin:0;padding:0}
.kc-lista-redova>li{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-height:var(--d-red);border-top:var(--stroke-hair) solid var(--line);font-size:var(--t-small)}
.kc-polja-grupa{margin:0 0 var(--space-2);padding:0;border:0}
.kc-zvezda{position:relative;cursor:pointer}
.kc-zvezda input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.kc-zvezda:has(input:focus-visible){outline:var(--stroke-focus) solid var(--focus-ring)}
.kc-zvezde-izbor{flex-wrap:wrap;align-items:center}
.kc-zvezde-izbor:has(input[value="1"]:checked) .kc-zvezda:nth-child(-n+1) i,.kc-zvezde-izbor:has(input[value="2"]:checked) .kc-zvezda:nth-child(-n+2) i,.kc-zvezde-izbor:has(input[value="3"]:checked) .kc-zvezda:nth-child(-n+3) i,.kc-zvezde-izbor:has(input[value="4"]:checked) .kc-zvezda:nth-child(-n+4) i,.kc-zvezde-izbor:has(input[value="5"]:checked) .kc-zvezda:nth-child(-n+5) i{background:var(--text-primary)}
.kc-odluka-slike:has(input[type=checkbox][required]:not(:checked)) .b-ok{opacity:.45}
.kc-odluka-slike:has(input[type=checkbox][required]:checked):not(:has(input[type=checkbox][required]:not(:checked))) .kc-dok-nije{display:none}
.kc-radnje-red{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:0 0 var(--space-3)}
.kc-velika-slika{margin:0}
.kc-velika-slika img{display:block;width:100%;height:auto;border-radius:var(--radius-lg)}
.kc-velika-slika figcaption{margin:var(--space-2) 0 var(--space-3);color:var(--text-secondary)}
.sl-odluka .kc-provere{margin:0 0 var(--space-2)}
.kc-dno-akcija.kc-zamotaj{flex-wrap:wrap}
.kc-cilj-traka{position:relative;overflow:hidden}
.kc-cilj-traka i{display:block;height:100%;border-radius:var(--radius-pill);background:var(--text-on-band)}
.kc-bez-margine{margin:0}
.kc-zarada-red{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-height:var(--d-red);color:var(--text-primary);text-decoration:none}
.kc-plocice4 .kc-p-nema{font-size:var(--t-small);color:var(--text-secondary);min-height:var(--space-6)}
.kc-red-faze{display:flex;align-items:center;gap:var(--space-2);min-height:var(--d-red);margin:0;border-top:var(--stroke-hair) solid var(--line);font-size:var(--t-small)}
.kc-blok-brojke{margin-top:var(--space-3)}
.kc-sekcija>.kc-stanje-red{margin:var(--space-2) 0 0}
.kc-pravila{list-style:none;margin:0;padding:0}
.kc-pravilo{padding:var(--space-3) 0;border-top:var(--stroke-hair) solid var(--line)}
.kc-pravilo:first-child{border-top:0}
.kc-pravilo-tekst{margin:0 0 var(--space-1);font-weight:700}
.kc-primeri{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2);margin-top:var(--space-2)}
.kc-primer{margin:0;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--surface-page);font-size:var(--t-small);line-height:var(--lh-small)}
.kc-primer figcaption{display:flex;align-items:center;gap:var(--space-1);font-weight:700}
.kc-primer.da figcaption::before{content:"";width:var(--space-3);height:var(--space-3);border-radius:var(--radius-pill);background:var(--success)}
.kc-primer.ne figcaption::before{content:"";width:0;height:0;border-left:calc(var(--space-3) / 2) solid transparent;border-right:calc(var(--space-3) / 2) solid transparent;border-bottom:var(--space-3) solid var(--accent)}
.kc-primer img{display:block;width:100%;height:auto;margin:var(--space-1) 0;border-radius:var(--radius-sm)}
.kc-primer p{margin:var(--space-1) 0 0;overflow-wrap:anywhere}
.kc-pravila-kuce{margin:var(--space-3) 0 0}
.kc-pravila-kuce>summary{display:flex;align-items:center;gap:var(--space-2);min-height:var(--tap);font-weight:700;font-size:var(--t-small)}
.kc-provere .sama::before{content:"";display:block;width:var(--space-4);height:var(--space-4);border-radius:var(--radius-pill);box-shadow:inset 0 0 0 var(--stroke-rule) var(--text-secondary)}
.kc-pravila-kuce .kc-sitno a,.kc-sekcija>.kc-sitno a,.kc-pomoc a,.kc-h-sek>a{display:inline-flex;align-items:center;min-height:var(--tap)}
/* stanje objave u ćeliji kalendara (nalog 18, deo 2): oblik na naslovnoj, predlog dana neodobrene objave bled i isprekidan */
.kc-obj{position:relative}
.kc-znak{display:inline-block;flex:none;width:var(--space-3);height:var(--space-3);border-radius:var(--radius-pill)}
.kc-obj .kc-znak{position:absolute;top:var(--space-1);left:var(--space-1);box-shadow:0 0 0 calc(var(--stroke-rule) * 1.5) var(--surface-card)}
.kc-znak.s-zakazano{border-radius:var(--radius-sm);background:var(--surface-card);box-shadow:inset 0 0 0 var(--stroke-rule) var(--text-primary)}
.kc-obj .kc-znak.s-zakazano{box-shadow:inset 0 0 0 var(--stroke-rule) var(--text-primary),0 0 0 calc(var(--stroke-rule) * 1.5) var(--surface-card)}
.kc-znak.s-ceka{background:radial-gradient(circle,var(--text-primary) 0 22%,var(--surface-card) 26%);box-shadow:inset 0 0 0 calc(var(--stroke-rule) * 1.5) var(--text-primary)}
.kc-obj .kc-znak.s-ceka{box-shadow:inset 0 0 0 calc(var(--stroke-rule) * 1.5) var(--text-primary),0 0 0 calc(var(--stroke-rule) * 1.5) var(--surface-card)}
.kc-znak.s-radi{background:var(--surface-card);box-shadow:inset 0 0 0 var(--stroke-rule) var(--text-secondary)}
.kc-znak.s-gotovo{background:var(--success)}
.kc-znak.s-stoji{border-radius:0;background:var(--accent);clip-path:polygon(50% 0,100% 100%,0 100%)}
.kc-obj.predlog-dana .kc-sl{opacity:.55;outline:var(--stroke-rule) dashed var(--text-secondary);outline-offset:calc(var(--stroke-rule) * -1)}
.kc-obj.izlazi .kc-sl{outline:var(--stroke-rule) solid var(--text-primary);outline-offset:calc(var(--stroke-rule) * -1)}
.kc-izlazi-red{margin-top:0}
.kc-dan.slobodan{position:relative;cursor:pointer}
.kc-izaberi{position:absolute;inset:0;width:100%;height:100%;min-height:var(--tap);margin:0;padding:0;border:0;border-radius:inherit;background:transparent;cursor:pointer}
.kc-izaberi:hover,.kc-izaberi:focus-visible{box-shadow:inset 0 0 0 var(--stroke-rule) var(--text-primary)}
.kc-dan.zauzet:not(.sada){opacity:.6}
.kc-dan.predlog{box-shadow:inset 0 0 0 var(--stroke-rule) var(--text-primary)}
.kc-dan.sada{box-shadow:inset 0 0 0 var(--stroke-rule) var(--text-primary)}
.kc-iz-oznaka{display:block;font-size:var(--t-caption);line-height:var(--lh-caption);font-weight:700;text-align:center}
/* Sistem: „Zašto?“ i „Šta radi?“ uz prekidač su mete dodira kao i ostale (44 px) */
.kc-sekcija .prekidac-zasto>summary{min-height:var(--tap);align-items:center}
/* naslov koji je ceo veza (Sajt, Izgled brenda) stoji levo kao ostali naslovi; svetla u polovini Sistema u dve kolone */
.kc-h-sek>a.kc-h-veza{margin-left:0;font-size:inherit}
.kc-dvoje-pola .g-semafori{grid-template-columns:repeat(2,minmax(0,1fr))}


/* ---- glava kampanje ---- */
.kp-glava{margin:0 0 var(--space-4)}
.kp-ime{margin:0;font-family:var(--font-display);font-size:var(--t-heading);line-height:var(--lh-heading);font-weight:700;letter-spacing:var(--ls-heading)}
.kp-poruka{margin:var(--space-2) 0 0;font-size:var(--t-lead);line-height:var(--lh-lead);max-width:40ch}
.kp-meta{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-1) var(--space-3);margin:var(--space-3) 0 var(--space-2);font-size:var(--t-small);line-height:var(--lh-small);color:var(--text-secondary)}
.kp-meta b{color:var(--text-primary)}
.kp-napredak{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:var(--space-1)}
.kp-napredak i{display:block;height:var(--space-2);border-radius:var(--radius-pill);background:var(--line)}
.kp-napredak i.p{background:var(--text-primary)}
.kp-napredak i.d{background:var(--text-primary);box-shadow:0 0 0 var(--stroke-hair) var(--surface-page),0 0 0 calc(var(--stroke-hair) * 3) var(--text-primary)}

/* ---- odeljak (kartica) ---- */
.kp-sek{margin:0 0 var(--space-3);padding:var(--space-3) var(--space-4) var(--space-4);border-radius:var(--radius-lg);background:var(--surface-card)}
.kp-h{display:flex;align-items:center;gap:var(--space-2);min-height:var(--tap);margin:0 0 var(--space-1);font-size:var(--t-body);line-height:var(--lh-body);font-weight:700}
.kp-h .b-tiho{margin-left:auto}
.kp-h-van{display:flex;align-items:center;gap:var(--space-2);min-height:var(--tap);margin:var(--space-5) 0 var(--space-2);font-size:var(--t-small);line-height:var(--lh-small);font-weight:700;color:var(--text-secondary)}
.kp-sitno{margin:var(--space-2) 0 0;font-size:var(--t-small);line-height:var(--lh-small);color:var(--text-secondary)}
.kp-nema{margin:0;font-size:var(--t-small);line-height:var(--lh-small);font-weight:700;color:var(--text-secondary)}

/* ---- pločice brojki (nisu veze) ---- */
.kp-plocice{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2);margin:0}
.kp-plocice>div{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-3);border-radius:var(--radius-md);background:var(--surface-page);min-width:0}
.kp-oz{font-size:var(--t-small);line-height:var(--lh-small);color:var(--text-secondary)}
.kp-br{font-family:var(--font-display);font-size:var(--t-title);line-height:var(--lh-title);font-weight:700;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.kp-pod{font-size:var(--t-small);line-height:var(--lh-small);color:var(--text-secondary)}
.kp-plocice .kp-nema{min-height:var(--lh-title)}
.kp-plocice.tri{grid-template-columns:repeat(3,minmax(0,1fr))}
.kp-plocice.tri .kp-br{font-size:var(--t-lead);line-height:var(--lh-lead)}

/* ---- cilj (traka kao Put do 100.000) ---- */
.kp-cilj{display:flex;flex-direction:column;gap:var(--space-2);margin:0 0 var(--space-3);padding:var(--space-3) var(--space-4) var(--space-4);border-radius:var(--radius-lg);background:var(--surface-band);color:var(--text-on-band);box-shadow:inset 0 0 0 var(--stroke-hair) var(--line)}
.kp-cilj-red{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:var(--space-1) var(--space-3);font-size:var(--t-small);line-height:var(--lh-small)}
.kp-cilj-red b{font-family:var(--font-display);font-size:var(--t-lead);line-height:var(--lh-lead)}
.kp-cilj-traka{position:relative;display:block;height:var(--space-2);overflow:hidden;border-radius:var(--radius-pill);box-shadow:inset 0 0 0 var(--stroke-hair) var(--text-on-band)}
.kp-cilj-traka i{display:block;height:100%;border-radius:var(--radius-pill);background:var(--text-on-band)}

/* ---- pratioci pre i tokom ---- */
.kp-graf{display:block;width:100%;height:auto;margin:var(--space-2) 0 var(--space-1)}
.kp-graf .pre{fill:var(--control-border);opacity:.45}
.kp-graf .tok{fill:var(--text-primary)}
.kp-graf .prosek{stroke:var(--text-primary);stroke-width:var(--stroke-hair);stroke-dasharray:4 3}
.kp-graf .rez{stroke:var(--line);stroke-width:var(--stroke-hair)}
.kp-tri-reda{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--space-1) var(--space-3);margin:var(--space-3) 0 0;font-size:var(--t-small);line-height:var(--lh-small)}
.kp-tri-reda dt{color:var(--text-secondary)}
.kp-tri-reda dd{margin:0;font-weight:700;font-variant-numeric:tabular-nums}
.kp-poredjenje{margin:var(--space-3) 0 0;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--surface-page);font-size:var(--t-small);line-height:var(--lh-small);color:var(--text-primary)}

/* ---- novac ---- */
.kp-novac .kp-plocice{margin:var(--space-2) 0 0}
.kp-novac .b-ok{display:flex;align-items:center;justify-content:center;width:100%;min-height:var(--d-dugme);margin:var(--space-3) 0 0}

/* ---- sličica i znak priče ---- */
.kp-sl-mala{width:var(--space-7)}
.kp-pr{display:inline-flex;align-items:center;gap:var(--space-1);flex-wrap:wrap;font-size:var(--t-small);line-height:var(--lh-small);color:var(--text-secondary)}
.kp-pr .g-ik{width:var(--g-ikona-mala);height:var(--g-ikona-mala)}
.kp-pr b{color:var(--text-primary);font-variant-numeric:tabular-nums}
.kp-bez{display:flex;align-items:center;justify-content:center;aspect-ratio:4/5;border-radius:var(--radius-md);background:var(--surface-page);color:var(--text-secondary)}
.kp-bez .g-ik{width:var(--g-ikona-mala);height:var(--g-ikona-mala)}

/* ---- po objavi (red je veza na list objave) ---- */
.kp-po{list-style:none;margin:0;padding:0}
.kp-po>li+li{border-top:var(--stroke-hair) solid var(--line)}
.kp-po-red{display:grid;grid-template-columns:var(--space-8) minmax(0,1fr) auto;gap:var(--space-1) var(--space-3);align-items:center;min-height:var(--tap);padding:var(--space-3) 0;color:var(--text-primary);text-decoration:none}
.kp-po-red .kc-sl{width:100%}
.kp-st-telo{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}
.kp-st-ime{margin:0;font-size:var(--t-small);line-height:var(--lh-small);font-weight:700;overflow-wrap:anywhere}
.kp-st-vrsta{font-size:var(--t-small);line-height:var(--lh-small);color:var(--text-secondary)}
.kp-br-red{display:flex;flex-wrap:wrap;gap:0 var(--space-3);font-size:var(--t-small);line-height:var(--lh-small);color:var(--text-secondary)}
.kp-br-red b{color:var(--text-primary);font-variant-numeric:tabular-nums}
.kp-mreza-br{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2) var(--space-3);margin:var(--space-2) 0 0;padding:0}
.kp-mreza-br div{display:flex;flex-direction:column;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--surface-card)}
.kp-mreza-br dt{font-size:var(--t-small);line-height:var(--lh-small);color:var(--text-secondary)}
.kp-mreza-br dd{margin:0;font-family:var(--font-display);font-size:var(--t-lead);line-height:var(--lh-lead);font-weight:700;font-variant-numeric:tabular-nums}
.kp-mreza-br dd.kp-nema-b{font-family:var(--font-text);font-size:var(--t-small);line-height:var(--lh-small);font-weight:400;color:var(--text-secondary)}
.kp-list-ime{margin:var(--space-2) 0 0;font-weight:700}
.kp-cela{display:inline-flex;align-items:center;margin:var(--space-3) 0 0}

/* ---- dani (spisak po fazama; tekuća faza otvorena) ---- */
.kp-faze{margin:0}
.kp-faza{border-top:var(--stroke-hair) solid var(--line)}
.kp-faza:first-child{border-top:0}
.kp-faza>summary{display:flex;align-items:center;gap:var(--space-2);min-height:var(--tap);font-size:var(--t-small);line-height:var(--lh-small);font-weight:700;color:var(--text-secondary);cursor:pointer}
.kp-dani{list-style:none;margin:0 0 var(--space-2);padding:0}
.kp-dani>li+li{border-top:var(--stroke-hair) solid var(--line)}
.kp-dan-red{display:grid;grid-template-columns:calc(var(--space-7) + var(--space-2)) var(--space-7) minmax(0,1fr);gap:var(--space-1) var(--space-3);align-items:start;min-height:var(--tap);padding:var(--space-2) 0;color:var(--text-primary);text-decoration:none}
.kp-dani>li.danas{margin:0 calc(var(--space-2) * -1);padding:0 var(--space-2);border-radius:var(--radius-md);box-shadow:inset 0 0 0 var(--stroke-focus) var(--text-primary)}
.kp-dani>li.danas+li{border-top:0}
.kp-dan-oz{display:flex;flex-direction:column;font-size:var(--t-small);line-height:var(--lh-small);color:var(--text-secondary)}
.kp-dan-oz span{white-space:nowrap}
.kp-dan-oz b{font-family:var(--font-display);font-size:var(--t-lead);line-height:var(--lh-lead);color:var(--text-primary)}
.kp-dani .kc-sl{width:100%}
.kp-dani .kp-prazan{grid-column:2/span 2;align-self:center;font-size:var(--t-small);line-height:var(--lh-small);color:var(--text-secondary)}
.kp-dani .kp-pr .kc-st{margin-left:var(--space-1)}

/* ---- traka dana (završena kampanja) ---- */
.kp-traka{display:flex;gap:var(--space-2);overflow-x:auto;scrollbar-width:none;margin:0 calc(var(--ivica) * -1) var(--space-3);padding:var(--space-1) var(--ivica) var(--space-2);list-style:none;scroll-padding-left:var(--ivica)}
.kp-traka::-webkit-scrollbar{display:none}
.kp-dk{flex:none;display:flex;flex-direction:column;gap:var(--space-1);width:calc(var(--space-9) + var(--space-3));padding:var(--space-2);border-radius:var(--radius-md);background:var(--surface-card)}
.kp-dk .kc-sl,.kp-dk .kp-bez{width:100%}
.kp-dk-faza{font-size:var(--t-small);line-height:var(--lh-small);font-weight:700;color:var(--text-secondary);min-height:var(--lh-small)}
.kp-dk-br{font-family:var(--font-display);font-size:var(--t-lead);line-height:var(--lh-lead);font-weight:700}
.kp-dk-dat{font-size:var(--t-small);line-height:var(--lh-small);color:var(--text-secondary);white-space:nowrap}
.kp-svi-dani>summary{display:flex;align-items:center;min-height:var(--tap);font-size:var(--t-small);line-height:var(--lh-small);font-weight:700;color:var(--text-secondary);cursor:pointer}

/* ---- izveštaj (završena) ---- */
.kp-izv{list-style:none;margin:0;padding:0}
.kp-izv li{display:grid;grid-template-columns:var(--space-7) minmax(0,1fr);gap:var(--space-1) var(--space-3);padding:var(--space-3) 0}
.kp-izv li+li{border-top:var(--stroke-hair) solid var(--line)}
.kp-izv .kc-sl{width:100%;grid-row:1/span 3}
.kp-broj-izv{margin:0;font-size:var(--t-small);line-height:var(--lh-small)}
.kp-broj-izv b{font-variant-numeric:tabular-nums}
.kp-deo{display:inline-flex;align-self:flex-start;align-items:center;gap:var(--space-1);padding:0 var(--space-2);border-radius:var(--radius-sm);background:var(--drawing-sand);color:var(--text-primary);font-size:var(--t-small);line-height:var(--lh-small);font-weight:700}
.kp-deo::before{content:"→";font-weight:400}
.kp-tabela{width:100%;border-collapse:collapse;font-size:var(--t-small);line-height:var(--lh-small)}
.kp-tabela th,.kp-tabela td{padding:var(--space-1) var(--space-2);text-align:right;font-variant-numeric:tabular-nums}
.kp-tabela th:first-child,.kp-tabela td:first-child{text-align:left}

/* ---- spisak kampanja ---- */
.kp-lista{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-3)}
.kp-red{display:grid;grid-template-columns:calc(var(--space-8) + var(--space-2)) minmax(0,1fr) auto;gap:var(--space-1) var(--space-3);align-items:start;padding:var(--space-3);border-radius:var(--radius-lg);background:var(--surface-card);color:var(--text-primary);text-decoration:none}
.kp-red .kc-sl{width:100%}
.kp-red .kc-telo{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}
.kp-red .kc-gde{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;font-size:var(--t-small);line-height:var(--lh-small);color:var(--text-secondary)}
.kp-red .kc-strelica{align-self:center;font-size:var(--t-lead)}
.kp-red-ime{margin:0;color:var(--text-primary);font-size:var(--t-body);line-height:var(--lh-body);font-weight:700}
.kp-red dl{display:grid;grid-template-columns:auto minmax(0,1fr);gap:0 var(--space-2);margin:var(--space-1) 0 0;font-size:var(--t-small);line-height:var(--lh-small)}
.kp-red dt{color:var(--text-secondary)}
.kp-red dd{margin:0;font-weight:700}
.kp-red dd.kp-nema-b{font-weight:400;color:var(--text-secondary)}
.kp-definicija{margin:var(--space-4) 0 0;padding:0 var(--space-1);font-size:var(--t-small);line-height:var(--lh-small);color:var(--text-secondary);max-width:52ch}
.kp-prazno{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2);padding:var(--space-4);border-radius:var(--radius-lg);background:var(--surface-card)}
.kp-prazno strong{font-size:var(--t-lead);line-height:var(--lh-lead)}
.kp-prazno p{margin:0;font-size:var(--t-small);line-height:var(--lh-small);color:var(--text-secondary)}
.kp-prazno .b-ok{display:inline-flex;align-items:center;min-height:var(--d-dugme);padding:0 var(--space-5);margin:var(--space-2) 0 0}

/* ---- forme (Upiši ulaganje, Nova kampanja, Izmeni) ---- */
.kp-forma{display:flex;flex-direction:column;gap:var(--space-3)}
.kp-polje{display:flex;flex-direction:column;gap:var(--space-1);margin:0;font-size:var(--t-small);line-height:var(--lh-small);font-weight:700}
.kp-polje small{font-weight:400;color:var(--text-secondary);font-size:var(--t-small)}
.kp-polje input,.kp-polje select,.kp-polje textarea{min-height:var(--d-polje);padding:0 var(--space-3);border:0;border-radius:var(--radius-md);box-shadow:inset 0 0 0 var(--stroke-hair) var(--control-border);background:var(--surface-card);color:var(--text-primary);font:inherit;font-weight:400;font-size:var(--t-body)}
.kp-polje textarea{min-height:calc(var(--d-polje) * 1.6);padding:var(--space-2) var(--space-3);resize:vertical}
.kp-dva{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:var(--space-2)}
.kp-izbor{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:0;padding:0;border:0;min-width:0}
.kp-izbor legend{padding:0;margin:0 0 var(--space-1);font-size:var(--t-small);line-height:var(--lh-small);font-weight:700}
.kp-izbor label{position:relative;display:inline-flex;align-items:center;min-height:var(--tap);padding:0 var(--space-3);border-radius:var(--radius-pill);box-shadow:inset 0 0 0 var(--stroke-hair) var(--control-border);background:var(--surface-card);font-size:var(--t-small);cursor:pointer}
.kp-izbor input{position:absolute;opacity:0;width:1px;height:1px}
.kp-izbor label:has(input:checked){background:var(--text-primary);color:var(--surface-page);box-shadow:none}
.kp-izbor label:has(input:focus-visible){outline:var(--stroke-focus) solid var(--focus-ring);outline-offset:2px}
.kp-forma .b-ok{min-height:var(--d-dugme)}
.kp-greska{margin:0 0 var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--surface-card);box-shadow:inset 0 0 0 var(--stroke-rule) var(--color-error);font-size:var(--t-small);line-height:var(--lh-small)}
.kp-dani-izbor{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--space-2);list-style:none;margin:0;padding:0}
.kp-dani-izbor li{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}
.kp-dan-n{font-size:var(--t-small);line-height:var(--lh-small);font-weight:700;color:var(--text-secondary)}
.kp-dani-izbor .kc-sl{width:100%}
.kp-dan-sl{display:block;min-height:var(--tap)}
.kp-gotovo{display:flex;align-items:center;justify-content:center;min-height:var(--d-dugme);margin:var(--space-3) 0 0}
.kp-plus{display:flex;align-items:center;justify-content:center;aspect-ratio:4/5;min-height:var(--tap);border-radius:var(--radius-md);box-shadow:inset 0 0 0 var(--stroke-hair) var(--control-border);color:var(--text-secondary);font-size:var(--t-lead);font-weight:700;text-decoration:none}
.kp-plus[aria-current=true]{background:var(--text-primary);color:var(--surface-page);box-shadow:none}
.kp-kandidati{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}
.kp-kandidati li{display:grid;grid-template-columns:var(--space-7) minmax(0,1fr) auto;gap:var(--space-3);align-items:center;padding:var(--space-2);border-radius:var(--radius-md);background:var(--surface-card)}
.kp-kandidati .kc-sl{width:100%}
.kp-kandidati .b-back{min-height:var(--tap);padding:0 var(--space-3);font-size:var(--t-small);border-width:var(--stroke-hair)}
.kp-ulaganja{list-style:none;margin:0;padding:0}
.kp-ulaganja li{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) 0;font-size:var(--t-small);line-height:var(--lh-small)}
.kp-ulaganja li+li{border-top:var(--stroke-hair) solid var(--line)}
.kp-ulaganja .kp-u-tekst{flex:1;min-width:0}
.kp-ulaganja .b-back{min-height:var(--tap);padding:0 var(--space-3);font-size:var(--t-small);border-width:var(--stroke-hair)}

/* ---- kalendar: oznaka kampanje i filter ---- */
.kp-kz{position:absolute;left:calc(var(--space-1) * -1);bottom:calc(var(--space-1) * -1);z-index:2;display:flex;align-items:center;justify-content:center;width:calc(var(--space-4) + var(--space-1));height:calc(var(--space-4) + var(--space-1));border-radius:var(--radius-pill);background:var(--text-primary);color:var(--surface-page);box-shadow:0 0 0 var(--stroke-rule) var(--surface-card)}
.kp-kz svg,.kp-zastava svg{width:var(--space-3);height:var(--space-3);fill:currentColor}
.kc-dan.kp-u-kamp{box-shadow:inset 0 calc(var(--space-1) * -1) 0 var(--text-primary)}
.kc-dan.kp-u-kamp.danas{box-shadow:inset 0 0 0 var(--stroke-focus) var(--text-primary),inset 0 calc(var(--space-1) * -2) 0 var(--text-primary)}
.kc-dan.kp-van{opacity:.3}
.kc-dan.kp-van .kc-obj,.kc-dan.kp-van .kc-plus{visibility:hidden}
.kp-zastava{display:inline-flex;align-items:center;justify-content:center;flex:none;width:calc(var(--space-4) + var(--space-1));height:calc(var(--space-4) + var(--space-1));border-radius:var(--radius-pill);background:var(--text-primary);color:var(--surface-page);vertical-align:middle}
.kp-filter{display:flex;align-items:center;gap:var(--space-2);margin:0}
div.kp-filter{margin:0 0 var(--space-2)}
.kp-filter .kc-cip{gap:var(--space-2)}
.kp-filter .kc-cip[aria-pressed=true] .kp-zastava{background:var(--surface-page);color:var(--text-primary)}
.kp-legenda-k{display:inline-flex;align-items:center;gap:var(--space-1)}

/* ---- kartica na Danas (cela kartica je veza, bez dugmeta) ---- */
.kp-danas{display:grid;grid-template-columns:calc(var(--space-8) + var(--space-2)) minmax(0,1fr) auto;gap:var(--space-1) var(--space-3);align-items:center;margin:0 0 var(--space-3);padding:var(--space-3);border-radius:var(--radius-lg);background:var(--surface-card);color:var(--text-primary);text-decoration:none}
.kp-danas .kc-sl{width:100%;align-self:start}
.kp-danas .kc-telo{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}
.kp-danas .kc-gde{display:flex;align-items:center;gap:var(--space-2);font-size:var(--t-small);line-height:var(--lh-small);color:var(--text-secondary)}
.kp-danas .kc-ime{margin:0;color:var(--text-primary);font-size:var(--t-body);line-height:var(--lh-body);font-weight:700}
.kp-danas .kp-napredak{margin:var(--space-1) 0}
.kp-danas .kp-dr{margin:0;font-size:var(--t-small);line-height:var(--lh-small);color:var(--text-secondary)}
.kp-danas .kp-dr b{color:var(--text-primary)}
.kp-danas .kc-strelica{font-size:var(--t-lead)}

/* ---- telefon / računar ---- */
@media (min-width:768px){
  .kp-plocice{grid-template-columns:repeat(4,minmax(0,1fr))}
  .kp-plocice.tri{grid-template-columns:repeat(3,minmax(0,1fr))}
  .kp-dani-izbor{grid-template-columns:repeat(8,minmax(0,1fr))}
}
@media (min-width:1024px){
  .kp-dve{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:var(--space-6);align-items:start}
  .kp-dve>*{min-width:0}
  .kp-traka{margin:0 0 var(--space-4);padding:var(--space-1) 0 var(--space-2)}
  .kp-novac .b-ok{width:auto;padding:0 var(--space-6)}
}