/* Alleen voor de beheerpagina. Apart bestand omdat het CSP inline <style>
   blokkeert — zie H11 in docs/REVIEW-FINDINGS.md. */
  table{width:100%;border-collapse:collapse;font-size:.9rem;margin-top:1rem}
  th,td{text-align:left;padding:.5rem .4rem;border-bottom:1px solid rgba(58,51,44,.12)}
  th{font-family:"Cormorant SC",serif;font-size:.72rem;letter-spacing:.12em;color:var(--ink-soft)}
  .mini{padding:.35rem .8rem;font-size:.75rem;border-radius:999px;border:1px solid rgba(58,51,44,.25);
        background:none;cursor:pointer;min-height:36px}
  .cijfers{display:flex;gap:1.5rem;flex-wrap:wrap;margin:1rem 0}
  .cijfer b{display:block;font-size:1.6rem;font-weight:400;color:var(--gold)}
  .cijfer span{font-family:"Cormorant SC",serif;font-size:.7rem;letter-spacing:.12em;color:var(--ink-soft)}

.knoppenrij{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1rem}
.knoppenrij a.mini{text-decoration:none;display:inline-flex;align-items:center}

.melding{
  display:flex;gap:.8rem;align-items:center;flex-wrap:wrap;
  border:1px solid rgba(58,51,44,.14);border-radius:10px;
  padding:.6rem;margin-bottom:.6rem;background:rgba(255,255,255,.5);
}
.melding img{width:64px;height:64px;object-fit:cover;border-radius:6px;flex:0 0 auto}
.melding-tekst{flex:1;min-width:12rem;font-size:.9rem}
.melding-tekst p{margin:.2rem 0 0}
.melding button{margin-left:.4rem}

.tabel-kader{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-inline:-.4rem;padding-inline:.4rem}
.tabel-kader table{min-width:34rem}
td,th{white-space:nowrap}
td:first-child{white-space:normal;min-width:8rem}

tr.geblokkeerd{opacity:.5}
#link-blok{margin-bottom:2.5rem}
#link-blok h2:first-child{margin-top:0}
#sleutel-veld{
  width:100%;padding:.7rem .2rem;background:transparent;border:0;
  border-bottom:1px solid rgba(58,51,44,.28);border-radius:0;
  font-size:1.05rem;letter-spacing:.04em;
}
#sleutel-veld:focus{outline:0;border-bottom-color:var(--gold)}

/* Statuslabel in de kop. Bewust géén pil met vulling: dat leest als een knop
   en er was al iemand die erop klikte en niets zag gebeuren. */
.status{
  font-family:"Cormorant SC",serif;font-size:.72rem;letter-spacing:.12em;
  color:var(--ink-soft);white-space:nowrap;cursor:default;
  display:inline-flex;align-items:center;gap:.4rem;
}
.status::before{
  content:"";width:.5rem;height:.5rem;border-radius:50%;
  background:#4d685a;flex:0 0 auto;
}
.status.dicht{color:var(--rood)}
.status.dicht::before{background:var(--rood)}