/* ==========================================================================
   Beheerscherm - lijsten en formulieren om de gegevens aan te passen.
   ========================================================================== */

.aanmelden{max-width:420px;margin:40px auto 0}

.stavaza{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:14px;font-size:.82rem}
.stavaza .bol{display:inline-flex;align-items:center;gap:7px;background:#fff;border:1.5px solid #dfe1ee;border-radius:999px;padding:6px 14px;font-weight:600}
.stavaza .bol::before{content:"";width:9px;height:9px;border-radius:50%;background:#6d8f3f}
.stavaza .bol.uit::before{background:var(--zp-oranje)}
.stavaza .rechts{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap}

.tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}
.tab{background:#fff;border:1.5px solid #dfe1ee;border-radius:999px;padding:8px 16px;font:inherit;font-size:.85rem;font-weight:600;color:#3d4478;cursor:pointer}
.tab:hover{border-color:var(--zp-blauw)}
.tab.aan{background:var(--zp-blauw);border-color:var(--zp-blauw);color:#fff}
.tab .telling{opacity:.6;font-weight:400;margin-left:5px}

.rijen{display:grid;gap:10px}
.item{background:#fff;border-radius:var(--radius);border:1.5px solid transparent;box-shadow:0 1px 3px rgba(22,31,115,.08);overflow:hidden}
.item.open{border-color:var(--zp-blauw)}
.item.gewijzigd{border-color:var(--zp-oranje)}

.item .hoofd{display:flex;align-items:center;gap:12px;padding:14px 18px;cursor:pointer;width:100%;background:none;border:none;font:inherit;color:inherit;text-align:left}
.item .hoofd:hover{background:#fbfbfe}
.item .duim{flex:0 0 46px;height:46px;border-radius:8px;background:#f4f5fb;object-fit:contain;padding:3px}
.item .hoofd .naam{flex:1;min-width:0}
.item .hoofd .naam b{display:block;font-size:.98rem;line-height:1.25}
.item .hoofd .naam small{display:block;color:#7c81a6;font-size:.78rem;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.item .hoofd .prijs{font-weight:700;font-size:.95rem;white-space:nowrap}
.item .hoofd .pijl{color:#b0b3cc;font-size:.8rem}
.item.uit .hoofd .naam b{color:#8a8fae;text-decoration:line-through}

.item .body{padding:4px 18px 18px;border-top:1px solid #eceef6}
.formvelden{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));margin:14px 0}
.formvelden .breed{grid-column:1/-1}
.formvelden .schakel{display:flex;align-items:center;gap:9px;font-size:.9rem;font-weight:600;padding-top:22px}
.formvelden .schakel input{width:18px;height:18px;padding:0;accent-color:var(--zp-blauw)}

.voorbeeld{display:flex;gap:10px;align-items:center;margin-top:8px}
.voorbeeld img{width:64px;height:64px;object-fit:contain;background:#f4f5fb;border-radius:8px;padding:4px}
.voorbeeld span{font-size:.78rem;color:#7c81a6}

.rijacties{display:flex;gap:9px;flex-wrap:wrap;align-items:center;padding-top:12px;border-top:1px solid #eceef6}
.rijacties .weg{margin-left:auto;background:none;border:none;font:inherit;font-size:.83rem;color:var(--zp-oranje);cursor:pointer;text-decoration:underline}
.rijacties .weg:hover{color:#b8420c}

.melding{border-radius:10px;padding:12px 15px;font-size:.87rem;margin-bottom:14px}
.melding.goed{background:#F1F5EC;border-left:4px solid #6d8f3f}
.melding.slecht{background:#FEF1EB;border-left:4px solid var(--zp-oranje)}
.melding b{display:block;margin-bottom:2px}

.zwevend{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);background:var(--zp-blauw);color:#fff;border-radius:999px;padding:12px 24px;font-size:.87rem;font-weight:600;box-shadow:0 6px 20px rgba(22,31,115,.3);z-index:9}
.zwevend.slecht{background:var(--zp-oranje)}

@media (max-width:620px){
  .item .hoofd{padding:12px 14px}
  .item .body{padding:4px 14px 16px}
}

.invoerrij{display:flex;align-items:center;gap:7px}
.invoerrij .eenheid{font-size:.85rem;color:#7c81a6;white-space:nowrap}