/* ========== MAIN LAYOUT STYLES ========== */
/* This file contains only the core layout styles not covered by other CSS files */
/* ========== LOGGED IN APP LAYOUT ========== */
#logged-in-app {
    min-height: 100vh;
    width: 100vw;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    position: relative;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.logged-in-layout {
    display: flex;
    flex-direction: row;
    width: 100vw;
    height: 100vh;
    overflow: hidden;
}
/* Style the div that loads chat.html to fill remaining space */
.logged-in-layout>div:last-child {
    flex: 1;
    display: flex;
    height: 100%;
}
.logged-in-main {
    flex: 1;
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
    position: relative;
    overflow: hidden;
}
/* ========== RESPONSIVE OVERRIDES ========== */
/* These are layout-specific responsive styles not covered by other files */
@media (max-width: 900px) {
    .logged-in-layout {
        flex-direction: column;
    }
    .sidebar {
        display: none;
    }
    .logged-in-main {
        margin-top: 0;
        padding: 20px;
    }
    .chat-input-section {
        width: 100%;
        max-width: 640px;
        left: 50%;
        transform: translateX(-50%);
        padding: 0 20px;
        box-sizing: border-box;
    }
    #ask-anything-box {
        margin: 0;
    }
}