/* stanje.nasevode.rs: komponente (UGOVOR B.1–B.14). VLASNIK: T12. Tokeni su u style.css.
   Pravilo boje: mastilo + sive + bela; akcenat (narandžasta) samo kao traka/podloga, nikad kao tekst na svetlom.
   Pouzdanost se čita iz punoće nalepnice (puno → obris → isprekidano), ne iz boje. */

/* ── Ikonice (B.13) ───────────────────────────────────────────────────────────────────────────────────────────── */
.ikonica { display: inline-block; flex: none; width: 1.25em; height: 1.25em; vertical-align: -0.25em; color: inherit; }
.ikonica--mala { width: 1em; height: 1em; vertical-align: -0.15em; }
span.ikonica { width: 1.25em; height: 1.25em; }

/* ── B.1 Pločica sa jednom brojkom ───────────────────────────────────────────────────────────────────────────── */
/* Velika cifra (52 px na telefonu, 76 px na računaru) čita se sa 2 m; ispod nje narandžasta crta kao u karuselu. */
.plocica {
  display: flex; flex-direction: column; align-items: flex-start; gap: var(--r-2);
  background: var(--list); border: 1px solid var(--tanko); border-top: 3px solid var(--mastilo);
  padding: var(--r-4) var(--r-4) var(--r-3); margin-top: var(--r-5); max-width: 24rem; box-shadow: var(--senka-1);
}
.plocica__broj {
  font-size: var(--t-brojka); font-weight: 600; line-height: 1; letter-spacing: -0.03em;
  font-variant-numeric: tabular-nums lining-nums; padding-bottom: var(--r-2);
  background: linear-gradient(var(--akcenat-svetlo) 0 0) left bottom / 2.5rem 4px no-repeat;
}
.plocica__jedinica { font-size: 0.34em; font-weight: 600; letter-spacing: 0; margin-left: 0.1em; }
.plocica__opis { font-size: 1.0625rem; line-height: 1.4; max-width: 22em; }
.plocica__godina { display: block; font-size: var(--t-malo); color: var(--sivo); margin-top: var(--r-1); }
.plocica .cip-izvor { margin-top: var(--r-1); }
/* Više pločica u redu: <div class="plocice"> (T12, nije u ugovoru; slobodno za upotrebu). */
.plocice { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 15rem), 1fr)); gap: var(--r-4); margin-top: var(--r-5); }
.plocice > .plocica { margin-top: 0; max-width: none; }

/* ── B.2 Ukratko ─────────────────────────────────────────────────────────────────────────────────────────────── */
.ukratko {
  margin-top: var(--r-5); max-width: var(--mera); background: var(--list); border: 1px solid var(--tanko);
  border-left: 4px solid var(--akcenat-svetlo); padding: var(--r-4) var(--r-4) var(--r-4) var(--r-5);
}
.ukratko__naslov { font-size: var(--t-sitno); font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: var(--sivo); }
.ukratko__lista { list-style: none; margin: var(--r-2) 0 0; padding: 0; }
.ukratko__lista li { position: relative; padding-left: 1.1em; margin-top: var(--r-2); line-height: 1.5; }
.ukratko__lista li::before { content: ""; position: absolute; left: 0; top: 0.62em; width: 0.42em; height: 0.42em; background: var(--mastilo); }
.ukratko strong { font-weight: 600; }

/* ── B.5 Čip izvora ──────────────────────────────────────────────────────────────────────────────────────────── */
/* Zatvoren: mala obrisna pločica „izvor“. Otvoren: okvir sa nazivom, datumom i linkovima, u toku teksta (bez
   lebdećeg prozora, da ništa ne izlazi preko ivice ekrana na 360 px). */
