#userProfileModal .modal-dialog {
    max-width: 600px; /* Adjust as needed */
}

#userProfileModal .modal-header {
    border-bottom: 1px solid #dee2e6; /* Bootstrap's default border color */
}

#userProfileModal .modal-footer {
    border-top: 1px solid #dee2e6; /* Bootstrap's default border color */
}

/* Style for the non-dismissible backdrop */
.modal-backdrop.static {
    opacity: 0.7 !important; /* Make it a bit more prominent */
    background-color: #000 !important;
}

/* Error message styling */
.profile-error-message {
    color: var(--bs-danger);
    font-size: 0.875em;
    margin-top: 0.25rem;
}