/* Fix for main-container layout on index.php */
body .container > .main-container {
    display: flex;
    position: relative;
    height: calc(100vh - 120px); /* Adjust for header and footer */
    margin-top: 60px; /* Position below header */
    width: 100%;
    overflow: hidden;
}

body .container > .main-container > .chat-container {
    flex: 1;
    margin-left: 280px;
    width: calc(100% - 280px);
    position: relative;
    display: flex;
    flex-direction: column;
}

body .container > .main-container > .chat-container > .chat-messages {
    flex: 1;
    overflow-y: auto;
}

body .container > .main-container > .chat-container > .chat-input-container {
    position: sticky;
    bottom: 0;
    width: 100%;
    background-color: var(--bg-color, #ffffff);
    border-top: 1px solid var(--border-color, #dadce0);
    padding: 16px;
    z-index: 10;
}

/* Responsive styles */
@media (max-width: 768px) {
    body .container > .main-container > .chat-container {
        margin-left: 0;
        width: 100%;
    }
}