/* Strane T7: /slucajevi/ (filteri), /slucaj/<id>/ (isečak mape), /podrucje/ (blokovi, žarišta), /podaci/.
   VLASNIK: T7. Samo tokeni iz style.css (bez novih boja); osnovni stil strane slučaja i područja je u komponente.css (T12). */

/* ── Opšte za T7 strane ─────────────────────────────────────────────────────────────────────────────────────── */
.slucaj__nazad { font-size: var(--t-malo); color: var(--sivo); margin-bottom: var(--r-4); }
.slucaj__objasnjenje { color: var(--sivo); font-size: var(--t-malo); }
.slucaj__id { margin-left: auto; font-size: var(--t-sitno); font-variant-numeric: tabular-nums; color: var(--sivo-svetlo); }
.slucaj__vrsta { display: inline-flex; align-items: center; gap: var(--r-1); }
.slucaj__podaci dd .nalepnica { margin-right: var(--r-2); }
.slucaj__bez-linka { color: var(--sivo); font-size: var(--t-malo); }
.slucaj__ispravka, .slucaj__jos { margin-top: var(--r-5); font-size: var(--t-malo); color: var(--sivo); max-width: var(--mera); }
.slucaj__jos { margin-top: var(--r-2); }

.podrucje__zaglavlje { margin-bottom: var(--r-4); }
.podrucje__status--konkurs { display: inline-block; padding: var(--r-1) var(--r-3); background: var(--akcenat-bledo); border-left: 3px solid var(--akcenat); }
.podrucje__blok { margin-top: var(--r-7); }
.podrucje__blok > h2 { font-size: var(--t-h3); }
.podrucje__blok > p { max-width: var(--mera); margin-top: var(--r-3); }
.podrucje__blok > .slucaj__podaci { max-width: 52rem; }
.podrucje__izvor { margin-top: var(--r-3); }
.podrucje__van { margin-top: var(--r-5); max-width: 46rem; }
.podrucje__van .cip-izvor { margin-top: var(--r-2); }
.mapa--prazno { min-height: 12rem; display: flex; align-items: center; justify-content: center; background: var(--magla); border: 1px dashed var(--okvir); }

/* Žarišta: ista voda, ≥ 3 slučaja */
.zarista { list-style: none; margin: var(--r-4) 0 0; padding: 0; max-width: 46rem; border-top: 1px solid var(--tanko); }
.zarista__red { display: flex; flex-wrap: wrap; align-items: baseline; gap: var(--r-1) var(--r-3); padding: var(--r-3) 0; border-bottom: 1px solid var(--tanko-2); }
.zarista__voda { font-weight: 600; flex: 1 1 12rem; }
.zarista__broj { font-variant-numeric: tabular-nums; }
.zarista__godine { color: var(--sivo); font-size: var(--t-malo); flex-basis: 100%; }
@media (min-width: 40em) { .zarista__godine { flex-basis: auto; min-width: 10rem; text-align: right; } }

