/* Mobile workspace layout; shared unread colours live in shell-consistency.css. */
.workspace-mobile-brand,.workspace-drawer-close,.workspace-drawer-profile,.workspace-mobile-tabs,.workspace-preview { display:none; }
.workspace-public-drawer { display:none; }
.workspace-profile-tools { display:none; }
.workspace-quick-links { display:none; }
.user-dash-nav .workspace-quick-help h3 { color:var(--text-primary); }
.site-header .header-dash-toggle { display:none; }
.mobile-profile-avatar { width:26px; height:26px; border-radius:50%; display:grid; place-items:center; background:var(--surface); color:var(--text-primary); font-size:13px; font-weight:600; overflow:hidden; }
.mobile-profile-avatar img { width:100%; height:100%; object-fit:cover; }
@media (max-width:860px) {
    .workspace-public-drawer { display:flex; }
    .signed-in-site-header :is(.signed-in-page-title,.user-menu-wrap,.signed-in-theme-toggle,.global-header-messages-shortcut,.main-nav,.header-post-ad) { display:none !important; }
    .signed-in-site-header .signed-in-desktop-brand { display:flex !important; margin:0 !important; width:100px; }
    .signed-in-site-header .brand-lockup { width:100px !important; height:31px !important; }
    .signed-in-site-header .header-actions { margin-left:auto; gap:8px; }
    .signed-in-site-header .header-dash-toggle { display:grid; place-items:center; width:44px; height:44px; padding:0; border:0; background:transparent; color:inherit; }
    .user-dash-topbar .dash-topbar-left { display:flex !important; grid-column:1 !important; grid-row:1; min-width:0; }
    .workspace-mobile-brand { display:flex; padding:0 !important; color:#fff; width:100px; align-items:center; flex-shrink:0; }
    .workspace-mobile-brand .brand-lockup { width:100px !important; height:31px !important; color:#fff !important; }
    .user-dash-topbar .dash-topbar-heading { display:none; }
    .user-dash-topbar { grid-template-columns:minmax(0,1fr) auto !important; gap:8px !important; }
    .user-dash-topbar .dash-topbar-right { grid-column:2 !important; grid-row:1; gap:8px !important; margin-left:0; }
    .user-dash-topbar .dash-topbar-right :is(.workspace-switch-form,.user-menu-wrap,.signed-in-theme-toggle,.global-header-messages-shortcut) { display:none !important; }
    .user-dash-topbar .header-dash-toggle { display:grid !important; place-items:center; width:44px; height:44px; padding:0; border:0; background:transparent; color:inherit; }
    .user-dash-topbar .dash-topbar-search { grid-column:1 / -1 !important; grid-row:2; max-width:none !important; }
    .site-header .header-login { display:none !important; }
    #dashNavAside.user-dash-nav { position:fixed !important; inset:0 !important; margin:0 !important; width:100% !important; max-width:none !important; box-sizing:border-box; transform:translateX(100%) !important; z-index:1401 !important; padding:0 16px calc(20px + env(safe-area-inset-bottom)) !important; height:100vh; height:100dvh !important; max-height:100dvh !important; overflow-y:auto; overscroll-behavior:contain; border:0 !important; border-radius:0 !important; }
    #dashNavAside.user-dash-nav.open { transform:translateX(0) !important; }
    .dash-nav-overlay.open { z-index:1400 !important; }
    body.workspace-drawer-open { overflow:hidden; }
    .user-dash-nav .dash-nav-brand { min-height:66px; padding:12px 48px 12px 0 !important; background:transparent !important; border:0; flex-shrink:0; }
    .user-dash-nav .dash-nav-brand .brand-lockup { width:100px !important; height:31px !important; color:var(--text-primary) !important; }
    .workspace-drawer-close { position:absolute; z-index:3; right:10px; top:10px; display:grid; place-items:center; width:44px; height:44px; border:0; background:transparent; color:var(--text-primary); }
    .user-dash-nav .dash-nav-links { overflow:visible; flex:none; }
    .workspace-drawer-profile { display:block; padding:8px 0 18px; border-bottom:1px solid var(--border); margin-bottom:12px; }
    .workspace-profile-identity { display:flex; gap:12px; align-items:flex-start; }
    .workspace-profile-avatar { width:56px; height:56px; flex:0 0 56px; border-radius:50%; overflow:hidden; display:grid; place-items:center; font-size:24px; background:var(--surface-hover,var(--surface)); color:var(--text-primary); }
    .workspace-profile-avatar img { width:100%; height:100%; object-fit:cover; }
    .workspace-profile-details { min-width:0; display:flex; flex-direction:column; gap:3px; font-size:13px; color:var(--text-secondary); }
    .workspace-profile-details strong { font-size:17px; color:var(--text-primary); overflow-wrap:anywhere; }
    .workspace-profile-verified { display:inline-flex; vertical-align:middle; color:var(--gold); }
    .user-dash-nav .workspace-profile-details a { padding:5px 0 !important; color:var(--gold); min-height:32px; }
    .workspace-profile-tools { display:flex; justify-content:space-between; flex-wrap:wrap; gap:8px; margin-top:12px; }
    .workspace-profile-tools form { margin:0; }
    .workspace-profile-tools button { font:inherit; font-size:12px; min-height:36px; padding:6px 10px; color:var(--text-primary); border:1px solid var(--border); border-radius:8px; background:transparent; cursor:pointer; }
    .workspace-mobile-tabs { display:flex; overflow-x:auto; gap:8px; scrollbar-width:thin; padding:0 0 10px; margin-bottom:12px; overscroll-behavior-x:contain; }
    .workspace-mobile-tabs .workspace-nav-group-toggle { width:auto; flex:0 0 auto; white-space:nowrap; padding:10px 12px; min-height:44px; border-radius:8px; font-size:13px; }
    .workspace-mobile-tabs .workspace-nav-group-toggle svg { display:none; }
    .workspace-mobile-tabs [aria-selected="true"] { background:var(--surface-hover,var(--surface)); color:var(--gold); box-shadow:inset 0 -2px var(--gold); }
    .user-dash-nav .workspace-nav-group { border:0; margin:0; padding:0; }
    .user-dash-nav .workspace-nav-group-links { padding:0; }
    .workspace-preview { display:block; margin-bottom:12px; }
    .workspace-preview-cards { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
    .workspace-preview-card { padding:10px 8px; background:var(--surface); border:1px solid var(--border); border-radius:10px; min-width:0; }
    .workspace-preview-card span { display:block; font-size:12px; color:var(--text-secondary); }
    .workspace-preview-card strong { display:block; font-size:21px; margin-top:4px; color:var(--text-primary); }
    .workspace-preview-status { font-size:13px; color:var(--text-secondary); }
    .user-dash-nav .workspace-dashboard-link { justify-content:space-between; color:var(--gold); }
    .user-dash-nav :is(button,a):focus-visible { outline:2px solid var(--gold); outline-offset:2px; }
}
@media (prefers-reduced-motion:reduce) { .user-dash-nav { transition:none !important; } }
/* Conversation pages keep brand/menu access without a second search row. */
@media (max-width:860px) {
    body.conversation-workspace .dash-topbar { display:grid !important; min-height:60px; height:60px; }
    body.conversation-workspace .user-dash-nav { display:flex !important; }
    body.conversation-workspace .dash-nav-overlay.open { display:block !important; }
    body.conversation-workspace .dash-topbar-search { display:none !important; }
    body.conversation-workspace .messages-conversation-pane { height:calc(var(--chat-viewport-height,100dvh) - 60px) !important; max-height:calc(var(--chat-viewport-height,100dvh) - 60px) !important; }
    body.conversation-workspace .messages-shell.conversation-open { min-height:100dvh; }
}

@media(max-width:860px){
 .user-dash-topbar .header-dash-toggle,.signed-in-site-header .header-dash-toggle,.workspace-drawer-close{border:1px solid var(--border) !important;border-radius:10px}
 .user-dash-topbar .header-dash-toggle,.signed-in-site-header .header-dash-toggle{border-color:rgba(255,255,255,.28) !important}
 .workspace-profile-tools{display:flex;margin-top:16px;padding-top:14px;border-top:1px solid var(--border)}
 .user-dash-nav .dash-nav-bottom{margin-top:12px!important;padding-top:8px!important}
 .workspace-profile-verified{margin-left:5px;color:var(--primary);line-height:1}
 .workspace-quick-links{display:grid;gap:4px;margin-top:12px;padding-top:12px;border-top:1px solid var(--border)}
 .workspace-quick-links p{margin:0 0 4px;font-size:12px;color:var(--text-secondary)}
 .user-dash-nav .workspace-quick-links a{min-height:44px;padding:8px 10px;border:1px solid var(--border);border-radius:8px;font-size:13px}
 .workspace-drawer-profile{padding-bottom:14px}.workspace-profile-identity{align-items:center}
}

@media(max-width:860px){
.user-dash-nav .workspace-preview-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
.workspace-recent{display:grid;gap:8px;margin-top:14px}.workspace-recent p{font-size:12px;color:var(--text-secondary);margin:0}.workspace-recent a{display:grid;gap:4px;padding:10px 12px;background:var(--surface);border-radius:10px;text-decoration:none;min-width:0}.workspace-recent strong{font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.workspace-recent span{font-size:12px;color:var(--text-secondary)}
.user-dash-topbar .header-dash-toggle,.signed-in-site-header .header-dash-toggle,.workspace-drawer-close{border-color:transparent!important}
}

@media(max-width:860px){:root[data-theme] .user-dash-nav{background:var(--surface)!important;opacity:1;backdrop-filter:none}.user-dash-nav .workspace-mobile-tabs{background:var(--surface);scrollbar-width:none}.workspace-mobile-tabs::-webkit-scrollbar{display:none}}

.workspace-menu-directory{display:none}
@media(max-width:860px){.workspace-menu-directory{display:grid;gap:16px;margin-top:20px;padding-top:16px;border-top:1px solid var(--border)}.workspace-menu-directory h3{margin:0 0 6px;font-size:12px;font-weight:600;color:var(--text-secondary)}.workspace-menu-directory section{display:grid;gap:2px}.user-dash-nav .workspace-menu-directory a{display:flex;align-items:center;gap:12px;min-height:48px;padding:10px 12px!important;border:0;border-radius:8px;background:transparent;font-size:14px}.workspace-menu-directory a:hover{background:var(--surface-hover)}.user-dash-nav .workspace-quick-help{display:flex;flex-wrap:nowrap;gap:8px;overflow-x:auto;padding-bottom:8px;scrollbar-width:none}.workspace-quick-help h3{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.user-dash-nav .workspace-quick-help a{flex:0 0 auto;display:flex;align-items:center;gap:7px;min-height:44px;padding:8px 10px!important;border:1px solid var(--border);border-radius:8px;white-space:nowrap}.workspace-quick-help svg{width:18px;height:18px}}

/* One opaque primary row; all remaining navigation is vertical. */
@media(max-width:860px){:root[data-theme] #dashNavAside.user-dash-nav .workspace-mobile-tabs{background:var(--surface)!important;opacity:1;backdrop-filter:none;isolation:isolate;z-index:10;box-shadow:0 -12px 0 12px var(--surface)!important}#dashNavAside .workspace-quick-help{display:none!important}#dashNavAside .workspace-primary-link{display:inline-flex;align-items:center;flex:0 0 auto;min-height:44px;padding:10px 12px!important;white-space:nowrap;border:0;border-radius:8px;background:var(--surface);font-size:13px;color:var(--text-primary)}#dashNavAside .workspace-menu-directory{margin-top:14px}#dashNavAside .workspace-nav-group[hidden]{display:none!important}}

/* Help belongs in scrolling navigation; account actions stay compact. */
.workspace-scroll-tools{display:grid;gap:6px;margin-top:16px;padding-top:12px;border-top:1px solid var(--border)}
.workspace-scroll-tools .workspace-profile-tools{display:flex;justify-content:space-between;margin:0!important;padding:4px 0!important;border:0}
.workspace-drawer-footer .dash-nav-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:nowrap}
.workspace-drawer-footer .dash-nav-bottom>form{order:0;min-width:0}
.workspace-drawer-footer .dash-nav-bottom>a[href$="/refer"]{order:1;margin-left:auto;white-space:nowrap;font-size:13px}
.workspace-profile-follow-counts{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.workspace-profile-follow-counts .workspace-plan-badge{margin-left:auto;max-width:45%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:7px;padding:5px 8px!important;min-height:32px;font-size:12px;line-height:22px;background:var(--surface-hover);color:var(--text-primary)}
.app-legal-inline>summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;min-height:44px;padding:8px 10px;list-style:none;font-size:14px}
.app-legal-inline>summary::-webkit-details-marker{display:none}
.app-legal-inline>summary::after{content:'';width:8px;height:8px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin:0 4px 5px 12px}
.app-legal-inline[open]>summary::after{transform:rotate(225deg);margin-bottom:0}
.app-legal-inline>nav{display:grid;padding:2px 10px 8px;gap:2px}
.app-legal-inline>nav :is(a,button){display:flex;align-items:center;min-height:44px;padding:8px 10px!important;text-align:left;border:0;background:transparent;color:var(--text-secondary);font:inherit;font-size:13px}
.company-brand-avatar,.support-chat-avatar,.support-workspace-avatar:has(img){border-radius:18%!important}.company-brand-avatar img{border-radius:18%!important}
.workspace-scroll-tools>.app-legal-menu{display:block;margin-top:6px;padding-top:6px;border-top:1px solid var(--border)}
@media(min-width:861px){#dashNavAside .app-legal-menu,#dashNavAside [data-app-download-link],#dashNavAside .workspace-app-version,#dashNavAside .workspace-social-links{display:none!important}}
@media(max-width:860px){#dashNavAside .app-legal-inline>summary{padding:4px 8px;min-height:44px}#dashNavAside .app-legal-inline>nav{padding:0 8px 4px;gap:0}#dashNavAside .workspace-scroll-tools{gap:2px;margin-top:10px;padding-top:8px}}
/* Home is one destination on desktop; its mobile summary keeps a separate label. */
@media(min-width:861px){.user-dash-nav .workspace-home-group>.workspace-nav-group-toggle{display:none}.user-dash-nav .workspace-home-group>.workspace-nav-group-links{display:block!important}.user-dash-nav .workspace-home-group .workspace-quick-help{display:none}}
.workspace-profile-tools button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:8px 10px;border:0;border-radius:8px;background:var(--surface-2);color:var(--text-primary);font:500 12px/1.4 var(--font-body,Inter,system-ui,sans-serif);cursor:pointer}.workspace-profile-tools button:hover{color:var(--primary)}
