/* Reauthentication Modal Theme Styling */

/* Light mode styling */
html[data-theme="light"] #reauthModal .modal-content {
    background-color: #f5f7fa !important;
    color: #1f2428 !important;
    border-color: #e2e8f0 !important;
}

html[data-theme="light"] #reauthModal .modal-body {
    background-color: #f5f7fa !important;
    color: #1f2428 !important;
}

html[data-theme="light"] #reauthModal .modal-footer {
    background-color: #f5f7fa !important;
    color: #1f2428 !important;
    border-top-color: #e2e8f0 !important;
}

html[data-theme="light"] #reauthModal .modal-title {
    color: #1f2428 !important;
}

html[data-theme="light"] #reauthModal .modal-body p {
    color: #57606a !important;
}

html[data-theme="light"] #reauthModal .btn-primary {
    background-color: #0d6efd !important;
    border-color: #0d6efd !important;
    color: #fff !important;
}

html[data-theme="light"] #reauthModal .btn-secondary {
    background-color: #6c757d !important;
    border-color: #6c757d !important;
    color: #fff !important;
}

/* Dark mode styling */
html[data-theme="dark"] #reauthModal .modal-content {
    background-color: #1f2324 !important;
    color: #e6edf3 !important;
    border-color: #30363d !important;
}

html[data-theme="dark"] #reauthModal .modal-body {
    background-color: #1f2324 !important;
    color: #e6edf3 !important;
}

html[data-theme="dark"] #reauthModal .modal-footer {
    background-color: #1f2324 !important;
    color: #e6edf3 !important;
    border-top-color: #30363d !important;
}

html[data-theme="dark"] #reauthModal .modal-title {
    color: #e6edf3 !important;
}

html[data-theme="dark"] #reauthModal .modal-body p {
    color: #8b949e !important;
}

html[data-theme="dark"] #reauthModal .btn-primary {
    background-color: #4FC4DB !important;
    border-color: #4FC4DB !important;
    color: #0b2026 !important;
}

html[data-theme="dark"] #reauthModal .btn-secondary {
    background-color: #495057 !important;
    border-color: #495057 !important;
    color: #e6edf3 !important;
}

/* Ensure modal backdrop is dark */
#reauthModal .modal-backdrop {
    background-color: rgba(0, 0, 0, 0.5) !important;
    opacity: 1 !important;
}

/* Prevent body scrolling when modal is open */
body.modal-open {
    overflow: hidden;
}