/**
 * CockpitOS Light - Chatbot Body Component
 * 
 * Verantwortlichkeit: Body Styling (Messages Container, Scrollbar)
 * 
 * @package CockpitOS_Light_Theme
 * @version 1.0.0
 */

/* ========================================
   Body Base
   ======================================== */

.cockpit-os-chatbot-modal__body {
    flex: 1;
    overflow-y: auto;
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    background: var(--chatbot-bg);
    scroll-behavior: smooth;
}

/* Window Mode: Mehr Padding */
.cockpit-os-chatbot-modal[data-layout="window"] .cockpit-os-chatbot-modal__body {
    padding: 20px;
}

.cockpit-os-chatbot-modal__body-inner {
    display: flex;
    flex-direction: column;
    gap: var(--chatbot-spacing-md);
}

/* ========================================
   Custom Scrollbar
   ======================================== */

.cockpit-os-chatbot-modal__body::-webkit-scrollbar {
    width: 6px;
}

.cockpit-os-chatbot-modal__body::-webkit-scrollbar-track {
    background: transparent;
}

.cockpit-os-chatbot-modal__body::-webkit-scrollbar-thumb {
    background: var(--color-gray-300);
    border-radius: 3px;
}

.cockpit-os-chatbot-modal__body::-webkit-scrollbar-thumb:hover {
    background: var(--color-gray-400);
}

/* Firefox Scrollbar */
.cockpit-os-chatbot-modal__body {
    scrollbar-width: thin;
    scrollbar-color: var(--color-gray-300) transparent;
}

/* ========================================
   Responsive
   ======================================== */

@media (max-width: 768px) {
    .cockpit-os-chatbot-modal__body {
        padding: 16px 12px;
    }
}