.cip-izvor { display: inline-block; vertical-align: baseline; max-width: 100%; font-size: var(--t-malo); line-height: 1.4; }
.cip-izvor__dugme {
  display: inline-flex; align-items: center; gap: 0.35em; min-height: 2rem; padding: 0.15rem 0.6rem;
  border: 1px solid var(--tanko); border-radius: 999px; background: var(--list); color: var(--sivo);
  font-size: var(--t-sitno); font-weight: 500; list-style: none; white-space: nowrap; user-select: none;
}
.cip-izvor__dugme::-webkit-details-marker { display: none; }
.cip-izvor__dugme::after { content: ""; width: 0.38em; height: 0.38em; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: translateY(-20%) rotate(45deg); margin-left: 0.1em; }
.cip-izvor__dugme:hover { border-color: var(--mastilo); color: var(--mastilo); }
.cip-izvor[open] { display: block; }
.cip-izvor[open] > .cip-izvor__dugme { border-color: var(--mastilo); background: var(--mastilo); color: var(--list); }
.cip-izvor[open] > .cip-izvor__dugme::after { transform: translateY(20%) rotate(-135deg); }
.cip-izvor__telo {
  display: flex; flex-direction: column; gap: var(--r-1); margin-top: var(--r-2); max-width: 32rem;
  background: var(--list); border: 1px solid var(--mastilo); padding: var(--r-3) var(--r-4); box-shadow: var(--senka-2); color: var(--mastilo);
}
.cip-izvor__naziv { font-weight: 600; }
.cip-izvor__datum { color: var(--sivo); }
.cip-izvor__linkovi { display: flex; flex-wrap: wrap; gap: var(--r-1) var(--r-4); }
.cip-izvor__link, .cip-izvor__kopija, .cip-izvor__arhiva { display: inline-flex; align-items: center; gap: 0.3em; min-height: 2.25rem; font-weight: 500; }
.cip-izvor__napomena { color: var(--sivo); }
/* T16: jedan unos po izvoru (više unosa = više brojki iz različitih dokumenata); strana, citat, prevod, pristup. */
.cip-izvor__unos { display: flex; flex-direction: column; gap: 0.2rem; }
.cip-izvor__unos + .cip-izvor__unos { border-top: 1px solid var(--tanko); padding-top: var(--r-2); margin-top: var(--r-1); }
.cip-izvor__naziv.cip-izvor__link { display: inline; min-height: 0; }
.cip-izvor__sta { font-size: var(--t-sitno); font-weight: 600; text-transform: uppercase; letter-spacing: 0.04em; color: var(--sivo); }
.cip-izvor__mesto { font-weight: 600; font-variant-numeric: tabular-nums; }
.cip-izvor__citat { padding-left: var(--r-2); border-left: 2px solid var(--mastilo); font-style: italic; }
.cip-izvor__prevod { padding-left: var(--r-2); color: var(--sivo); }
.cip-izvor__sitno { font-size: var(--t-sitno); color: var(--sivo); font-style: normal; }
.cip-izvor__linkovi .cip-izvor__kopija, .cip-izvor__linkovi .cip-izvor__arhiva { min-height: 2rem; }
/* Dug oblik (tekst ≠ „izvor“, npr. naziv izvora u listi na strani slučaja): izgleda kao red, ne kao pločica. */
.cip-izvor--dug .cip-izvor__dugme { white-space: normal; border-radius: var(--zaobljenje); color: var(--mastilo); font-size: var(--t-malo); text-align: left; }

/* ── B.6 Nalepnice pouzdanosti ───────────────────────────────────────────────────────────────────────────────── */
/* zvanično = puno (mastilo) · mediji = obris · po navodima = tanak isprekidan obris · dojava = isprekidan + bela
   podloga (kao šuplji krug na mapi). Svaka ima ikonicu i reč; boja nije potrebna. */
.nalepnica {
  display: inline-flex; align-items: center; gap: 0.3em; white-space: nowrap; vertical-align: baseline;
  font-size: var(--t-sitno); font-weight: 600; line-height: 1.2; letter-spacing: 0.01em;
  padding: 0.18em 0.5em 0.2em 0.4em; border: 1.5px solid var(--mastilo); border-radius: var(--zaobljenje); color: var(--mastilo); background: transparent;
}
.nalepnica .ikonica { width: 1.15em; height: 1.15em; vertical-align: 0; }
.nalepnica--zvanicno { background: var(--mastilo); color: var(--list); }
.nalepnica--mediji { background: var(--magla); }
.nalepnica--navodi { border-style: dashed; border-color: var(--sivo); color: var(--sivo); font-weight: 500; }
.nalepnica--dojava { border-style: dashed; background: var(--list); }

