/* Preserve the expanded sidebar; desktop collapse becomes an icon rail. */
#biti-sidebar { width: 288px; min-width: 288px; min-height: 0; height: auto; align-self: stretch; max-height: 100%; transition: width .2s ease, min-width .2s ease; }
#biti-sidebar :is(.menu-btn, .chat-history-item) { transition-property: background-color, color, border-color, box-shadow; }
#biti-sidebar .chat-options-btn:focus-visible { opacity: 1; }
.sidebar-controls { display: flex; justify-content: flex-end; flex-shrink: 0; padding: 0 4px 4px; }
.sidebar-toggle { width: 34px; height: 34px; display: grid; place-items: center; border: 0; border-radius: 9px; color: #64748b; background: transparent; cursor: pointer; }
.sidebar-toggle:hover { background: #eff4fa; color: #2563eb; }
.sidebar-toggle svg { width: 21px; height: 21px; }
#biti-sidebar :is(button, a, [tabindex]):focus-visible { outline: 2px solid #60a5fa; outline-offset: 2px; }
.sidebar-menu-icon { width: 20px; height: 20px; flex-shrink: 0; }
.sidebar-history-icon { flex-shrink: 0; color: #64748b; }
#sidebar-overlay[hidden] { display: none !important; }
@media (min-width: 901px) {
    #biti-sidebar { max-height: calc(100vh - var(--space-300, 24px) - var(--space-300, 24px)); }
    #biti-sidebar.is-collapsed { width: 72px; min-width: 72px; padding: 12px 6px; overflow-x: hidden; overflow-y: auto; scrollbar-width: thin; }
    #biti-sidebar.is-collapsed .sidebar-toggle svg { transform: scaleX(-1); }
    #biti-sidebar.is-collapsed .sidebar-controls { justify-content: center; padding: 0; }
    #biti-sidebar.is-collapsed .menu { align-items: center; gap: 10px; padding: 8px 0; }
    #biti-sidebar.is-collapsed .app-logo img { width: 32px; height: 32px; }
    #biti-sidebar.is-collapsed :is(.sidebar-label, .user-info, .history-items, .history-heading p, .history-heading .arrow, .data-update-texts, .footer-version, .divider, #sidebar-status-text) { display: none !important; }
    #biti-sidebar.is-collapsed .user-card { width: 42px; height: 44px; margin: 0; padding: 0; border-color: transparent; cursor: pointer; }
    #biti-sidebar.is-collapsed .information { width: 100%; justify-content: center; }
    #biti-sidebar.is-collapsed .user-image img { width: 32px; height: 32px; padding: 0; }
    #biti-sidebar.is-collapsed .btns { gap: 6px; }
    #biti-sidebar.is-collapsed .menu-btn { width: 42px; min-height: 42px; padding: 10px; justify-content: center; gap: 0; margin-inline: auto; }
    #biti-sidebar.is-collapsed .sidebar-status-item { padding: 10px !important; justify-content: center; }
    #biti-sidebar.is-collapsed .status-dot { margin: 0; }
    #biti-sidebar.is-collapsed .history-container { padding: 0; width: 100%; min-height: 42px; }
    #biti-sidebar.is-collapsed .history { padding: 0; border: 0; }
    #biti-sidebar.is-collapsed .history-heading { width: 42px; height: 42px; margin-inline: auto; padding: 10px; justify-content: center; }
    #biti-sidebar.is-collapsed .sidebar-data-update { justify-content: center; padding: 12px 0; }
    #biti-sidebar.is-collapsed .sidebar-footer { padding: 10px 0 16px; }
    #biti-sidebar.is-collapsed .logout-btn { margin-top: 10px; }
}
@media (max-width: 900px) {
    #biti-sidebar { min-width: 0; width: min(288px, calc(100vw - 40px)) !important; right: 0; transform: translateX(calc(100% + 20px)); visibility: hidden; transition: transform .22s ease, visibility .22s; }
    #biti-sidebar.open { transform: translateX(0); visibility: visible; transition-property: transform; }
    #biti-sidebar .sidebar-controls { display: none; }
    #sidebar-overlay.active { z-index: 9998; }
}
@media (prefers-reduced-motion: reduce) { #biti-sidebar, #biti-sidebar.open { transition: none; } }