/* Authentication Modal Styles */

#authModal .modal-content {
    border: none;
    border-radius: 1rem;
    box-shadow: 0 10px 40px rgba(45,144,165,0.15);
}

#authModal .modal-header {
    background: linear-gradient(90deg, #2d90a5 0%, #5ec6d3 100%);
    color: white;
    border-radius: 1rem 1rem 0 0;
    border: none;
}

#authModal .btn-close {
    filter: invert(1);
}

#authModal .form-control:focus {
    border-color: #2d90a5;
    box-shadow: 0 0 0 0.2rem rgba(45,144,165,0.25);
}

#authModal .btn-primary {
    background: linear-gradient(90deg, #2d90a5 0%, #5ec6d3 100%);
    border: none;
    font-weight: 600;
}

#authModal .input-group .btn-outline-secondary {
    border-color: #ced4da;
}

#authModal .input-group .btn-outline-secondary:hover {
    background-color: #f8f9fa;
    border-color: #2d90a5;
    color: #2d90a5;
}

/* Hide browser's default password reveal button */
#loginPassword::-ms-reveal,
#loginPassword::-ms-clear {
    display: none;
}

#loginPassword::-webkit-textfield-decoration-container {
    display: none;
}

#loginPassword::-webkit-credentials-auto-fill-button {
    display: none !important;
}

/* Additional styles to ensure no browser password icons appear */
input[type="password"]::-ms-reveal,
input[type="password"]::-ms-clear {
    display: none;
}

input[type="password"]::-webkit-textfield-decoration-container {
    display: none;
}