/* ── B.3 Kartica slučaja ─────────────────────────────────────────────────────────────────────────────────────── */
.kartica-slucaja {
  display: flex; flex-direction: column; gap: var(--r-2); background: var(--list); border: 1px solid var(--tanko);
  padding: var(--r-4); box-shadow: var(--senka-1); min-width: 0;
}
.kartica-slucaja--dojava { border-style: dashed; border-color: var(--okvir); }
.kartica-slucaja__meta { display: flex; flex-wrap: wrap; align-items: center; gap: var(--r-1) var(--r-3); font-size: var(--t-malo); color: var(--sivo); }
.kartica-slucaja__kategorija { display: inline-flex; align-items: center; gap: 0.4em; color: var(--mastilo); font-weight: 500; min-width: 0; }
.kartica-slucaja__meta time { font-variant-numeric: tabular-nums; }
.kartica-slucaja__meta .nalepnica { margin-left: auto; }
.kartica-slucaja__naslov { font-size: 1.1875rem; line-height: 1.3; margin-top: var(--r-1); }
.kartica-slucaja__naslov a { text-decoration: none; }
.kartica-slucaja__naslov a:hover { text-decoration: underline; color: var(--mastilo); text-decoration-color: var(--akcenat-svetlo); text-decoration-thickness: 2px; }
.kartica-slucaja__mesto { font-size: var(--t-malo); color: var(--sivo); }
.kartica-slucaja__tekst { font-size: 1rem; line-height: 1.5; }
.kartica-slucaja__posle { font-size: var(--t-malo); border-top: 1px solid var(--tanko-2); padding-top: var(--r-2); }
.kartica-slucaja__posle span { color: var(--sivo); }
.kartica-slucaja__izvor { font-size: var(--t-malo); color: var(--sivo); }
.kartica-slucaja > .cip-izvor { margin-top: auto; align-self: flex-start; }
.kartica-slucaja > .cip-izvor[open] { align-self: stretch; }
/* Mreža kartica (build pravi div.kartice-slucajeva / div.kartice-podrucja) */
.kartice-slucajeva, .kartice-podrucja { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 19rem), 1fr)); gap: var(--r-4); margin-top: var(--r-5); }

/* ── B.4 Citat institucije ───────────────────────────────────────────────────────────────────────────────────── */
.citat { margin-top: var(--r-6); max-width: var(--mera); padding: var(--r-2) 0 var(--r-2) var(--r-5); border-left: 4px solid var(--mastilo); }
.citat__tekst { margin: 0; padding: 0; border: 0; color: var(--mastilo); }
.citat__tekst p { font-family: var(--serif); font-size: 1.25rem; line-height: 1.45; margin: 0; text-wrap: pretty; }
@media (min-width: 48em) { .citat__tekst p { font-size: 1.4375rem; } }
.citat__potpis { margin-top: var(--r-3); font-size: var(--t-malo); color: var(--sivo); line-height: 1.45; }
.citat__ko { font-weight: 600; color: var(--mastilo); }
.citat__dokument { display: block; }
.citat__potpis .cip-izvor { margin-top: var(--r-2); }

