/* ========================================
   Messages Area — ALWAYS WHITE background
   Scrollbar hidden in ALL browsers
   ======================================== */

/* Wrapper clips the scrollbar completely */
.chat-widget-messages-wrapper {
    flex: 1;
    overflow: hidden;
    position: relative;
    background: #FFFFFF; /* always white — all 7 themes */
}

.chat-widget-messages {
    position: absolute;
    inset: 0;
    /* Shift left so scrollbar is clipped by wrapper's overflow:hidden */
    right: 0;
    left: -20px;
    overflow-y: scroll;
    padding: 16px 16px 16px 36px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    background: #FFFFFF; /* always white */
    scroll-behavior: auto;

    /* Firefox */
    scrollbar-width: none;
    /* IE/Edge */
    -ms-overflow-style: none;

    /* Prevent scroll from leaking to background page */
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
    touch-action: pan-y;
}