/* One presentation layer; routes, account data and billing remain existing owners. */
html.hw-shell-v2 { --hw-shell-nav-width: 232px; }
html.hw-shell-v2:has(.sidebar-collapsed) { --hw-shell-nav-width: 60px; }
html.hw-shell-v2 body { font-size: 16px; line-height: 1.6; background: var(--hw-ui-bg); }
html.hw-shell-v2 body .shell { display: grid !important; grid-template-columns: var(--hw-shell-nav-width) minmax(0, 1fr) !important; background: var(--hw-ui-bg) !important; }
html.hw-shell-v2 body #workspaceSidebar { width: var(--hw-shell-nav-width) !important; padding: 16px 10px 12px !important; background: var(--hw-ui-surface) !important; border-right: 1px solid var(--hw-ui-line) !important; display: flex !important; flex-direction: column !important; gap: 12px !important; box-shadow: none !important; position: sticky !important; top: 0 !important; height: 100dvh !important; overflow: auto !important; }
html.hw-shell-v2 body #workspaceSidebar .brand { min-height: 44px !important; height: 44px !important; padding: 0 4px !important; position: relative !important; display: flex !important; align-items: center !important; background: transparent !important; border: 0 !important; box-shadow: none !important; }
html.hw-shell-v2 body #workspaceSidebar .brand-head { width: 100% !important; padding: 0 !important; display: flex !important; min-height: 0 !important; height: 44px !important; background: none !important; }
html.hw-shell-v2 body #workspaceSidebar, html.hw-shell-v2 body #workspaceSidebar .brand { backdrop-filter: none !important; -webkit-backdrop-filter: none !important; }
html.hw-shell-v2 body #workspaceSidebar #hwShellBrandHead:has(#hardaskBrand) { display: flex !important; height: 44px !important; min-height: 44px !important; max-height: 44px !important; padding: 0 !important; margin: 0 !important; position: static !important; transform: none !important; align-items: center !important; }
html.hw-shell-v2 body #workspaceSidebar #hardaskBrand { display: flex !important; align-items: center !important; gap: 8px !important; justify-content: flex-start !important; transform: none !important; margin: 0 !important; width: 154px !important; height: 44px !important; min-height: 0 !important; background: none !important; }
html.hw-shell-v2 body #workspaceSidebar .brand-main-logo-mark { width: 32px !important; height: 34px !important; }
html.hw-shell-v2 body #workspaceSidebar .brand-head--main::before, html.hw-shell-v2 body #workspaceSidebar .brand-head--main::after { display: none !important; }
html.hw-shell-v2 body #workspaceSidebar #hardaskBrand .brand-main-logo-mark { display: block !important; flex: 0 0 32px !important; width: 32px !important; height: 34px !important; position: static !important; transform: none !important; margin: 0 !important; }
html.hw-shell-v2 body #workspaceSidebar .brand .brand-head--main { background: transparent !important; border: 0 !important; box-shadow: none !important; }
html.hw-shell-v2 body #workspaceSidebar .hardask-brand-wordmark { font-size: 28px !important; }
html.hw-shell-v2 body #workspaceSidebar .brand-subtitle-text, html.hw-shell-v2 body #workspaceSidebar .brand-main-logo-copy small { display: none !important; }
html.hw-shell-v2 body #sidebarToggle { position: absolute !important; right: 0 !important; top: 6px !important; width: 32px !important; height: 32px !important; padding: 6px !important; border: 0 !important; border-radius: 8px !important; background: transparent !important; color: var(--hw-ui-muted) !important; box-shadow: none !important; }
html.hw-shell-v2 body #workspaceNavigation { display: flex !important; flex-direction: column !important; width: 100% !important; gap: 4px !important; margin: 0 !important; padding: 0 !important; }
html.hw-shell-v2 body #workspaceSidebar .menu-item { min-height: 42px !important; height: auto !important; display: flex !important; align-items: center !important; justify-content: flex-start !important; gap: 12px !important; padding: 9px 12px !important; border: 0 !important; border-radius: 8px !important; width: 100% !important; background: transparent !important; box-shadow: none !important; color: var(--hw-ui-text) !important; font-size: 15px !important; font-weight: 500 !important; transform: none !important; }
html.hw-shell-v2 body #workspaceSidebar .menu-item:hover, html.hw-shell-v2 body #sidebarToggle:hover { background: var(--hw-ui-hover) !important; }
html.hw-shell-v2 body #workspaceSidebar .menu-item.active { background: var(--hw-ui-soft) !important; color: var(--hw-ui-accent) !important; }
/* Bottom navigation sits outside workspaceNavigation. Outrank the legacy
   avatar stylesheet's two sentinel IDs without changing route or wallet code. */