/* ── B.7 Kartica područja ────────────────────────────────────────────────────────────────────────────────────── */
/* Na konkursu = puna tamna gornja ivica i oznaka; ostala = siva. Isti par (tamno / sivo) kao područja na mapi. */
.kartica-podrucja {
  display: flex; flex-direction: column; gap: var(--r-2); background: var(--list); border: 1px solid var(--tanko);
  border-top: 4px solid var(--tanko); padding: var(--r-4); box-shadow: var(--senka-1); min-width: 0;
}
.kartica-podrucja--konkurs { border-top-color: var(--mastilo); }
.kartica-podrucja__status { font-size: var(--t-sitno); font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: var(--sivo); }
.kartica-podrucja--konkurs .kartica-podrucja__status { color: var(--mastilo); }
.kartica-podrucja__naziv { font-size: 1.3125rem; }
.kartica-podrucja__naziv a { text-decoration: none; }
.kartica-podrucja__naziv a::after { content: " →"; color: var(--sivo); font-weight: 400; }
.kartica-podrucja__naziv a:hover { color: var(--mastilo); text-decoration: underline; text-decoration-color: var(--akcenat-svetlo); text-decoration-thickness: 2px; }
.kartica-podrucja__korisnik { font-size: var(--t-malo); color: var(--sivo); line-height: 1.45; }
.kartica-podrucja__ribocuvari { display: block; }
.kartica-podrucja__brojke { display: flex; flex-wrap: wrap; gap: var(--r-2) var(--r-5); margin-top: auto; padding-top: var(--r-3); border-top: 1px solid var(--tanko-2); font-size: var(--t-malo); color: var(--sivo); }
.kartica-podrucja__brojka strong { display: block; font-size: 1.75rem; line-height: 1.1; color: var(--mastilo); font-variant-numeric: tabular-nums; }

/* ── B.8 Vremenska osa (tekstualna) ──────────────────────────────────────────────────────────────────────────── */
/* Jedna linija levo; oznaka pokazuje traku oblikom: ■ zakoni · ● konkursi · ◆ inicijative. */
.vremenska-osa { list-style: none; margin: var(--r-5) 0 0; padding: 0; max-width: 46rem; }
.vremenska-osa__red {
  position: relative; display: grid; grid-template-columns: minmax(0, 1fr); column-gap: var(--r-4);
  padding: 0 0 var(--r-5) 1.75rem; margin: 0;
}
.vremenska-osa__red::before { content: ""; position: absolute; left: 0.45rem; top: 0.3rem; bottom: -0.3rem; width: 2px; background: var(--tanko); }
.vremenska-osa__red:last-child::before { display: none; }
.vremenska-osa__red::after {
  content: ""; position: absolute; left: 0.07rem; top: 0.3rem; width: 0.8rem; height: 0.8rem; background: var(--mastilo);
  box-shadow: 0 0 0 3px var(--papir);
}
.vremenska-osa__red--konkursi::after { border-radius: 50%; }
.vremenska-osa__red--inicijative::after { transform: rotate(45deg) scale(0.85); background: var(--papir); border: 2px solid var(--mastilo); }
.vremenska-osa__red--raskid::after { background: var(--papir); border: 2px solid var(--mastilo); }
.vremenska-osa__godina { font-weight: 600; font-variant-numeric: tabular-nums; line-height: 1.3; }
.vremenska-osa__vrsta { font-size: var(--t-sitno); font-weight: 500; text-transform: uppercase; letter-spacing: 0.06em; color: var(--sivo); }
.vremenska-osa__dogadjaj { line-height: 1.45; }
.vremenska-osa__red--istaknuto .vremenska-osa__dogadjaj { font-weight: 500; }
.vremenska-osa__znacaj { font-size: var(--t-malo); color: var(--sivo); }
.vremenska-osa__red .cip-izvor { justify-self: start; margin-top: var(--r-1); }
.vremenska-osa__red:target .vremenska-osa__dogadjaj { background: var(--akcenat-bledo); box-shadow: 0 0 0 4px var(--akcenat-bledo); }
@media (min-width: 40em) {
  .vremenska-osa__red { grid-template-columns: 9.5rem minmax(0, 1fr); }
  .vremenska-osa__godina { grid-row: 1 / span 4; }
  .vremenska-osa__vrsta, .vremenska-osa__dogadjaj, .vremenska-osa__znacaj, .vremenska-osa__red .cip-izvor { grid-column: 2; }
}

