/* ═══════════════════════════════════════════════ Shell Switch — QuillBot Mirror Model Sidebar visible for ALL users (anonymous + auth). Marketing nav hidden by default. .is-authenticated on controls: - Sidebar footer (user info vs login CTA) - Login prompts on app-only pages ═══════════════════════════════════════════════ */ /* ─── Marketing nav: hidden by default ─── */ .marketing-nav { display: none; } /* ─── Word limit: visible for all ─── */ .word-limit-container { opacity: 1; max-height: 200px; overflow: visible; transition: opacity 300ms ease, max-height 300ms ease; } /* ─── Sidebar footer: auth-aware ─── */ /* Guest wrap: reuses .sidebar-user styles from layout.css. The dropdown uses .sidebar-user-dropdown styles from layout.css. No extra CSS needed — just ensure overflow doesn't clip. */ .sidebar-guest-wrap { position: relative; } .is-authenticated .sidebar-guest-wrap { display: none; } html:not(.is-authenticated) .sidebar-user-wrap { display: none; } /* ─── Marketing-only content: hidden ─── */ .marketing-only { display: none; } /* ─── Marketing footer: hidden by default ─── */ .marketing-footer { display: none; } /* ─── Login prompt on app-only pages (anonymous only) ─── */ .login-prompt { display: none; } html:not(.is-authenticated) .login-prompt { display: flex; } /* ─── CLS Prevention ─── */ .tool-container { min-height: 60vh; } /* ─── Guest dropdown (position:fixed, appended to body) ─── */ #sidebar-guest-dropdown .dropdown-item { display: flex; align-items: center; gap: 12px; padding: 8px 12px; border-radius: 6px; font-size: 13px; font-weight: 500; color: var(--color-text-secondary, #646e78); text-decoration: none; transition: background 200ms ease, color 200ms ease; cursor: pointer; width: 100%; border: none; background: none; text-align: left; } #sidebar-guest-dropdown .dropdown-item:hover { background: var(--color-sidebar-hover, rgba(105, 108, 255, 0.08)); color: var(--color-primary, #696cff); } #sidebar-guest-dropdown .dropdown-item svg { width: 18px; height: 18px; flex-shrink: 0; }