:root{
  --biblio-blue-700:#3a75a5;
  --biblio-blue-600:#3f7fb5;
  --biblio-blue-500:#4d8cc2;
  --biblio-blue-100:#e9f2fb;
  --biblio-blue-050:#f5f9fe;
  --biblio-text:#1d2a34;
  --biblio-border:#d8e2ef;
}
.biblio-catalog{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--biblio-text)}
.biblio-toolbar{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1rem}
.biblio-search{flex:1;min-width:220px;max-width:480px;padding:.55rem .7rem;border:1px solid var(--biblio-border);border-radius:6px;background:#fff;outline:none}
.biblio-search:focus{box-shadow:0 0 0 3px rgba(77,140,194,.2);border-color:var(--biblio-blue-500)}
.biblio-select{padding:.5rem .6rem;border:1px solid var(--biblio-border);border-radius:6px;background:#fff}
.biblio-btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem .7rem;border:none;border-radius:6px;cursor:pointer;background:linear-gradient(180deg,var(--biblio-blue-600),var(--biblio-blue-700));color:#fff}
.biblio-btn.link{background:transparent;color:var(--biblio-blue-700);padding:0}.biblio-btn.link:hover{text-decoration:underline}
.biblio-table{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--biblio-border)}
/* Donkerblauwe kop met witte tekst, geforceerd */
.biblio-table thead th{ text-align:left; padding:.6rem .7rem; background:linear-gradient(180deg,var(--biblio-blue-600),var(--biblio-blue-700)); color:#fff !important; position:sticky; top:0; }
.biblio-table thead th a{ color:#fff !important; }
.biblio-table td{padding:.55rem .7rem;border-top:1px solid var(--biblio-border)}
.biblio-table tbody tr:nth-child(even){background:var(--biblio-blue-050)}
.biblio-table tbody tr:nth-child(odd){background:#fff}
.biblio-pager{display:flex;gap:.35rem;margin-top:1rem;flex-wrap:wrap}
.biblio-pager a,.biblio-pager span{padding:.25rem .55rem;border:1px solid var(--biblio-border);border-radius:6px;text-decoration:none;color:var(--biblio-text);background:#fff}
.biblio-pager span.active{background:var(--biblio-blue-100);border-color:var(--biblio-blue-500)}
.biblio-modal{display:none;position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:9999;align-items:center;justify-content:center;padding:1rem}
.biblio-modal[aria-hidden=false]{display:flex}
.biblio-card{background:#fff;width:100%;max-width:960px;border-radius:10px;overflow:hidden;box-shadow:0 15px 40px rgba(0,0,0,.2)}
.biblio-card-head{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;background:linear-gradient(180deg,var(--biblio-blue-600),var(--biblio-blue-700));color:#fff}
.biblio-title{font-weight:600;font-size:1.1rem}.biblio-close{background:transparent;color:#fff;border:none;font-size:1.6rem;cursor:pointer}
.biblio-card-body{padding:1rem 1.25rem}
.biblio-detail-grid{display:grid;grid-template-columns:220px 1fr;gap:.35rem 1rem;align-items:start;border:1px solid var(--biblio-border)}
.biblio-detail-grid>div:nth-child(odd){background:linear-gradient(180deg,var(--biblio-blue-600),var(--biblio-blue-700));color:#fff;font-weight:600;padding:.55rem .7rem}
.biblio-detail-grid>div:nth-child(even){padding:.55rem .7rem;background:var(--biblio-blue-050);border-left:1px solid var(--biblio-border)}
/* "Inhoud" label extra opmaak */
.biblio-inhoud-wrap .label{ font-weight:700; text-decoration: underline; padding:.5rem 0 .25rem; }
@media (max-width:700px){.biblio-detail-grid{grid-template-columns:1fr}.biblio-detail-grid>div:nth-child(odd){border-bottom:1px solid var(--biblio-border)}}
/* Logboek: datum kolom vet (fallback naast PHP <strong>) */
.biblio-logboek .biblio-table tbody td:first-child{font-weight:700;}