/**
 * OpenClaw Chat Widget - Base Styles
 * Additional styles loaded before JS initializes
 */

/* Ensure widget container is positioned correctly */
#openclaw-widget-container {
    position: fixed;
    z-index: 999999;
}

/* Hide helper class */
.oc-hidden {
    display: none !important;
}

/* Visible helper class */
.oc-visible {
    display: flex !important;
}

/* Smooth animations */
#oc-chat-window {
    animation: oc-slide-up 0.3s ease-out;
}

@keyframes oc-slide-up {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Scrollbar styling for messages */
#oc-messages::-webkit-scrollbar {
    width: 6px;
}

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

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

#oc-messages::-webkit-scrollbar-thumb:hover {
    background: #a1a1a1;
}

/* Print styles - hide widget when printing */
@media print {
    #openclaw-widget-container {
        display: none !important;
    }
}