* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* Стили для окна чата */
#chat-widget {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;
}

.message {
    word-wrap: break-word;
    word-break: break-word;
}

.message img,
.message video {
    max-width: 100%;
    border-radius: 8px;
}

/* Анимация появления */
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

#chat-window {
    animation: fadeIn 0.3s ease-out;
}

/* Стили для скроллбара */
#chat-messages::-webkit-scrollbar {
    width: 6px;
}

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

#chat-messages::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 3px;
}

#chat-messages::-webkit-scrollbar-thumb:hover {
    background: #555;
}

/* Стили для кнопок */
button {
    transition: opacity 0.2s;
}

button:hover {
    opacity: 0.8;
}

/* Адаптивность для мобильных устройств */
@media (max-width: 768px) {
    #chat-window {
        width: 100vw !important;
        height: 100vh !important;
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        border-radius: 0 !important;
    }
    
    #chat-button {
        width: 50px !important;
        height: 50px !important;
        bottom: 10px !important;
        right: 10px !important;
    }
}