/* Obuhvat podataka (stranica /obuhvat, od 7. 10. 2026.): tablica svih grafikona s pretragom, razvrstavanjem i filtrima.
   Tablicu puni alati/obuhvat.py nakon izgradnje; skripta je styles/obuhvat.js. Dodirne povrsine najmanje 44 px.
   Do 760 px redak tablice je blok s oznakom stupca ispred vrijednosti (bez vodoravnog pomicanja). */

.cs-obuhvat__sazetak { font-size: 0.95rem; color: var(--cs-muted); margin: 0 0 12px; }
/* opis stranice sluzi pretrazi i karticama; ispod naslova stoji samo recenica o gradnji popisa (odluka vlasnice 7. 10. 2026.) */
.quarto-title-block .description, #title-block-header .description { display: none; }

.cs-obuhvat__alati { display: flex; flex-wrap: wrap; gap: 12px; margin: 0 0 12px; }
.cs-obuhvat__polje { display: flex; flex-direction: column; gap: 4px; flex: 1 1 200px; min-width: 0; font-size: 0.85rem; color: var(--cs-muted); }
.cs-obuhvat__polje--trazi { flex: 2 1 260px; }
.cs-obuhvat__polje input,
.cs-obuhvat__polje select {
  width: 100%; min-height: 44px; padding: 8px 12px; box-sizing: border-box;
  font: inherit; font-size: 0.95rem; color: var(--cs-ink);
  background: #fff; border: 1px solid var(--cs-border); border-radius: 8px;
}
.cs-obuhvat__polje input:focus,
.cs-obuhvat__polje select:focus { outline: 2px solid var(--cs-primary); outline-offset: 1px; }

.cs-obuhvat__broj { font-size: 0.85rem; color: var(--cs-muted); margin: 0 0 8px; }
.cs-obuhvat__prazno { padding: 16px 0; color: var(--cs-muted); }

.cs-obuhvat__omot { overflow-x: visible; }
.cs-obuhvat { width: 100%; border-collapse: collapse; font-size: 0.9rem; line-height: 1.4; }
.cs-obuhvat th { text-align: left; padding: 0 8px; border-bottom: 2px solid var(--cs-border); vertical-align: bottom; }
.cs-obuhvat th button {
  all: unset; box-sizing: border-box; display: inline-flex; align-items: center; gap: 4px;
  width: 100%; min-height: 44px; padding: 6px 0; cursor: pointer;
  font-weight: 600; color: var(--cs-heading); white-space: nowrap;
}
.cs-obuhvat th button:focus-visible { outline: 2px solid var(--cs-primary); outline-offset: 2px; }
.cs-obuhvat th button::after { content: ""; display: inline-block; width: 0; height: 0; opacity: 0.35;
  border-left: 4px solid transparent; border-right: 4px solid transparent; border-bottom: 6px solid currentColor; }
.cs-obuhvat th[aria-sort="ascending"] button::after { opacity: 1; }
.cs-obuhvat th[aria-sort="descending"] button::after { opacity: 1; border-bottom: 0; border-top: 6px solid currentColor; }
.cs-obuhvat td { padding: 10px 8px; border-top: 1px solid var(--cs-border); vertical-align: top; overflow-wrap: anywhere; }
.cs-obuhvat td:nth-child(5),
.cs-obuhvat td:nth-child(6),
.cs-obuhvat td:nth-child(7),
.cs-obuhvat td:nth-child(8) { white-space: nowrap; }
.cs-obuhvat tr[hidden] { display: none; }
.cs-obuhvat__naziv { font-weight: 600; }
.cs-obuhvat__podnaslov { display: block; font-size: 0.8rem; color: var(--cs-muted); margin-top: 2px; }

@media (max-width: 760px) {
  .cs-obuhvat thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
  .cs-obuhvat, .cs-obuhvat tbody, .cs-obuhvat tr, .cs-obuhvat td { display: block; }
  .cs-obuhvat tr { padding: 10px 0 12px; border-top: 1px solid var(--cs-border); }
  .cs-obuhvat td { padding: 2px 0; border: 0; white-space: normal; }
  .cs-obuhvat td:nth-child(n) { white-space: normal; }
  .cs-obuhvat td::before { content: attr(data-l) ": "; color: var(--cs-muted); font-size: 0.8rem; }
  .cs-obuhvat td:first-child::before { content: none; }
  .cs-obuhvat td:first-child { padding-bottom: 6px; }
}