/* Şikayetmatik AI Chat Styles */

[x-cloak] { display: none !important; }

/* Animations */
.animate-fade-in {
    animation: fadeIn 0.3s ease-out;
}

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

/* Chat bubbles */
.bubble-assistant {
    max-width: 85%;
}

.bubble-user {
    max-width: 75%;
}

/* Scrollbar */
#messagesContainer::-webkit-scrollbar {
    width: 6px;
}

#messagesContainer::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 3px;
}

#messagesContainer::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 3px;
}

/* Option buttons hover */
.option-btn:hover {
    transform: translateX(4px);
}

/* File drop zone */
.drop-zone.drag-over {
    border-color: #6366f1;
    background-color: #eef2ff;
}