/* Emergency Modal Fix - Force White Background */
/* This file specifically targets the modal black background issue */

/* Override with maximum specificity */
#generateApiKeyModal .modal-content,
#generateApiKeyModal.modal .modal-content,
#generateApiKeyModal.modal.fade .modal-content,
#generateApiKeyModal.modal.show .modal-content,
body #generateApiKeyModal .modal-content,
html body #generateApiKeyModal .modal-content,
html body #generateApiKeyModal.modal .modal-content,
html body #generateApiKeyModal.modal.fade .modal-content,
html body #generateApiKeyModal.modal.show .modal-content {
    background-color: #ffffff !important;
    background: #ffffff !important;
    color: #212529 !important;
}

/* Target all possible modal states */
#generateApiKeyModal .modal-header,
#generateApiKeyModal .modal-body,
#generateApiKeyModal .modal-footer {
    background-color: #ffffff !important;
    color: #212529 !important;
}

#generateApiKeyModal .modal-header {
    background-color: #f8f9fa !important;
    border-bottom: 1px solid #dee2e6 !important;
}

#generateApiKeyModal .modal-footer {
    background-color: #f8f9fa !important;
    border-top: 1px solid #dee2e6 !important;
}

/* Dark mode overrides removed - mobile.css no longer contains dark mode CSS */

/* Target Bootstrap modal classes directly */
.modal-content {
    background-color: #ffffff !important;
    color: #212529 !important;
}

/* Dark mode override removed - mobile.css line 440 no longer exists */

/* Ensure all text is visible */
#generateApiKeyModal .modal-content *,
#generateApiKeyModal .form-label,
#generateApiKeyModal .form-check-label,
#generateApiKeyModal .modal-title,
#generateApiKeyModal .btn {
    color: inherit !important;
}

#generateApiKeyModal .text-muted,
#generateApiKeyModal .form-text {
    color: #6c757d !important;
}

/* Fix form controls */
#generateApiKeyModal .form-control,
#generateApiKeyModal .form-select,
#generateApiKeyModal .form-check-input {
    background-color: #ffffff !important;
    color: #212529 !important;
    border-color: #ced4da !important;
}

#generateApiKeyModal .form-control:focus,
#generateApiKeyModal .form-select:focus {
    background-color: #ffffff !important;
    color: #212529 !important;
}