.beheer-organisaties { display: grid; gap: 18px; padding-top: 18px; }
.beheer-organisaties > header h2, .beheer-organisaties > header p { margin-bottom: 4px; }
.beheer-organisaties > header p, .beheer-organisatie-invoer small { color: var(--subtiel); }
.beheer-organisatie-invoer { display: grid; grid-template-columns: minmax(220px, .7fr) minmax(320px, 1.4fr) auto; align-items: end; gap: 14px; }
.beheer-organisatie-invoer textarea { width: 100%; min-height: 58px; resize: vertical; border: 1px solid #8a8886; border-radius: 3px; padding: 7px 8px; font: inherit; }
.beheer-organisatie-fout { max-width: 720px; margin: 0; }
.beheer-organisatie-zoeken { display: flex; align-items: end; justify-content: space-between; gap: 16px; }
.beheer-organisatie-zoeken .tekstveld { width: min(460px, 100%); }
.beheer-organisatie-zoeken output { padding-bottom: 7px; color: var(--subtiel); font-size: 12px; white-space: nowrap; }
@media (max-width: 900px) {
    .beheer-organisatie-invoer { grid-template-columns: 1fr; }
    .beheer-organisatie-zoeken { align-items: stretch; flex-direction: column; gap: 4px; }
    .beheer-organisatie-zoeken output { padding: 0; }
    .beheer-organisatie-raster, .beheer-organisatie-raster thead, .beheer-organisatie-raster tbody,
    .beheer-organisatie-raster tr, .beheer-organisatie-raster th, .beheer-organisatie-raster td { display: block; min-width: 0; }
    .beheer-organisatie-raster thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
    .beheer-organisatie-raster tr { margin-bottom: 8px; border: 1px solid var(--lijn); padding: 8px 10px; }
    .beheer-organisatie-raster td { display: grid; grid-template-columns: 112px minmax(0, 1fr); border: 0; padding: 4px 0; }
    .beheer-organisatie-raster td::before { color: var(--subtiel); content: attr(data-label); font-size: 11px; font-weight: 650; }
}