/* Keep footer buttons on one line */
.ec-save-modal-footer {
    flex-wrap: nowrap;
}

/* Ensure the dialog stacks above the backdrop when both are siblings inside .modal */
.modal-dialog {
    position: relative;
    z-index: 1056;
}

.modal-backdrop {
    z-index: 1050;
}

.ec-save-modal-body {
    padding-top: 0.25rem;
}

.ec-save-modal-target {
    font-size: 0.9rem;
}

.ec-save-modal-changes {
    margin: 0 -1rem;
    padding: 0 1rem;
}

.ec-save-modal-item:last-child {
    border-bottom: 0 !important;
}

.ec-save-modal-option {
    font-weight: 500;
    font-size: 0.75rem;
}

.ec-save-modal-diff {
    font-size: 0.9375rem;
}

.ec-save-modal-override {
    font-size: 0.8125rem;
}

.ec-save-modal-empty {
    font-size: 0.9rem;
}

.ec-save-modal-loading {
    min-height: 6rem;
}

.ec-save-modal-backup-path {
    font-size: 0.9rem;
}

.ec-save-modal-backup-code {
    word-break: break-all;
}

/* Command output: ensure text is always visible (avoid inherited color/visibility issues) */
.ec-save-modal-pre {
    font-size: 0.8125rem;
    max-height: 12rem;
    overflow: auto;
    color: var(--bs-body-color, #212529);
    white-space: pre-wrap;
    word-break: break-word;
    min-height: 2.5rem;
}

/* Alert icon in reload/restore failed states: larger, spacing, aligned with text */
.ec-save-modal-alert {
    --ec-save-modal-alert-icon-gap: 0.5rem;
}

.ec-save-modal-alert-icon {
    flex-shrink: 0;
    font-size: 1.25rem;
    margin-right: var(--ec-save-modal-alert-icon-gap);
    line-height: 1;
}

.ec-save-modal-alert-text {
    min-width: 0;
}