/* ==========================================================================
   Subtle animations - fade-in, transitions, hover effects
   ========================================================================== */

/* Override animate.css duration for subtlety */
.animate__animated {
    --animate-duration: 0.5s;
}

/* Glass card entrance */
.glass-card {
    animation: glassIn 0.4s ease-out;
}

@keyframes glassIn {
    from {
        opacity: 0;
        transform: translateY(12px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Form control focus transition */
.form-control,
.form-select {
    transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}

/* Button hover lift */
.btn {
    transition: background 0.2s ease, transform 0.1s ease, box-shadow 0.2s ease;
}

.btn:hover {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

/* Table row hover */
.table tbody tr {
    transition: background 0.15s ease;
}

/* Alert entrance */
.alert {
    animation: alertIn 0.3s ease-out;
}

@keyframes alertIn {
    from {
        opacity: 0;
        transform: translateY(-8px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}