/* LOGIN PAGE STYLES
-------------------------------------------------- */
main.px-3 h1.display-1 {
    color: #F5F5F5 !important; /* Light gray login title */
    margin-bottom: 2rem;
}

form label.form-label {
    color: #E0E0E0 !important; /* Light gray label text */
}

form input.form-control {
    background-color: #303030 !important; /* Dark charcoal input background */
    color: #F5F5F5 !important; /* Light gray input text */
    border: 1px solid #616161 !important; /* Dark gray input border */
    border-radius: 0.25rem;
    padding: 0.5rem 0.75rem;
}

form input.form-control::placeholder {
    color: #9E9E9E !important; /* Placeholder text color */
}

form input.form-control:focus {
    border-color: #2196F3 !important; /* Blue focus border */
    box-shadow: 0 0 0 0.2rem rgba(33, 150, 243, 0.25) !important; /* Blue focus shadow */
}

form div.mb-3.form-check input.form-check-input {
    background-color: #303030 !important; /* Dark charcoal checkbox background */
    border: 1px solid #616161 !important; /* Dark gray checkbox border */
}

form div.mb-3.form-check input.form-check-input:focus {
    border-color: #2196F3 !important; /* Blue focus border */
    box-shadow: 0 0 0 0.2rem rgba(33, 150, 243, 0.25) !important; /* Blue focus shadow */
}

form div.mb-3.form-check label.form-check-label {
    color: #E0E0E0 !important; /* Light gray checkbox label */
}

form button.btn.btn-primary {
    color: #FFFFFF !important;
    background-color: #2196F3 !important; /* Material Design blue button */
    border-color: #2196F3 !important;
    transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
    padding: 0.5rem 1rem;
    border-radius: 0.25rem;
    font-size: 1rem;
    cursor: pointer;
}

form button.btn.btn-primary:hover {
    background-color: #1976D2 !important; /* Darker blue button on hover */
    border-color: #1976D2 !important;
}