/* ── B.9 Matrica ─────────────────────────────────────────────────────────────────────────────────────────────── */
.matrica-okvir { margin-top: var(--r-5); max-width: 100%; border: 1px solid var(--tanko); background: var(--list); }
.matrica__naslov { padding: var(--r-3) var(--r-4) 0; font-weight: 600; line-height: 1.35; }
.matrica__legenda { display: flex; flex-wrap: wrap; gap: var(--r-1) var(--r-4); padding: var(--r-1) var(--r-4) var(--r-3); font-size: var(--t-malo); color: var(--sivo); }
.matrica__legenda-stavka { display: inline-flex; align-items: center; gap: 0.35em; }
/* position: relative drži .vidljivo-citacu (apsolutne) unutar okvira sa skrolom; bez toga strana dobija horizontalni skrol */
.matrica__skrol { position: relative; overflow-x: auto; border-top: 1px solid var(--tanko); }
.matrica__skrol:focus-visible { outline-offset: -3px; }
.matrica { font-size: var(--t-malo); width: 100%; }
.matrica th, .matrica td { padding: var(--r-2) var(--r-3); border-bottom: 1px solid var(--tanko-2); }
.matrica thead th { vertical-align: bottom; font-size: var(--t-sitno); line-height: 1.25; color: var(--mastilo); text-align: center; min-width: 4.75rem; }
.matrica thead th:first-child { text-align: left; }
.matrica tbody th { font-weight: 500; line-height: 1.35; min-width: 8.5rem; width: 34%; }
@media (min-width: 48em) { .matrica tbody th { min-width: 13rem; } }
.matrica th:first-child { position: sticky; left: 0; z-index: 1; background: var(--list); box-shadow: 1px 0 0 var(--tanko); }
.matrica__celija { text-align: center; vertical-align: middle; }
.matrica__simbol { width: 1rem; height: 1rem; vertical-align: -0.15em; color: var(--mastilo); }
.matrica__srbija, .matrica__celija--srbija { background: var(--magla); }
.matrica__celija--prazno { color: var(--sivo); }

/* ── B.10 Tabela koja se sklapa u kartice ────────────────────────────────────────────────────────────────────── */
.tabela-kartice { position: relative; margin-top: var(--r-5); }
.tabela-kartice table { background: var(--list); font-size: var(--t-malo); }
.tabela-kartice caption { font-size: 1rem; }
.tabela-kartice tbody tr:hover { background: var(--papir); }
.tabela-kartice__broj { text-align: right; font-variant-numeric: tabular-nums; }
@media (min-width: 40em) {
  .tabela-kartice { overflow-x: auto; border: 1px solid var(--tanko); }
  .tabela-kartice caption { padding: var(--r-3) var(--r-3) var(--r-2); }
  .tabela-kartice thead th { background: var(--magla); border-bottom-color: var(--tanko); color: var(--mastilo); }
}
@media (max-width: 39.99em) {
  .tabela-kartice table, .tabela-kartice tbody, .tabela-kartice tr, .tabela-kartice td { display: block; width: 100%; }
  .tabela-kartice table { background: transparent; }
  .tabela-kartice caption { display: block; padding-bottom: 0; }
  /* zaglavlje ostaje za čitače ekrana, van ekrana levo-gore (ne pravi horizontalni skrol) */
  .tabela-kartice thead tr { position: absolute; top: -9999px; left: -9999px; }
  .tabela-kartice tr { background: var(--list); border: 1px solid var(--tanko); margin-top: var(--r-3); padding: var(--r-2) var(--r-3); box-shadow: var(--senka-1); }
  .tabela-kartice td { display: grid; grid-template-columns: minmax(6.5rem, 38%) minmax(0, 1fr); gap: var(--r-3); padding: var(--r-1) 0; border: 0; text-align: left; }
  .tabela-kartice td::before { content: attr(data-label); color: var(--sivo); font-size: var(--t-sitno); line-height: 1.6; }
  .tabela-kartice td:empty { display: none; }
  /* prva kolona = naslov kartice */
  .tabela-kartice td:first-child { display: block; font-weight: 600; font-size: 1rem; padding-bottom: var(--r-2); margin-bottom: var(--r-1); border-bottom: 1px solid var(--tanko-2); }
  .tabela-kartice td:first-child::before { display: block; font-weight: 400; line-height: 1.3; }
}

