.maintenance-section { min-width: 0; display: grid; gap: 12px; }
.maintenance-section .toolbar { align-items: end; margin: 0; }
.maintenance-filters .field { min-width: min(125px, 100%); }
.maintenance-table { overflow-x: auto; border: 1px solid var(--border); border-radius: 7px; }
.maintenance-table table { width: 100%; min-width: 560px; }
.maintenance-table th { position: static; }
.maintenance-actions { display: grid; gap: 5px; min-width: max-content; }
.maintenance-dialog form, .maintenance-dialog-fields { display: grid; gap: 12px; }
.maintenance-dialog .field { margin: 0; }
.maintenance-dialog .field[hidden] { display: none; }
.maintenance-dialog .notice { margin: 0; }


.maintenance-card-heading > div { min-width: 0; }
.maintenance-card-heading h1 { overflow-wrap: anywhere; }
@media (max-width: 720px) {
    .maintenance-card-heading { flex-wrap: wrap; align-items: flex-start; }
    .maintenance-card-heading .button { white-space: normal; max-width: 100%; }
}