/* Auth login icon styling */
.auth-login-icon {
    color: #007bff;
    margin-left: 0.5rem;
    cursor: pointer;
    font-size: 0.875rem;
    transition: all 0.2s ease;
    opacity: 0.8;
}

.auth-login-icon:hover {
    color: #0056b3;
    opacity: 1;
    transform: scale(1.1);
}

/* Hide login icons for authenticated users */
.authenticated .auth-login-icon {
    display: none;
}

/* Styling for disabled filters with login icons */
.form-check-input:disabled + .form-check-label {
    opacity: 0.7;
}

.form-check-input:disabled + .form-check-label .auth-login-icon {
    opacity: 0.8;
}

/* When authenticated, restore normal styling */
.authenticated .form-check-input:disabled + .form-check-label {
    opacity: 1;
}

.authenticated .form-check-input {
    opacity: 1;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .auth-login-icon {
        font-size: 0.8rem;
        margin-left: 0.4rem;
    }
}