/* ── B.11 Okvir „nacrt / šta sajt nije / imena naknadno“ ─────────────────────────────────────────────────────── */
/* Nacrt = isprekidan obris (nedovršeno); šta-nije = puna leva crta; imena = tiha napomena. */
.okvir-nacrt { margin-top: var(--r-5); padding: var(--r-3) var(--r-4); font-size: var(--t-malo); line-height: 1.5; background: var(--list); }
.okvir-nacrt p { margin: 0; max-width: var(--mera); }
.okvir-nacrt p + p { margin-top: var(--r-1); }
.okvir-nacrt__naslov { font-weight: 600; font-size: 1rem; color: var(--mastilo); }
.okvir-nacrt--nacrt { border: 1.5px dashed var(--mastilo); }
.okvir-nacrt--nacrt .okvir-nacrt__naslov::before { content: "Nacrt"; display: inline-block; margin-right: var(--r-2); padding: 0 0.4em; border: 1.5px dashed currentColor; font-size: var(--t-sitno); text-transform: uppercase; letter-spacing: 0.08em; vertical-align: 0.1em; }
.okvir-nacrt--sta-nije { border-left: 4px solid var(--mastilo); }
.okvir-nacrt--imena { background: transparent; border-top: 1px solid var(--tanko); border-bottom: 1px solid var(--tanko); padding-left: 0; padding-right: 0; color: var(--sivo); }

/* ── B.12 Dugme „preuzmi“ ────────────────────────────────────────────────────────────────────────────────────── */
.dugme-preuzmi {
  display: inline-flex; align-items: center; gap: 0.45em; min-height: 2.75rem; padding: var(--r-2) var(--r-4) var(--r-2) var(--r-3);
  border: 1.5px solid var(--mastilo); border-radius: var(--zaobljenje); background: var(--list); color: var(--mastilo);
  font-weight: 600; font-size: var(--t-malo); text-decoration: none; line-height: 1.2;
}
.dugme-preuzmi__format { font-size: var(--t-sitno); font-weight: 600; letter-spacing: 0.06em; padding: 0.1em 0.4em; background: var(--magla); border-radius: var(--zaobljenje); }
.dugme-preuzmi:hover { background: var(--mastilo); color: var(--list); }
.dugme-preuzmi:hover .dugme-preuzmi__format { background: var(--akcenat-svetlo); color: var(--mastilo); }

/* ── B.14 Okvir infografike ──────────────────────────────────────────────────────────────────────────────────── */
.grafikon { margin: var(--r-6) 0 0; padding: var(--r-4); background: var(--list); border: 1px solid var(--tanko); max-width: 48rem; }
@media (min-width: 48em) { .grafikon { padding: var(--r-5); } }
.grafikon__naslov { font-size: var(--t-h3); font-weight: 600; line-height: 1.25; text-wrap: balance; }
.grafikon__objasnjenje { margin-top: var(--r-2); color: var(--sivo); font-size: 1rem; max-width: var(--mera); }
.grafikon__slika { margin-top: var(--r-4); }
.grafikon__slika svg { display: block; width: 100%; height: auto; }
.grafikon__slika--prazno { display: grid; place-items: center; min-height: 10rem; border: 1.5px dashed var(--okvir); color: var(--sivo); font-size: var(--t-malo); }
.grafikon__tabela { margin-top: var(--r-4); font-size: var(--t-malo); }
.grafikon__tabela > summary { display: inline-flex; align-items: center; min-height: 2.75rem; font-weight: 500; text-decoration: underline; text-underline-offset: 0.18em; text-decoration-color: var(--okvir); }
.grafikon__dno { display: flex; flex-wrap: wrap; align-items: center; gap: var(--r-2) var(--r-3); margin-top: var(--r-4); padding-top: var(--r-3); border-top: 1px solid var(--tanko-2); }

