/* Nested Modal Test Styles - Minimal */
/* Let Bootstrap handle most modal styling, JS handles z-index */

/* Debug borders to identify modal levels */
#modal-level-1 .modal-content {
    border: 3px solid var(--bs-primary);
}

#modal-level-2 .modal-content {
    border: 3px solid var(--bs-success);
}

#modal-level-3 .modal-content {
    border: 3px solid var(--bs-warning);
}

/* Subtitle styling */
.nested-modal .modal-subtitle {
    font-size: 0.875rem;
    opacity: 0.9;
}