/* ============================================================
 * Bijbelrooster – Frontend CSS v2.6.0
 * ============================================================ */
.biblet-wrap{max-width:var(--bl-wrap-max,1000px);margin:0 auto;padding:1rem}
.biblet-title{margin:0 0 1rem;font-size:1.6rem;font-weight:900}

/* ── Topbar ── */
.biblet-topbar{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin:0 0 1rem;padding:.65rem .9rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px}
.biblet-year{display:inline-flex;gap:.4rem;align-items:center}
.biblet-year label{font-weight:800;font-size:.88rem}
.biblet-year select{padding:.4rem .6rem;border-radius:10px;border:2px solid rgba(0,0,0,.18);font-size:.88rem}
.biblet-weeknav{display:inline-flex;align-items:center;gap:.35rem}
.biblet-weeknav label{font-size:.82rem;font-weight:700;color:#6b7280;white-space:nowrap}
.biblet-weeknav input{width:64px;padding:.38rem .5rem;border-radius:8px;border:1px solid #d1d5db;font-size:.85rem}
.biblet-weeknav button{padding:.38rem .65rem;border-radius:8px;border:1px solid #2563eb;background:#2563eb;color:#fff;font-weight:700;cursor:pointer;font-size:.85rem;transition:background .1s}
.biblet-weeknav button:hover{background:#1d4ed8}
.biblet-zoek-wrap{position:relative;flex:1;min-width:160px;max-width:280px}
#biblet-zoek{width:100%;padding:.42rem 2rem .42rem .75rem;border-radius:10px;border:1px solid #d1d5db;font-size:.88rem;background:#fff;transition:border-color .15s,box-shadow .15s}
#biblet-zoek:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.15)}
.biblet-zoek-reset{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);cursor:pointer;color:#9ca3af;font-size:1rem;font-weight:700;transition:color .1s}
.biblet-zoek-reset:hover{color:#374151}
.biblet-geen-resultaten{padding:.75rem 1rem;background:#fff7ed;border:1px solid #fed7aa;border-radius:10px;color:#92400e;font-size:.9rem;margin:.75rem 0}

/* ── Formulier ── */
.biblet-form{margin:0 0 1rem;padding:1rem;border:1px dashed rgba(0,0,0,.18);border-radius:14px;background:rgba(37,99,235,.04);position:relative}
.biblet-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;justify-items:start}
.biblet-field{margin:.5rem 0;display:flex;flex-direction:column;align-items:flex-start;width:100%}
.biblet-field label{display:block;font-weight:700;margin-bottom:.25rem;font-size:.9rem}
.biblet-field input,.biblet-field select,.biblet-field textarea{width:100%;padding:.55rem .65rem;border-radius:12px;border:1px solid rgba(0,0,0,.18);font-size:.9rem}
.biblet-field input[type="text"],.biblet-field textarea{max-width:90%}
.biblet-field input[type="number"]{max-width:100px}

/* ── Nonce-waarschuwing ── */
.biblet-nonce-warn{background:#fffbeb;border:1px solid #fde68a;border-radius:8px;padding:.55rem .9rem;margin-bottom:.75rem;font-size:.85rem;color:#92400e}
.biblet-nonce-warn a{color:#1d4ed8;font-weight:700}

/* ── Week-rij ── */
.biblet-week-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}
.biblet-week-row input[type="number"]{width:80px!important}
.biblet-week-zondag{font-size:.8rem;font-weight:700;color:#2563eb;background:#eff6ff;padding:.2rem .5rem;border-radius:7px;border:1px solid #bfdbfe}
.biblet-week-warn{font-size:.8rem;font-weight:700;color:#dc2626;background:#fef2f2;padding:.2rem .5rem;border-radius:7px;border:1px solid #fca5a5}

/* ── Kalender-knop ── */
.biblet-cal-btn{background:none;border:1px solid rgba(0,0,0,.18);border-radius:7px;padding:.12rem .38rem;cursor:pointer;font-size:.85rem;margin-left:.3rem;vertical-align:middle;transition:background .1s}
.biblet-cal-btn:hover{background:rgba(0,0,0,.05)}

/* ── Popup-kalender ── */
.biblet-cal-popup{display:none;position:absolute;z-index:9999;margin-top:.4rem;width:280px;background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 8px 24px rgba(0,0,0,.15);animation:calIn .15s ease}
.biblet-cal-popup--open{display:block}
@keyframes calIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.biblet-cal-inner{padding:.8rem}
.biblet-cal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.6rem}
.biblet-cal-header button{background:none;border:1px solid #e5e7eb;border-radius:6px;width:28px;height:28px;cursor:pointer;font-size:1.1rem;display:flex;align-items:center;justify-content:center;transition:background .1s}
.biblet-cal-header button:hover{background:#f3f4f6}
#biblet-cal-title{font-weight:800;font-size:.9rem;text-transform:capitalize}
.biblet-cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:1px}
.biblet-cal-dh{text-align:center;font-size:.68rem;font-weight:700;color:#9ca3af;padding:.2rem 0}
#biblet-cal-days{display:contents}
.biblet-cal-day{text-align:center;font-size:.78rem;padding:.28rem .1rem;border-radius:5px;cursor:pointer;transition:background .1s;color:#374151}
.biblet-cal-day:hover:not(.biblet-cal-invalid){background:#eff6ff;color:#1d4ed8}
.biblet-cal-sun{font-weight:800;color:#2563eb}
.biblet-cal-today{background:#fef9c3;color:#854d0e!important;font-weight:700}
.biblet-cal-sel{background:#2563eb!important;color:#fff!important}
.biblet-cal-invalid{color:#d1d5db!important;cursor:not-allowed;text-decoration:line-through}
.biblet-cal-info{margin-top:.5rem;padding:.3rem .5rem;background:#f8fafc;border-radius:6px;font-size:.78rem;font-weight:700;color:#2563eb;min-height:1.5rem;text-align:center}
.biblet-cal-warn{margin-top:.4rem;padding:.3rem .5rem;background:#fef2f2;border:1px solid #fca5a5;border-radius:6px;font-size:.78rem;font-weight:700;color:#dc2626;text-align:center}

/* ── Label-picker ── */
.biblet-label-colors{display:flex;gap:6px;margin:4px 0 8px;flex-wrap:wrap}

/* ── Label-knop: één button per label ── */
.biblet-lbl-btn{
  display:inline-flex;align-items:center;gap:5px;
  padding:4px 11px;border-radius:6px;cursor:pointer;
  font-size:12px;font-weight:700;
  border:2px solid var(--lbl-color,#ccc);
  background:#fff;color:#374151;
  user-select:none;transition:background .13s,color .13s,outline .1s;
  line-height:1.4;
}
.biblet-lbl-btn:hover{background:color-mix(in srgb,var(--lbl-color,#9ca3af) 15%,#fff);outline:none;}
.biblet-lbl-btn.active{background:var(--lbl-color,#6b7280);color:#fff;outline:2px solid #111;outline-offset:1px;}
/* Loskoppel-knop "Geen" */
.biblet-lbl-btn--geen{border-style:dashed;color:#6b7280;font-weight:600;}
.biblet-lbl-btn--geen.active{background:#6b7280;color:#fff;}
.biblet-lbl-icon{font-size:1rem;line-height:1}

/* ── Legenda bovenaan het rooster ── */
.biblet-legenda{
  display:flex;flex-wrap:wrap;gap:8px;
  margin:0 0 14px;padding:8px 12px;
  background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;
  font-size:.8rem;
}
.biblet-legenda::before{
  content:'Legenda:';font-weight:700;color:#374151;
  align-self:center;margin-right:4px;
}
.biblet-legenda-item{
  display:inline-flex;align-items:center;gap:4px;
  padding:2px 9px;border-radius:5px;font-weight:600;
  background:var(--lbl-color,#6b7280);color:#fff;
  font-size:.78rem;
}

/* ── Formulier-acties ── */
.biblet-form-actions{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;margin-top:.75rem}
.biblet-submit{padding:.6rem .9rem;border-radius:12px;border:0;background:#111827;color:#fff;font-weight:900;cursor:pointer;font-size:.9rem}
.biblet-submit:hover{opacity:.88}
.biblet-add{display:inline-block;margin:.25rem 0 0;padding:.42rem .65rem;border-radius:10px;border:1px solid rgba(0,0,0,.18);background:#fff;cursor:pointer;font-size:.85rem}
.biblet-cancel{display:inline-block;padding:.42rem .65rem;border-radius:10px;border:1px solid rgba(0,0,0,.18);text-decoration:none;background:#fff;color:inherit;font-size:.85rem}
.biblet-delete{display:inline-block;padding:.42rem .65rem;border-radius:10px;border:1px solid #dc2626;text-decoration:none;color:#dc2626;background:#fff;font-weight:700;font-size:.85rem}
.biblet-delete:hover{background:#fef2f2}
.biblet-x{width:34px;height:34px;border-radius:9px;border:1px solid rgba(0,0,0,.18);background:#fff;cursor:pointer}

/* ── Download-rij ── */
.biblet-dl-row{display:grid;grid-template-columns:1.1fr 1.4fr auto 1fr 1fr auto;gap:.5rem;align-items:start;margin:.5rem 0;padding:.75rem;border:1px solid rgba(0,0,0,.1);border-radius:10px;background:#fafafa}
.biblet-dl-groepen{grid-column:1/-1;display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:.4rem .5rem;background:rgba(0,0,0,.03);border-radius:8px}
.biblet-dl-groepen-label{font-size:.8rem;font-weight:700;color:rgba(0,0,0,.5);white-space:nowrap}
.biblet-groep-check{display:flex;align-items:center;gap:4px;cursor:pointer}
.biblet-groep-check input[type="checkbox"]{width:14px!important;height:14px!important;padding:0!important;margin:0;cursor:pointer;accent-color:#111827}

/* ── Groepen-bolletjes ── */
.biblet-groepen-dots{display:inline-flex;gap:4px;align-items:center;vertical-align:middle}
.biblet-groep-dot{display:inline-block;width:12px;height:12px;border-radius:50%;border:2px solid rgba(255,255,255,.7);box-shadow:0 0 0 1px rgba(0,0,0,.15);flex-shrink:0;transition:transform .1s}
.biblet-groep-dot:hover{transform:scale(1.4)}

/* ── Label-icoon / kleur-stip ── */
.biblet-label-icoon{font-size:1.1rem;line-height:1;margin-right:5px;flex-shrink:0;cursor:default}
.biblet-kleur-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:5px;flex-shrink:0}

/* ── Ontbrekende weken ── */
.biblet-mis-wrap{border:1px solid #fde68a;border-radius:12px;background:#fffbeb;padding:.5rem .75rem;margin:.75rem 0}
.biblet-mis-summary{cursor:pointer;font-size:.88rem;list-style:none;color:#92400e;font-weight:700}
.biblet-mis-summary::-webkit-details-marker{display:none}
.biblet-mis-inner{padding-top:.6rem}
.biblet-voortgang-balk{height:6px;background:#e5e7eb;border-radius:3px;margin-bottom:.6rem;overflow:hidden}
.biblet-voortgang-vulling{height:100%;background:linear-gradient(90deg,#22c55e,#16a34a);border-radius:3px;transition:width .4s ease}
.biblet-mis-weken{display:flex;flex-wrap:wrap;gap:.3rem}
.biblet-mis-week{display:inline-block;padding:.2rem .5rem;background:#fef3c7;border:1px solid #fde68a;border-radius:6px;font-size:.78rem;font-weight:700;color:#92400e;cursor:default}
.biblet-mis-week:hover{background:#fde68a}
.biblet-compleet{padding:.5rem .9rem;background:#ecfdf5;border:1px solid #10b981;border-radius:10px;color:#065f46;font-size:.88rem;font-weight:700;margin:.75rem 0}

/* ── Maand-accordeon ── */
.biblet-month{border:1px solid rgba(0,0,0,.12);border-radius:14px;padding:.5rem;margin:.75rem 0;background:#fff}
.biblet-month>summary{cursor:pointer;font-weight:900;list-style:none;display:flex;align-items:center;gap:.5rem;padding:.25rem .5rem}
.biblet-month>summary::-webkit-details-marker{display:none}
.biblet-month-count{font-size:.8rem;font-weight:400;color:rgba(0,0,0,.5)}

/* ── Weekblok (inklapbaar als <details>) ── */
.biblet-weekblok {
  border: 1px solid rgba(0,0,0,.1);
  border-radius: 12px;
  margin: .5rem 0;
  background: #fff;
  transition: box-shadow .3s;
  overflow: hidden;
}
.biblet-weekblok--highlight { box-shadow: 0 0 0 3px #2563eb; }

/* Summary = weekkop, klikbaar */
.biblet-weekkop {
  font-weight: 900;
  font-size: var(--bl-weekkop-fs, 95%);
  display: flex;
  align-items: center;
  gap: .5rem;
  flex-wrap: wrap;
  padding: .6rem .75rem;
  cursor: pointer;
  list-style: none;
  user-select: none;
  border-radius: 12px;
  transition: background .1s;
}
.biblet-weekblok:not([open]) > .biblet-weekkop { border-radius: 12px; }
.biblet-weekblok[open] > .biblet-weekkop {
  border-bottom: 1px solid rgba(0,0,0,.08);
  border-radius: 12px 12px 0 0;
  background: #f9fafb;
}
.biblet-weekkop::-webkit-details-marker { display: none; }
.biblet-weekkop::before {
  content: "›";
  font-size: 1rem;
  color: #9ca3af;
  transition: transform .15s ease;
  flex-shrink: 0;
  line-height: 1;
}
.biblet-weekblok[open] > .biblet-weekkop::before { transform: rotate(90deg); color: #374151; }

.biblet-weekinhoud { padding: .6rem .75rem .75rem; }

.biblet-weeknr { color: #111827; }
.biblet-zondag { font-size: .8rem; font-weight: 600; color: #2563eb; background: #eff6ff; padding: .15rem .45rem; border-radius: 6px; border: 1px solid #bfdbfe; }

/* ── Thema-item ── */
.biblet-item{border-top:1px dashed rgba(0,0,0,.15);padding-top:.5rem;margin-top:.5rem}
.biblet-item:first-of-type{border-top:0;padding-top:0;margin-top:0}
.biblet-itemkop{display:flex;align-items:center;justify-content:space-between;gap:.75rem}
.biblet-itemkop h4{margin:0;display:flex;align-items:center;flex:1;font-size:.95rem}
.biblet-edit{display:inline-flex;align-items:center;gap:.25rem;padding:.28rem .55rem;border-radius:8px;border:1px solid rgba(0,0,0,.18);text-decoration:none;font-size:.78rem;font-weight:700;white-space:nowrap;color:#374151;background:#f9fafb;transition:background .1s,color .1s}
.biblet-edit:hover{background:#eff6ff;color:#2563eb;border-color:#bfdbfe}

/* ── Downloads ── */
.biblet-dl-toggle{margin-top:.5rem}
.biblet-dl-summary{cursor:pointer;font-weight:900;list-style:none;font-size:.88rem}
.biblet-dl-summary::-webkit-details-marker{display:none}
.biblet-dl-summary::before{content:"▸";display:inline-block;margin-right:.3rem;transition:transform .12s}
.biblet-dl-toggle[open]>.biblet-dl-summary::before{transform:rotate(90deg)}
.biblet-dl-list{display:flex;flex-direction:column;gap:.4rem;margin-top:.5rem}
.biblet-dl-line{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}
.biblet-btn{display:inline-block;padding:.4rem .7rem;border-radius:8px;border:1px solid rgba(0,0,0,.2);color:#fff!important;text-decoration:none;font-weight:900;font-size:.85rem;transition:opacity .1s}
.biblet-btn:hover{opacity:.88}
.biblet-soort{display:inline-block;padding:.12rem .4rem;border-radius:7px;border:1px solid rgba(0,0,0,.18);background:rgba(0,0,0,.02);font-weight:700;font-size:.8rem}
.biblet-klik-teller{display:inline-block;padding:.1rem .4rem;border-radius:6px;background:#f3f4f6;border:1px solid #e5e7eb;font-size:.75rem;font-weight:700;color:#6b7280}

/* ── Meldingen ── */
.biblet-notice{padding:.65rem 1rem;border-radius:12px;margin:.75rem 0;font-size:.9rem}
.biblet-ok{background:#ecfdf5;border:1px solid #10b981;color:#065f46}
.biblet-leeg{color:rgba(0,0,0,.5);font-style:italic;font-size:.9rem}

/* ── Responsive ── */
@media(max-width:700px){
  .biblet-topbar{flex-direction:column;align-items:flex-start}
  .biblet-zoek-wrap{max-width:100%;width:100%}
  .biblet-grid{grid-template-columns:1fr}
  .biblet-dl-row{grid-template-columns:1fr}
  .biblet-itemkop{flex-wrap:wrap}
  .biblet-form-actions{flex-direction:column;align-items:flex-start}
  .biblet-cal-popup{width:260px}
}

/* ============================================================
 * v2.7.0 aanvullingen
 * ============================================================ */

/* ── Huidige/komende week markering ── */
.biblet-weekblok--huidig {
  border: 2px solid #2563eb;
  box-shadow: 0 0 0 3px rgba(37,99,235,.1);
}
.biblet-weekblok--huidig > .biblet-weekkop {
  background: #eff6ff;
}

/* ── Week-badges ── */
.biblet-week-badge {
  display: inline-flex;
  align-items: center;
  padding: .15rem .5rem;
  border-radius: 6px;
  font-size: .75rem;
  font-weight: 700;
  margin-left: .25rem;
}
.biblet-week-badge--huidig {
  background: #eff6ff;
  color: #1d4ed8;
  border: 1px solid #bfdbfe;
}
.biblet-week-badge--gevuld {
  background: #ecfdf5;
  color: #065f46;
  border: 1px solid #6ee7b7;
  font-size: .8rem;
}
.biblet-week-badge--meerdere {
  background: #faf5ff;
  color: #6d28d9;
  border: 1px solid #ddd6fe;
  font-size: .75rem;
}

/* ── Upload-knop ── */
.biblet-upload-wrap {
  display: flex;
  align-items: center;
  gap: .4rem;
  flex-wrap: wrap;
  grid-column: 1 / -1;
  padding: .35rem .5rem;
  background: rgba(0,0,0,.02);
  border-radius: 8px;
  border: 1px dashed rgba(0,0,0,.15);
}
.biblet-upload-btn {
  display: inline-flex;
  align-items: center;
  gap: .3rem;
  padding: .3rem .65rem;
  border-radius: 8px;
  border: 1px solid #d1d5db;
  background: #fff;
  cursor: pointer;
  font-size: .82rem;
  font-weight: 700;
  color: #374151;
  transition: background .1s, border-color .1s;
  white-space: nowrap;
}
.biblet-upload-btn:hover {
  background: #f3f4f6;
  border-color: #9ca3af;
}
.biblet-upload-ok {
  font-size: .8rem;
  font-weight: 700;
  color: #065f46;
  background: #ecfdf5;
  padding: .2rem .5rem;
  border-radius: 6px;
  border: 1px solid #6ee7b7;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.biblet-upload-progress {
  display: flex;
  align-items: center;
  gap: .5rem;
  padding: .5rem .9rem;
  background: #eff6ff;
  border: 1px solid #bfdbfe;
  border-radius: 8px;
  margin-bottom: .5rem;
  font-size: .85rem;
  font-weight: 700;
  color: #1e40af;
}
.biblet-upload-spinner {
  width: 16px;
  height: 16px;
  border: 2px solid #bfdbfe;
  border-top-color: #2563eb;
  border-radius: 50%;
  animation: spin .7s linear infinite;
  flex-shrink: 0;
}
@keyframes spin { to { transform: rotate(360deg); } }

.biblet-upload-info {
  font-size: .82rem;
  color: #6b7280;
  margin: .25rem 0 .5rem;
  font-style: italic;
}

/* ============================================================
 * v2.8.0 — Bewerkmodus, snel-toevoegen, inline formulier
 * ============================================================ */

/* ── Bewerkmodus-toggle ── */
.biblet-edit-toggle {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-left: auto;
}
.biblet-edit-toggle-label {
  font-size: .8rem;
  font-weight: 700;
  color: #6b7280;
  white-space: nowrap;
}
.biblet-toggle-switch {
  position: relative;
  width: 38px;
  height: 22px;
  cursor: pointer;
  flex-shrink: 0;
}
.biblet-toggle-switch input {
  opacity: 0;
  width: 0;
  height: 0;
  position: absolute;
}
.biblet-toggle-track {
  position: absolute;
  inset: 0;
  border-radius: 22px;
  background: #d1d5db;
  transition: background .2s;
}
.biblet-toggle-thumb {
  position: absolute;
  top: 3px;
  left: 3px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 1px 3px rgba(0,0,0,.2);
  transition: transform .2s;
}
.biblet-toggle-switch input:checked ~ .biblet-toggle-track { background: #2563eb; }
.biblet-toggle-switch input:checked ~ .biblet-toggle-thumb { transform: translateX(16px); }
.biblet-edit-on-badge {
  font-size: .72rem;
  font-weight: 700;
  color: #1d4ed8;
  background: #eff6ff;
  padding: 2px 8px;
  border-radius: 20px;
  border: 1px solid #bfdbfe;
}

/* ── Snel-toevoegen balk ── */
.biblet-snel-toevoegen {
  display: flex;
  align-items: center;
  gap: .5rem;
  flex-wrap: nowrap;
  padding: .55rem .9rem;
  background: #f0fdf4;
  border: 1px dashed #6ee7b7;
  border-radius: 12px;
  margin-bottom: .75rem;
}
.biblet-snel-label {
  font-size: .78rem;
  font-weight: 700;
  color: #065f46;
  white-space: nowrap;
  flex-shrink: 0;
}
.biblet-snel-sublabel {
  font-size: .72rem;
  color: #6b7280;
  white-space: nowrap;
  margin-right: .2rem;
  flex-shrink: 0;
}
.biblet-snel-week-wrap,
.biblet-snel-titel-wrap,
.biblet-snel-jaar-wrap {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: .3rem;
  flex-shrink: 0;
}
.biblet-snel-titel-wrap {
  flex: 0 1 var(--bl-snel-titel,260px);
  min-width: 140px;
  max-width: var(--bl-snel-titel,260px);
  position: relative;
  flex-direction: column;
  align-items: stretch;
}
.biblet-snel-week { width: var(--bl-snel-week,60px) !important; text-align: center; padding: .42rem .5rem !important; }
.biblet-snel-titel { width: 100% !important; padding: .42rem .65rem !important; }
.biblet-snel-jaar  { width: var(--bl-snel-jaar,76px) !important; text-align: center; padding: .42rem .5rem !important; }
.biblet-snel-btn {
  padding: .42rem .9rem;
  border-radius: 8px;
  border: 0;
  background: #16a34a;
  color: #fff;
  font-weight: 700;
  font-size: .85rem;
  cursor: pointer;
  white-space: nowrap;
  flex-shrink: 0;
  align-self: center;
  transition: background .1s;
}
.biblet-snel-btn:hover { background: #15803d; }

/* ── Teller ── */
.biblet-snel-teller {
  font-size: .7rem;
  color: #9ca3af;
  text-align: right;
  margin-top: 1px;
}
.biblet-teller-bijna { color: #d97706 !important; font-weight: 700; }
.biblet-teller-vol   { color: #dc2626 !important; font-weight: 700; }

/* ── Inline bewerkformulier ── */
.biblet-inline-form {
  margin-top: .6rem;
  padding: .85rem 1rem;
  background: #eff6ff;
  border: 1px solid #bfdbfe;
  border-left: 3px solid #2563eb;
  border-radius: 10px;
  animation: slideIn .15s ease;
}
@keyframes slideIn { from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none} }

.biblet-inline-form-header {
  font-size: .82rem;
  font-weight: 700;
  color: #1d4ed8;
  margin-bottom: .65rem;
  display: flex;
  align-items: center;
  gap: .4rem;
}
.biblet-inline-row {
  display: flex;
  align-items: flex-start;
  gap: .5rem;
  margin-bottom: .5rem;
  flex-wrap: wrap;
}
.biblet-inline-row label {
  font-size: .78rem;
  font-weight: 700;
  color: #374151;
  min-width: 80px;
  padding-top: .45rem;
  flex-shrink: 0;
}
.biblet-inline-input {
  flex: 1;
  padding: .42rem .65rem !important;
  border-radius: 8px !important;
  border: 1px solid #d1d5db !important;
  font-size: .88rem !important;
  background: #fff !important;
  min-width: 0;
}
textarea.biblet-inline-input { resize: vertical; min-height: 52px; }

.biblet-inline-downloads { width: 100%; }
.biblet-add--sm {
  font-size: .78rem !important;
  padding: .3rem .55rem !important;
  border-radius: 7px !important;
  margin-top: .25rem !important;
}

.biblet-inline-acties {
  display: flex;
  gap: .4rem;
  align-items: center;
  flex-wrap: wrap;
  margin-top: .65rem;
}
.biblet-submit--sm {
  padding: .4rem .8rem !important;
  font-size: .83rem !important;
  border-radius: 8px !important;
}
.biblet-cancel--sm {
  padding: .38rem .7rem !important;
  font-size: .83rem !important;
  border-radius: 8px !important;
  text-decoration: none !important;
}
.biblet-delete--sm {
  padding: .38rem .7rem !important;
  font-size: .83rem !important;
  border-radius: 8px !important;
  margin-left: auto;
}

/* ── Label-colors klein formaat in inline form ── */
.biblet-label-colors--sm .biblet-lbl-btn {
  padding: 3px 8px !important;
  font-size: .75rem !important;
}

@media (max-width: 700px) {
  .biblet-snel-toevoegen { flex-wrap: wrap; }
  .biblet-snel-titel-wrap { flex: 1 1 100%; max-width: 100%; }
  .biblet-edit-toggle { margin-left: 0; }
}