/* ── Strana slučaja (T7 pravi HTML; osnovni stil ovde) ──────────────────────────────────────────────────────── */
.slucaj { max-width: 46rem; }
.slucaj__meta { display: flex; flex-wrap: wrap; align-items: center; gap: var(--r-2); color: var(--sivo); font-size: var(--t-malo); margin-bottom: var(--r-3); }
.slucaj h1 { font-size: clamp(1.625rem, 1.2rem + 2vw, 2.25rem); }
.slucaj h2 { font-size: 1rem; text-transform: uppercase; letter-spacing: 0.06em; color: var(--sivo); margin-top: var(--r-6); }
.slucaj__podaci { display: grid; grid-template-columns: minmax(0, 1fr); margin-top: var(--r-5); border-top: 1px solid var(--tanko); }
.slucaj__podaci dt { font-size: var(--t-sitno); color: var(--sivo); padding-top: var(--r-3); }
.slucaj__podaci dd { margin: 0; padding-bottom: var(--r-3); border-bottom: 1px solid var(--tanko-2); }
@media (min-width: 40em) {
  .slucaj__podaci { grid-template-columns: 11rem minmax(0, 1fr); }
  .slucaj__podaci dt { padding: var(--r-3) var(--r-4) var(--r-3) 0; border-bottom: 1px solid var(--tanko-2); font-size: var(--t-malo); }
  .slucaj__podaci dd { padding-top: var(--r-3); }
}
.slucaj__sazetak { margin-top: var(--r-5); font-size: 1.1875rem; max-width: var(--mera); }
.slucaj__oznaka { margin-top: var(--r-4); font-size: var(--t-malo); color: var(--sivo); border-left: 3px solid var(--tanko); padding-left: var(--r-3); max-width: var(--mera); }
.slucaj__izvori { list-style: none; margin: var(--r-3) 0 0; padding: 0; }
.slucaj__izvori li { margin-top: var(--r-2); }
.slucaj__potvrda { display: block; margin-top: 0.15rem; padding-left: var(--r-2); border-left: 2px solid var(--tanko); font-size: var(--t-malo); color: var(--sivo); }
.slucaj__podnesak { margin-top: var(--r-4); font-weight: 500; }
.podrucje__status { font-weight: 600; margin-top: var(--r-2); }
.podrucje__ograda { margin-top: var(--r-4); font-size: var(--t-malo); color: var(--sivo); max-width: var(--mera); border-left: 3px solid var(--tanko); padding-left: var(--r-3); }

/* ── Mapa: samo rezervisan prostor dok mapa.css (T5) ne stigne ───────────────────────────────────────────────── */
.mapa { margin-top: var(--r-5); }
.mapa__platno { min-height: 60vh; background: var(--magla); border: 1px solid var(--tanko); }
.mapa__potpis { margin-top: var(--r-2); font-size: var(--t-sitno); color: var(--sivo); }
.mapa-lista { margin-top: var(--r-5); }

/* ── Klase za SVG infografike (za T13) ───────────────────────────────────────────────────────────────────────────
   CSP (style-src 'self') zabranjuje style="…" i u SVG-u, a atributi fill/stroke ne primaju var(); zato klase.
   Pravilo: mastilo za podatke, sive za ose i pomoćno, akcenat SAMO za „ono što fali / čega nema u izveštaju“. */
.grafikon__slika svg text { font-family: var(--sans); font-size: 13px; fill: var(--sivo); }
.g-osa { stroke: var(--okvir); stroke-width: 1; fill: none; }
.g-mreza { stroke: var(--tanko-2); stroke-width: 1; fill: none; }
.g-podatak { fill: var(--mastilo); }
.g-podatak-svetlo { fill: var(--okvir); }
.g-linija { stroke: var(--mastilo); stroke-width: 2.5; fill: none; stroke-linejoin: round; stroke-linecap: round; }
.g-linija-isprekidana { stroke: var(--sivo); stroke-width: 2; fill: none; stroke-dasharray: 5 4; }
.g-akcenat { fill: var(--akcenat-svetlo); }
.g-akcenat-linija { stroke: var(--akcenat-svetlo); stroke-width: 3; fill: none; }
.grafikon__slika svg .g-oznaka { fill: var(--mastilo); font-weight: 600; }
.grafikon__slika svg .g-malo { font-size: 12px; }
.grafikon__slika svg.g-usko { max-width: 30rem; }