/* ===== GLASS CHAT MODAL ===== */
.glass-modal {
    background: rgba(20, 20, 30, 0.7) !important;
    backdrop-filter: blur(24px) saturate(180%);
    -webkit-backdrop-filter: blur(24px) saturate(180%);
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    box-shadow:
        0 20px 60px rgba(0, 0, 0, 0.5),
        inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

/* Override untuk tema terang */
[data-theme="light"] .glass-modal,
[data-theme="rose"] .glass-modal,
[data-theme="sakura"] .glass-modal,
[data-theme="warm"] .glass-modal {
    background: rgba(255, 255, 255, 0.8) !important;
    border: 1px solid rgba(255, 255, 255, 0.5) !important;
    box-shadow:
        0 20px 60px rgba(31, 38, 135, 0.2),
        inset 0 1px 0 rgba(255, 255, 255, 0.6);
}

[data-theme="light"] .glass-modal h3,
[data-theme="rose"] .glass-modal h3,
[data-theme="sakura"] .glass-modal h3,
[data-theme="warm"] .glass-modal h3 {
    color: #1f2937 !important;
}

[data-theme="light"] .glass-modal .text-white\/60,
[data-theme="rose"] .glass-modal .text-white\/60,
[data-theme="sakura"] .glass-modal .text-white\/60,
[data-theme="warm"] .glass-modal .text-white\/60 {
    color: rgba(75, 85, 99, 0.8) !important;
}

[data-theme="light"] .glass-modal .text-white,
[data-theme="rose"] .glass-modal .text-white,
[data-theme="sakura"] .glass-modal .text-white,
[data-theme="warm"] .glass-modal .text-white {
    color: #1f2937 !important;
}

/* Animasi modal masuk */
#chatModal.animate-in>div {
    animation: chatModalIn 0.3s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

@keyframes chatModalIn {
    from {
        opacity: 0;
        transform: scale(0.9) translateY(20px);
    }

    to {
        opacity: 1;
        transform: scale(1) translateY(0);
    }
}