/* Mobile sidebar styles */
.sidebar-mobile {
    transition: transform 0.3s ease-out;
}

.sidebar-mobile.sidebar-open {
    display: flex !important;
    transform: translateX(0) !important;
}

#sidebar {
    z-index: 50;
}

/* Mobile responsive fixes */
@media (max-width: 768px) {
    .sidebar-mobile {
        display: flex;
    }

    /* Prevent message bubbles from exceeding screen width */
    .message-enter {
        max-width: 100vw;
        box-sizing: border-box;
    }

    .message-enter>div {
        max-width: 90vw;
        box-sizing: border-box;
    }

    /* Fix code block overflow */
    .code-block-wrapper {
        max-width: 100% !important;
        width: 100% !important;
        box-sizing: border-box;
        position: relative;
    }

    .code-block-wrapper pre {
        max-width: 100% !important;
        overflow-x: auto !important;
        white-space: pre !important;
        -webkit-overflow-scrolling: touch;
        margin: 0 !important;
    }

    .code-block-wrapper code {
        white-space: pre !important;
    }

    /* Fix Message Input on Mobile */
    #message-input {
        padding: 12px 16px !important;
        /* Reduce padding */
        font-size: 16px !important;
        /* Prevent zoom on iOS */
        line-height: 1.4 !important;
        min-height: 48px !important;
        /* Ensure enough height */
        height: auto;
    }

    /* Adjust send button on mobile */
    #send-btn {
        padding: 12px !important;
        height: 48px !important;
        width: 48px !important;
        display: flex;
        align-items: center;
        justify-content: center;
    }
}