/* Beheer + ledendeel additions on top of the Speels design */
.bh-item { padding: 0; margin-bottom: 12px; }
.bh-item > summary { cursor: pointer; padding: 14px 18px; min-height: 48px; list-style-position: inside; }
.bh-item[open] > summary { border-bottom: 2px dashed var(--line); }
.bh-item > .bh-form { padding: 16px 18px 18px; }
.bh-form .field label { display: grid; gap: 6px; font-weight: 800; }
.bh-form select, .bh-form textarea, .bh-form input { font-weight: 400; }
.bh-table { overflow-x: auto; background: var(--paper); border-radius: var(--radius); box-shadow: var(--shadow); }
.bh-table table { border-collapse: collapse; width: 100%; min-width: 560px; }
.bh-table th, .bh-table td { padding: 10px 14px; border-bottom: 1px solid var(--line); text-align: left; vertical-align: middle; }
.bh-table input[type=checkbox] { width: 22px; height: 22px; }
#bh-msg { margin-top: 12px; overflow-wrap: anywhere; }
.btn--sm { min-height: 40px; }
.grid--login { grid-template-columns: 1fr; align-items: start; }
@media (min-width: 900px) { .grid--login { grid-template-columns: 1fr 1fr; } }