/* ── Spisak: filteri ────────────────────────────────────────────────────────────────────────────────────────── */
.spisak-filteri { margin-top: var(--r-5); padding: var(--r-4); background: var(--list); border: 1px solid var(--tanko); display: grid; gap: var(--r-3); grid-template-columns: minmax(0, 1fr); }
.spisak-filteri[hidden] { display: none; }
.spisak-filteri__vise { border-top: 1px solid var(--tanko-2); padding-top: var(--r-2); }
.spisak-filteri__naslov { cursor: pointer; font-weight: 600; min-height: 2.75rem; display: flex; align-items: center; gap: var(--r-2); }
.spisak-filteri__naslov:focus-visible { outline: var(--fokus); outline-offset: 2px; }
.spisak-filteri__mreza { display: grid; gap: var(--r-3); grid-template-columns: minmax(0, 1fr); margin-top: var(--r-2); }
@media (min-width: 40em) { .spisak-filteri__mreza { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 64em) { .spisak-filteri__mreza { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.spisak-filteri__polje { display: flex; flex-direction: column; gap: var(--r-1); min-width: 0; }
.spisak-filteri label { font-size: var(--t-sitno); color: var(--sivo); font-weight: 600; letter-spacing: 0.02em; }
.spisak-filteri input, .spisak-filteri select {
  font: inherit; font-size: 1rem; color: var(--mastilo); background: var(--list); width: 100%; min-width: 0;
  border: 1px solid var(--okvir); border-radius: var(--zaobljenje); padding: var(--r-2) var(--r-3); min-height: 2.75rem;
}
.spisak-filteri input:focus-visible, .spisak-filteri select:focus-visible, .spisak-filteri button:focus-visible { outline: var(--fokus); outline-offset: 1px; }
.spisak-filteri__dno { display: flex; flex-wrap: wrap; align-items: center; gap: var(--r-2) var(--r-4); }
.spisak-filteri__broj { margin: 0; font-weight: 600; font-variant-numeric: tabular-nums; }
.spisak-filteri__voda { margin: 0; font-size: var(--t-malo); padding: var(--r-1) var(--r-2); background: var(--akcenat-bledo); }
.spisak-filteri__ponisti {
  margin-left: auto; font: inherit; font-size: var(--t-malo); color: var(--mastilo); background: var(--magla);
  border: 1px solid var(--tanko); border-radius: var(--zaobljenje); padding: var(--r-2) var(--r-3); min-height: 2.75rem; cursor: pointer;
}
.spisak-filteri__ponisti:hover { background: var(--tanko); }
.spisak-filteri__napomena { margin: 0; font-size: var(--t-sitno); color: var(--sivo); }

/* Redovi koje filter skriva: na telefonu je <tr> display:block (komponente.css), pa [hidden] treba pojačati. */
.tabela-kartice tr[hidden], .tabela-kartice[hidden] { display: none; }
.spisak__prazno { margin-top: var(--r-5); padding: var(--r-4); background: var(--list); border: 1px dashed var(--okvir); }
.spisak__prazno[hidden] { display: none; }
.spisak__vrsta { display: inline-flex; align-items: center; gap: var(--r-1); }
.spisak__jos { color: var(--sivo); font-size: var(--t-sitno); white-space: nowrap; }
.spisak__dno { margin-top: var(--r-5); font-size: var(--t-malo); color: var(--sivo); }
.strana-spisak .tabela-kartice td:first-child a { font-weight: 600; }
@media (min-width: 40em) {
  .strana-spisak .tabela-kartice td:first-child { min-width: 14rem; }
  .strana-spisak .tabela-kartice td:nth-child(2) { white-space: nowrap; }
}

/* ── Isečak mape na strani slučaja (SVG iz builda) ─────────────────────────────────────────────────────────── */
.isecak-mape { margin: var(--r-6) 0 0; max-width: 46rem; display: grid; gap: var(--r-3); grid-template-columns: minmax(0, 11rem) minmax(0, 1fr); align-items: end; }
.isecak-mape__svg { width: 100%; height: auto; display: block; }
.isecak-mape__potpis { font-size: var(--t-malo); color: var(--sivo); }
.isecak-mape__granica { fill: var(--magla); stroke: var(--okvir); stroke-width: 0.6; }
.isecak-mape__podrucje { fill: var(--akcenat-bledo); stroke: var(--mastilo); stroke-width: 0.8; }
.isecak-mape__reke { fill: none; stroke: var(--okvir); stroke-width: 0.5; stroke-linejoin: round; stroke-linecap: round; }
.isecak-mape__krug { fill: none; stroke: var(--mastilo); stroke-width: 0.8; stroke-dasharray: 2 2; }
.isecak-mape__tacka { fill: var(--mastilo); stroke: var(--list); stroke-width: 1.5; }
.isecak-mape__tacka--dojava { fill: var(--list); stroke: var(--mastilo); stroke-width: 1.5; }

/* ── /podaci/ ───────────────────────────────────────────────────────────────────────────────────────────────── */
.podaci__dugmad { display: flex; flex-wrap: wrap; gap: var(--r-3); margin-top: var(--r-4); }
.podaci__fajlovi { list-style: none; padding: 0; display: flex; flex-wrap: wrap; gap: var(--r-3); }
.podaci__uskoro { padding: var(--r-3) var(--r-4); background: var(--list); border: 1px dashed var(--okvir); max-width: var(--mera); }
.strana-podaci .podrucje__blok ul { max-width: var(--mera); }
.strana-podaci code { font-size: 0.9em; }
@media (min-width: 40em) { #podaci-polja td:nth-child(-n+2), #podaci-kljucevi td:first-child { min-width: 10.5rem; } }
.strana-podrucja .sadrzaj > h2 { margin-top: var(--r-7); font-size: var(--t-h3); }