.recovery-center-item {
    background: var(--card-bg-color);
}

.recovery-center-item:not(.border-warning) {
    border-color: var(--card-border-color) !important;
}

.dark-theme .recovery-center-item.border-warning {
    border-color: var(--bs-warning-border-subtle) !important;
}

/* The legacy global dark-theme text rule is intentionally broad. Restore
   Bootstrap's semantic alert colors inside the two affected dialogs. */
.dark-theme #recoveryCenterModal .alert-warning,
.dark-theme #settingsModal .alert-warning {
    color: var(--bs-warning-text-emphasis) !important;
}

.dark-theme #recoveryCenterModal .alert-secondary,
.dark-theme #settingsModal .alert-secondary {
    color: var(--bs-secondary-text-emphasis) !important;
}

.dark-theme #recoveryCenterModal .text-bg-warning {
    color: #1a1a1a !important;
}

/* dialogs-search.css predates Bootstrap 5 and uses the backdrop z-index. Keep
   this modal one layer above its own backdrop so recovery actions remain usable. */
#recoveryCenterModal {
    z-index: 1055;
}

.recovery-center-list:empty {
    display: none !important;
}

#recoveryCenterBtn .badge {
    font-size: 0.65rem;
}