/* Lokasi: public/css/style.css */
/* Karena kita menggunakan Tailwind CSS, file ini hanya untuk styling spesifik 
   yang sulit atau terlalu panjang jika menggunakan utility classes Tailwind. */

/* Custom Scrollbar untuk area percakapan tiket agar terlihat lebih rapi */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
::-webkit-scrollbar-track {
    background: #f8fafc; 
}
::-webkit-scrollbar-thumb {
    background: #cbd5e1; 
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #94a3b8; 
}

/* Transisi halus untuk Modal/Popup */
.modal-overlay {
    transition: opacity 0.3s ease-in-out;
}
.modal-content {
    transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
}

/* Animasi sederhana untuk notifikasi alert */
@keyframes slideDown {
    from { transform: translateY(-10px); opacity: 0; }
    to { transform: translateY(0); opacity: 1; }
}
.alert-animated {
    animation: slideDown 0.3s ease-out forwards;
}