/* ── Backend ── */

.backend-index .backend-index-header {
    margin-bottom: 1rem;
}

.backend-index .backend-index-search {
    width: 20rem;
}

.backend-edit .backend-edit-header, .backend-edit .backend-edit-col {
    margin-bottom: var(--oo-space-3);
    padding: var(--oo-space-4);
    background: var(--oo-color-surface);
    border: var(--oo-border-width) solid var(--oo-color-border);
    border-radius: var(--oo-radius-md);
}

.backend-index .backend-index-header, .backend-index .backend-index-col {
    margin-bottom: var(--oo-space-3);
    padding: var(--oo-space-4);
    background: var(--oo-color-surface);
    border: var(--oo-border-width) solid var(--oo-color-border);
    border-radius: var(--oo-radius-md);
}

/* Mobile: Seitentitel in der Titelkarte kleiner (Browser-Standard für h1 sind 2em), damit sie einzeilig bleiben */
@media (max-width: 767px) {
    .backend-index-header h1, .backend-edit-header h1 {
        font-size: 1.5rem;
    }
}

/* Space-Verwaltung: Benutzerliste mit fester Breite umbrechen, statt die Spalte auf die volle Textlänge
   wachsen zu lassen (DataGrid-Zellen sind sonst nowrap) */
.spaces-index-benutzer {
    display: block;
    width: 16rem;
    white-space: normal;
}