/* Reset container constraints */
.container-fluid {
    max-width: none !important;
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
}

/* Split container layout */
.split-container {
    display: flex !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    height: calc(100vh - 80px);
    transition: all 0.3s ease;
    position: relative;
}

/* Main panel */
.main-panel {
    flex: 1 !important;
    width: 100% !important;
    max-width: none !important;
    padding: 20px !important;
    margin: 0 !important;
    transition: width 0.3s ease, margin-right 0.3s ease;
}

/* Adjust main panel when chat is open */
.split-container.chat-open .main-panel {
    width: calc(100% - 400px) !important;
    margin-right: 400px !important;
}

/* Ensure content stays within bounds */
.page-content {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
    transition: width 0.3s ease;
}

/* Adjust page content when chat is open */
.split-container.chat-open .page-content {
    width: calc(100% - 400px);
}