@charset "UTF-8";

/*
 * Workspace sidebar adapter.
 * Sidebar appearance is owned exclusively by home-community.css. This file only
 * controls workspace layout, route visibility, and the mobile drawer trigger.
 */
.history-sidebar-mobile-toggle {
    display: none;
}

body:not(.workspace-sidebar-active) .history-community-sidebar,
body:not(.workspace-sidebar-active) .history-sidebar-backdrop,
body:not(.workspace-sidebar-active) .history-sidebar-mobile-toggle {
    display: none !important;
}

body.workspace-sidebar-active .history-community-sidebar {
    z-index: 20100;
}

body.workspace-sidebar-active .frontend-topbar {
    width: calc(100% - var(--community-sidebar-width));
    margin-left: var(--community-sidebar-width) !important;
    transition: width 180ms ease, margin-left 180ms ease;
}

body.workspace-sidebar-active #main-container {
    width: calc(100% - var(--community-sidebar-width));
    margin-left: var(--community-sidebar-width);
    transition: width 180ms ease, margin-left 180ms ease;
}

body.workspace-sidebar-active.ai-generate-sidebar-active .gen-shell {
    width: calc(100% - var(--community-sidebar-width));
    margin-left: var(--community-sidebar-width);
    transition: width 180ms ease, margin-left 180ms ease;
}

@media (max-width: 900px) {
    body.workspace-sidebar-active .frontend-topbar,
    body.workspace-sidebar-active #main-container,
    body.workspace-sidebar-active.ai-generate-sidebar-active .gen-shell {
        width: 100%;
        margin-left: 0 !important;
    }

    body.workspace-sidebar-active .frontend-topbar-inner {
        padding-left: 58px;
    }

    body.workspace-sidebar-active .history-sidebar-mobile-toggle {
        position: fixed;
        z-index: 20110;
        top: 13px;
        left: 10px;
        width: 36px;
        height: 36px;
        display: grid !important;
        place-items: center;
        padding: 0;
        border: 1px solid #e7eaf0;
        border-radius: 11px;
        background: #f3f4f6;
        color: #344054;
        box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
        cursor: pointer;
        touch-action: manipulation;
        transition: color 160ms ease, background-color 160ms ease, border-color 160ms ease, opacity 150ms ease, transform 160ms ease, visibility 0s linear 0s;
    }

    body.workspace-sidebar-active .history-sidebar-mobile-toggle:hover,
    body.workspace-sidebar-active .history-sidebar-mobile-toggle[aria-expanded="true"] {
        border-color: #dce3ff;
        background: #eef2ff;
        color: #4b6ef5;
    }

    body.workspace-sidebar-active .history-sidebar-mobile-toggle:active {
        transform: scale(0.94);
    }

    body.workspace-sidebar-active .history-sidebar-mobile-toggle svg {
        width: 19px;
        height: 19px;
        display: block;
        fill: none;
        stroke: currentColor;
        stroke-width: 2;
        stroke-linecap: round;
        stroke-linejoin: round;
    }

    html.community-mobile-sidebar-open body.workspace-sidebar-active .history-sidebar-mobile-toggle {
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transform: scale(0.88);
        transition: opacity 120ms ease, transform 120ms ease, visibility 0s linear 120ms;
    }

    body.workspace-sidebar-active .history-community-sidebar {
        z-index: 20100;
    }

    body.workspace-sidebar-active .history-sidebar-backdrop {
        z-index: 20050;
    }
}