html.hw-shell-v2 body #workspaceSidebar#workspaceSidebar#workspaceSidebar .sidebar-bottom-zone .menu-item.active { background: var(--hw-ui-soft) !important; color: var(--hw-ui-accent) !important; box-shadow: none !important; }
html.hw-shell-v2 body #workspaceSidebar#workspaceSidebar#workspaceSidebar .sidebar-bottom-zone .menu-item.active :is(.menu-item-label,.menu-item-icon) { color: var(--hw-ui-accent) !important; }
html.hw-shell-v2 body #workspaceSidebar .menu-item-icon { display: inline-flex !important; flex: 0 0 20px !important; width: 20px !important; height: 20px !important; margin: 0 !important; background: none !important; mask: none !important; -webkit-mask: none !important; font-size: 0 !important; }
html.hw-shell-v2 body #workspaceSidebar .menu-item-icon::before, html.hw-shell-v2 body #workspaceSidebar .menu-item-icon::after, html.hw-shell-v2 body #workspaceSidebar .menu-item::before, html.hw-shell-v2 body #workspaceSidebar .menu-item::after { display: none !important; content: none !important; }
html.hw-shell-v2 body #workspaceSidebar #workspaceNavigation .menu-item > .menu-item-icon::before,
html.hw-shell-v2 body #workspaceSidebar #workspaceNavigation .menu-item > .menu-item-icon::after { display: none !important; content: none !important; }
html.hw-shell-v2 body #workspaceSidebar .menu-item-icon svg { display: block !important; visibility: visible !important; background: none !important; mask: none !important; -webkit-mask: none !important; fill: none !important; }
html.hw-shell-v2 svg { flex-shrink: 0; }
html.hw-shell-v2 #workspaceSidebar svg { width: 20px; height: 20px; }
html.hw-shell-v2 .hw-shell-nav-label { padding: 16px 12px 4px; font-size: 12px; color: var(--hw-ui-muted); }
html.hw-shell-v2 body #workspaceSidebar .sidebar-bottom-zone { margin-top: auto !important; padding: 12px 0 0 !important; border-top: 1px solid var(--hw-ui-line) !important; display: grid !important; gap: 4px !important; background: none !important; }
html.hw-shell-v2 body #workspaceSidebar .sidebar-account-card { padding: 0 !important; border: 0 !important; background: none !important; box-shadow: none !important; }
html.hw-shell-v2 body #workspaceSidebar #sidebarAccountBtn { padding: 8px 10px !important; min-height: 48px !important; border: 0 !important; background: var(--hw-ui-sidebar) !important; color: var(--hw-ui-text) !important; border-radius: 8px !important; box-shadow: none !important; }
html.hw-shell-v2 body #workspaceSidebar #sidebarAccountBtn:hover { background: var(--hw-ui-hover) !important; }
html.hw-shell-v2 body #sidebarAccountAvatar { width: 28px !important; height: 28px !important; flex-basis: 28px !important; }
html.hw-shell-v2 body #sidebarAccountBtn strong { font-size: 14px !important; }
html.hw-shell-v2 body #sidebarAccountBtn small { font-size: 12px !important; }
html.hw-shell-v2 .sidebar-collapsed #workspaceSidebar .menu-item-label, html.hw-shell-v2 .sidebar-collapsed #workspaceSidebar .hw-shell-nav-label, html.hw-shell-v2 .sidebar-collapsed #workspaceSidebar .sidebar-account-copy { display: none !important; }
html.hw-shell-v2 body .sidebar-collapsed #workspaceSidebar .menu-item { padding: 10px !important; }
html.hw-shell-v2 body .sidebar-collapsed #sidebarAccountBtn { padding: 6px !important; }
html.hw-shell-v2 body #hwWorkbenchMain { min-width: 0 !important; padding: 0 !important; }
html.hw-shell-v2 body #workspaceCommandBar { margin: 0 !important; width: 100% !important; max-width: 100% !important; min-height: 56px !important; height: 56px !important; padding: 8px 24px !important; gap: 16px !important; border-bottom: 1px solid var(--hw-ui-line) !important; background: var(--hw-ui-bg) !important; box-shadow: none !important; grid-template-columns: minmax(100px, 1fr) minmax(180px, 500px) auto !important; }
html.hw-shell-v2 body #pageTitle { font-size: 16px !important; line-height: 1.3 !important; }
html.hw-shell-v2 body #globalSearchControl { min-height: 36px !important; height: 36px !important; background: var(--hw-ui-surface) !important; border: 1px solid var(--hw-ui-line) !important; border-radius: 10px !important; padding: 4px 10px !important; }
html.hw-shell-v2 body #topbarCommandInput { font-size: 14px !important; min-height: 26px !important; padding: 0 !important; }
html.hw-shell-v2 body #companionTopbarEntry { min-height: 36px !important; height: 36px !important; padding: 4px 8px !important; border: 0 !important; background: transparent !important; box-shadow: none !important; min-width: 72px !important; }
html.hw-shell-v2 body #companionTopbarEntry small { display: none !important; }
html.hw-shell-v2 body #companionTopbarEntry img { width: 26px !important; height: 26px !important; }
html.hw-shell-v2 body #hwWorkbenchMain > .panel { width: 100%; max-width: 1280px; margin: 0 auto; padding: 32px clamp(20px, 3vw, 48px) !important; }
html.hw-shell-v2 body #hwWorkbenchMain > .panel[data-panel="waveform"] { max-width: none; }
html.hw-shell-v2 body #hwWorkbenchMain > .panel[data-panel="interview"] { padding: 0 16px !important; }
html.hw-shell-v2 .p10-home-simple { max-width: 920px; margin: 28px auto; display: grid; gap: 32px; }
html.hw-shell-v2 .p10-home-start { padding: 28px !important; border-radius: 16px; }
html.hw-shell-v2 body #hwWorkbenchMain #homeDashboard #p10Home .p10-home-recent { padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; }
html.hw-shell-v2 .p10-home-recent article { border-bottom: 1px solid var(--hw-ui-line); padding: 16px 0; }
html:is(.hw-shell-v2,.hw-panels-v2) #workspacePanelRoot #companionPanel { position: static !important; display: flex !important; visibility: visible !important; opacity: 1 !important; pointer-events: auto !important; flex-direction: column !important; width: 100% !important; height: 100% !important; max-height: none !important; min-height: 0 !important; padding: 0 !important; margin: 0 !important; border: 0 !important; box-shadow: none !important; background: transparent !important; transform: none !important; }
html:is(.hw-shell-v2,.hw-panels-v2) #workspacePanelRoot[data-panel-id="xiaowen"] .hw-panel-body { padding: 0 16px; overflow: hidden; }
html:is(.hw-shell-v2,.hw-panels-v2) #workspacePanelRoot #companionPanel .companion-panel-head, html:is(.hw-shell-v2,.hw-panels-v2) #workspacePanelRoot #companionBriefCard, html:is(.hw-shell-v2,.hw-panels-v2) #workspacePanelRoot .hw-redesign-conversation-label { display: none !important; }
html:is(.hw-shell-v2,.hw-panels-v2) body #workspacePanelRoot .hw-workspace-panel { background: var(--hw-ui-surface) !important; }
html:is(.hw-shell-v2,.hw-panels-v2) body #workspacePanelRoot #companionPanel .companion-agent-layout,
html:is(.hw-shell-v2,.hw-panels-v2) body #workspacePanelRoot #companionPanel .companion-agent-workspace,
html:is(.hw-shell-v2,.hw-panels-v2) body #workspacePanelRoot #companionPanel .hw-redesign-assistant-scroll { background: transparent !important; border: 0 !important; box-shadow: none !important; }
html:is(.hw-shell-v2,.hw-panels-v2) body #workspacePanelRoot #companionPanel .companion-message { font-size: 15px !important; line-height: 1.65 !important; background: transparent !important; border: 0 !important; padding: 16px 4px !important; }
html:is(.hw-shell-v2,.hw-panels-v2) body #workspacePanelRoot #companionPanel #companionMessages .companion-message p { font-size: 16px !important; line-height: 1.7 !important; }
html:is(.hw-shell-v2,.hw-panels-v2) body #workspacePanelRoot #companionPanel .companion-message.is-user { background: var(--hw-ui-hover) !important; border-radius: 14px !important; padding: 12px !important; }
html:is(.hw-shell-v2,.hw-panels-v2) body #workspacePanelRoot #companionPanel #companionForm { background: var(--hw-ui-hover) !important; border: 1px solid var(--hw-ui-line) !important; }
html:is(.hw-shell-v2,.hw-panels-v2) body #workspacePanelRoot #companionPanel #companionForm button.primary-btn { background: var(--hw-ui-primary) !important; color: white !important; border-color: transparent !important; }
html:is(.hw-shell-v2,.hw-panels-v2) body #workspacePanelRoot #companionPanel #companionInput { color: var(--hw-ui-text) !important; background: transparent !important; font-size: 15px !important; line-height: 1.6 !important; }
html:is(.hw-shell-v2,.hw-panels-v2) #workspacePanelRoot .companion-agent-layout, html:is(.hw-shell-v2,.hw-panels-v2) #workspacePanelRoot .companion-agent-workspace { display: flex !important; flex-direction: column !important; flex: 1; min-height: 0 !important; padding: 0 !important; gap: 8px !important; width: 100% !important; }
html:is(.hw-shell-v2,.hw-panels-v2) #workspacePanelRoot .hw-redesign-assistant-scroll { flex: 1; overflow: auto; min-height: 0; }
html:is(.hw-shell-v2,.hw-panels-v2) #workspacePanelRoot .companion-messages { max-height: none !important; overflow: visible !important; }
html:is(.hw-shell-v2,.hw-panels-v2) #workspacePanelRoot #companionAgentRunBoard[data-agent-status="idle"] { display: none !important; }
html:is(.hw-shell-v2,.hw-panels-v2) #workspacePanelRoot #companionForm { position: static !important; margin: 8px 0 16px !important; padding: 10px !important; border-radius: 16px !important; background: var(--hw-ui-hover) !important; }
html:is(.hw-shell-v2,.hw-panels-v2) #workspacePanelRoot .hw-redesign-composer-label, html:is(.hw-shell-v2,.hw-panels-v2) #workspacePanelRoot #companionOpenCoachBtn { display: none !important; }
html.hw-shell-v2 body.companion-drawer-open #hwWorkbenchMain { filter: none !important; pointer-events: auto !important; }
html.hw-shell-v2 body #companionDrawerBackdrop { display: none !important; }
html.hw-shell-v2 :focus-visible { outline: 2px solid var(--hw-ui-accent); outline-offset: 3px; }
html.hw-shell-v2 .hw-usage-page > h1 { font-size: 26px; }
html:is(.hw-shell-v2,.hw-panels-v2) body #hardaskCommerce { --panel: var(--hw-ui-surface); --panel-soft: var(--hw-ui-hover); --bg: var(--hw-ui-bg); --text: var(--hw-ui-text); --muted: var(--hw-ui-muted); --line: var(--hw-ui-line); --accent: var(--hw-ui-accent); background: var(--hw-ui-surface) !important; color: var(--hw-ui-text) !important; border-color: var(--hw-ui-line) !important; box-shadow: none !important; }
html:is(.hw-shell-v2,.hw-panels-v2) body #hardaskCommerce .primary-btn { background: var(--hw-ui-primary) !important; color: var(--hw-ui-on-primary) !important; border-color: var(--hw-ui-primary) !important; box-shadow: none !important; }
html:is(.hw-shell-v2,.hw-panels-v2) body #hardaskCommerce :is(.hw-commerce-header,.hw-commerce-package,.hw-commerce-actions,.hw-commerce-balance) { background: transparent !important; }
html.hw-shell-v2 body #hwWorkbenchMain .user-settings-hero { min-height: 0 !important; padding: 0 !important; margin: 0 0 24px !important; background: transparent !important; border: 0 !important; }
html.hw-shell-v2 body .hw-redesign-settings { gap: 24px !important; }
html.hw-shell-v2 body #hwWorkbenchMain .user-settings-hero h2 { margin: 0 !important; font-size: 26px !important; }
html.hw-shell-v2 body #hwWorkbenchMain .user-settings-hero .eyebrow { display: none !important; }
html.hw-shell-v2 body .hw-reading-page { max-width: 860px !important; line-height: 1.8; }
html.hw-shell-v2 body.hw-panel-full #hwWorkbenchMain { visibility: hidden; }
html.hw-panels-v2.react-student-embedded { --hw-shell-nav-width: 0px; }
html.hw-panels-v2.react-student-embedded #globalAiSearchPanel:not([hidden]) { position: fixed !important; inset: 8px 16px auto !important; width: auto !important; max-width: 800px !important; margin: 0 auto !important; max-height: calc(100dvh - 24px) !important; overflow: auto !important; z-index: 1100 !important; }
html.hw-panels-v2.react-student-embedded #globalAiSearchPanel[hidden] { display: none !important; }
@media(max-width: 900px) { html.hw-shell-v2 body #workspaceCommandBar { padding: 8px 16px !important; grid-template-columns: minmax(100px,1fr) minmax(120px,2fr) auto !important; } }
@media(max-width: 767px) {
  html.hw-shell-v2 body .shell { display: block !important; }
  html.hw-shell-v2 body #workspaceSidebar { position: fixed !important; left: 0 !important; top: 0 !important; width: min(280px, 88vw) !important; z-index: 1300 !important; padding-top: 52px !important; }
  html.hw-shell-v2 body.mobile-navigation-enabled .shell > #workspaceSidebar.sidebar { background: var(--hw-ui-surface) !important; }
  html.hw-shell-v2 body:not(.mobile-navigation-open) #workspaceSidebar { display: none !important; }
  html.hw-shell-v2 .sidebar-collapsed #workspaceSidebar .menu-item-label, html.hw-shell-v2 .sidebar-collapsed #workspaceSidebar .hw-shell-nav-label, html.hw-shell-v2 .sidebar-collapsed #workspaceSidebar .sidebar-account-copy { display: block !important; }
  html.hw-shell-v2 body #workspaceCommandBar { height: auto !important; min-height: 56px !important; padding-left: 56px !important; grid-template-columns: minmax(0,1fr) auto !important; }
  html.hw-shell-v2 #workspaceCommandBar .topbar-center { grid-row: 2; grid-column: 1/-1; width: 100%; }
  html.hw-shell-v2 body #hwWorkbenchMain > .panel { padding: 20px 16px !important; }
  html.hw-shell-v2 body #hwWorkbenchMain > .panel[data-panel="interview"] { padding: 0 8px !important; }
  html.hw-shell-v2 .p10-home-simple { margin: 0; gap: 24px; }
  html.hw-shell-v2 .p10-home-start { padding: 20px !important; }
  html.hw-shell-v2 #workspaceSidebar #sidebarToggle { display: none !important; }
}