/* ═══════════════════════════════════════
   ONDERZOEK — eigen metingen
   Leunt op v3-kennisbank.css (artikelopmaak, tabel, infobox, kerncijfers)
   en v3-kb-index.css (kaarten op de overzichtspagina). Hier staat alleen
   wat een onderzoek extra nodig heeft: de uitslag als beeld, de status van
   een crawler in een cel, en het downloadblok voor de dataset.
═══════════════════════════════════════ */

/* ── Overzichtspagina ── */
.oz-kaart-meta {
  display: flex; flex-wrap: wrap; gap: 8px 18px; margin-top: 14px;
  font: 400 var(--v3-fs-label) / 1.5 var(--v3-font); color: var(--v3-text-3);
}
.oz-kaart-meta span { display: inline-flex; align-items: center; gap: 6px; }

/* ── Artikel: peildatum en methode ── */
.oz-peil {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 6px 12px; border-radius: 999px;
  background: rgba(34, 211, 238, .08); border: 1px solid rgba(34, 211, 238, .22);
  font: 600 var(--v3-fs-label) / 1 var(--v3-font); letter-spacing: .04em; text-transform: uppercase;
  color: var(--v3-cyan);
}

/* ── Uitslag als raster: elk vakje is een organisatie ── */
.oz-raster {
  display: grid; grid-template-columns: repeat(11, minmax(0, 1fr)); gap: 8px;
  max-width: 520px; margin: 22px 0 12px;
}
.oz-vak {
  aspect-ratio: 1; border-radius: 7px;
  background: rgba(255, 255, 255, .035); border: 1px dashed rgba(255, 255, 255, .14);
}
.oz-vak-aan { background: var(--v3-grad); border: 0; }
.oz-legenda {
  display: flex; flex-wrap: wrap; gap: 10px 22px; margin: 0 0 30px;
  font: 400 var(--v3-fs-klein) / 1.5 var(--v3-font); color: var(--v3-text-2);
}
.oz-legenda span { display: inline-flex; align-items: center; gap: 9px; }
.oz-legenda i {
  width: 16px; height: 16px; border-radius: 4px; flex-shrink: 0;
  background: rgba(255, 255, 255, .035); border: 1px dashed rgba(255, 255, 255, .2);
}
.oz-legenda i.is-aan { background: var(--v3-grad); border: 0; }

/* ── Staaf per uitgever ── */
.oz-staven { margin: 22px 0 30px; display: flex; flex-direction: column; gap: 14px; }
.oz-staaf-kop {
  display: flex; justify-content: space-between; gap: 16px; align-items: baseline;
  font: 500 var(--v3-fs-klein) / 1.3 var(--v3-font); color: var(--v3-text-1);
}
.oz-staaf-kop b { font: 600 13px / 1 "JetBrains Mono", ui-monospace, monospace; color: var(--v3-cyan); }
.oz-staaf-baan { height: 10px; border-radius: 999px; background: rgba(255, 255, 255, .06); overflow: hidden; margin-top: 7px; }
.oz-staaf-vul { height: 100%; border-radius: 999px; background: var(--v3-grad); }

/* ── Status van een crawler in de tabel ── */
.oz-status {
  display: inline-block; padding: 3px 9px; border-radius: 999px; white-space: nowrap;
  font: 600 12px / 1.3 var(--v3-font); letter-spacing: .02em;
}
.oz-status-geblokkeerd { background: rgba(248, 113, 113, .12); color: #f87171; }
.oz-status-deels       { background: rgba(245, 158, 11, .12);  color: #f59e0b; }
.oz-status-toegestaan  { background: rgba(52, 211, 153, .12);  color: #34d399; }
.oz-status-niet        { background: rgba(255, 255, 255, .05); color: var(--v3-text-3); }
.oz-status-fout        { background: rgba(255, 255, 255, .05); color: var(--v3-text-3); font-style: italic; }

/* De volledige tabel is breed (12 crawlers); binnen .kb-tabel scrolt hij. */
.oz-tabel-vol table { min-width: 1180px; }
.oz-tabel-vol th { white-space: nowrap; }
.oz-tabel-vol th small {
  display: block; font: 400 11px / 1.3 var(--v3-font); color: var(--v3-text-3);
  letter-spacing: 0; text-transform: none; margin-top: 3px;
}
.oz-tabel-vol td.oz-getal { font: 600 13px / 1.4 "JetBrains Mono", ui-monospace, monospace; color: var(--v3-light); text-align: center; }
.oz-tabel-vol tr.is-fout td { opacity: .55; }

/* ── Letterlijk citaat uit een robots.txt of llms.txt ── */
.oz-code {
  margin: 22px 0 30px; padding: 20px 22px; border-radius: 14px; overflow-x: auto;
  background: #040f22; border: 1px solid var(--v3-border-md);
  font: 400 13.5px / 1.7 "JetBrains Mono", ui-monospace, monospace; color: var(--v3-light);
  white-space: pre;
}
.oz-code .dof { color: var(--v3-text-3); }
.oz-code .aan { color: var(--v3-cyan); }

/* ── Dataset downloaden ── */
.oz-dataset {
  display: grid; grid-template-columns: 1fr auto; gap: 20px 28px; align-items: center;
  margin: 34px 0; padding: 24px 26px; border-radius: 16px;
  background: var(--v3-card); border: 1px solid var(--v3-border);
}
.oz-dataset-titel { font: 700 var(--v3-fs-kop) / 1.3 var(--v3-font); color: var(--v3-text-1); }
.oz-dataset p { font: 400 var(--v3-fs-klein) / 1.6 var(--v3-font); color: var(--v3-text-2); margin: 6px 0 0; text-wrap: pretty; }
.oz-dataset-knoppen { display: flex; flex-wrap: wrap; gap: 10px; }
.oz-dataset-knoppen .v3-btn { padding: 10px 16px; }
@media (max-width: 640px) {
  .oz-dataset { grid-template-columns: 1fr; }
  .oz-raster { grid-template-columns: repeat(8, minmax(0, 1fr)); }
}