/* Product coherence 04. Public navigation and explicitly marked user pages.
   No selectors change hidden/active state, permissions, or brand artwork. */
html:root body #hwWorkbenchMain > .hw-product-page[data-ui-redesign="20260921"] {
  box-sizing: border-box; max-width: 1360px; margin-inline: auto; width: 100%;
  padding: 24px 28px 40px; color: var(--hw-ui-text);
}
html:root body #hwWorkbenchMain > .hw-product-page[data-ui-redesign="20260921"] :is(button,input,select,textarea) { font-family: inherit; }
html:root body #hwWorkbenchMain > .hw-product-page[data-ui-redesign="20260921"] :is(button,input,select,textarea,summary):focus-visible { outline: 2px solid var(--hw-ui-focus); outline-offset: 3px; }
html:root body #workspaceNavigation.hw-redesign-navigation .hw-redesign-nav-label { color: var(--hw-ui-muted); font-size: 12px; font-weight: 500; letter-spacing: .02em; line-height: 20px; padding: 4px 14px 6px; white-space: nowrap; }
html:root body #workspaceNavigation.hw-redesign-navigation .hw-redesign-nav-secondary-label { margin-top: 12px; }
html:root body .hw-redesign-sidebar #sidebarAccountBtn[aria-current="page"] { --hw-sidebar-account-background: var(--hw-ui-soft); }
html:root body .hw-redesign-sidebar #sidebarAccountBtn:focus-visible { outline: 2px solid var(--hw-ui-focus); outline-offset: 3px; }
html:root body .shell:not(.sidebar-expanded) #workspaceNavigation.hw-redesign-navigation .hw-redesign-nav-label { display: none !important; }
@media (max-width: 767px) {
  html:root body #mobileNavigationDrawer #workspaceNavigation.hw-redesign-navigation .hw-redesign-nav-label { display: block !important; }
}
html:root body #sidebarAccountBtn .sidebar-account-copy small { display: block !important; visibility: visible !important; opacity: 1 !important; width: auto !important; height: auto !important; line-height: 16px !important; font-size: 12px !important; }
html:root body .hw-redesign-sidebar .sidebar-account-copy small { color: var(--hw-ui-muted); font-size: 11px; }
html:root body #workspaceCommandBar .topbar-title-stack > h2 { font-size: 16px; font-weight: 600; }
html:root body #workspaceCommandBar #globalSearchControl { max-width: 480px; border-radius: 8px !important; }
html:root body #workspaceCommandBar #topbarCommandInput { font-size: 14px; }
html:root body .shell > .hw-redesign-sidebar #workspaceNavigation#workspaceNavigation#workspaceNavigation .workspace-nav-dot { background: var(--hw-ui-muted) !important; box-shadow: none !important; width: 4px !important; height: 4px !important; }
html:root body .shell > .hw-redesign-sidebar #workspaceNavigation#workspaceNavigation#workspaceNavigation .workspace-nav-subitem.active .workspace-nav-dot { background: var(--hw-ui-accent) !important; box-shadow: none !important; }

/* Secondary screens use the same compact task header, not hero billboards. */
html:root body #hwWorkbenchMain .hw-redesign-page-heading { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 16px; margin-bottom: 8px; }
html:root body #hwWorkbenchMain .hw-redesign-page-heading h2 { font-size: 26px !important; line-height: 1.4; margin: 0 0 6px; letter-spacing: -.5px; }
html:root body #hwWorkbenchMain .hw-redesign-page-heading p { font-size: 14px; line-height: 1.7; color: var(--hw-ui-muted); max-width: 720px; margin: 0; }
html:root body #hwWorkbenchMain .hw-redesign-inline-note { font-size: 12px; color: var(--hw-ui-muted); border-left: 2px solid var(--hw-ui-line); padding: 2px 0 2px 12px; margin: 12px 0; line-height: 1.7; }
html:root body #hwWorkbenchMain .hw-redesign-section-label { color: var(--hw-ui-muted); font-size: 12px; letter-spacing: .03em; margin: 0 0 10px; }

/* Personal center: a concise identity column and useful records, rather than
   repeating the capability dashboard and evidence card at full size. */
html:root body #personalCenterPage.hw-redesign-account-page { display: grid; grid-template-columns: minmax(0,1fr); gap: 16px; align-items: start; padding: 0 !important; max-width: 1120px; margin-inline: auto; }
html:root body #personalCenterPage .hw-personal-destinations { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; }
html:root body #hwWorkbenchMain #personalCenterPage .hw-personal-destinations button { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-width: 0; min-height: 76px; padding: 14px 18px; text-align: left; font: inherit; color: var(--hw-ui-text) !important; background: var(--hw-ui-surface) !important; border: 1px solid var(--hw-ui-line); border-radius: 10px; box-shadow: none; cursor: pointer; }
html:root body #personalCenterPage .hw-personal-destinations strong { display: block; font-size: 15px; line-height: 1.5; color: var(--hw-ui-text); }
html:root body #personalCenterPage .hw-personal-destinations small { display: block; font-size: 13px; line-height: 1.6; color: var(--hw-ui-muted); margin-top: 3px; }
html:root body #hwWorkbenchMain #personalCenterPage .hw-personal-destinations button:hover { border-color: var(--hw-ui-accent); background: var(--hw-ui-soft) !important; }
@media (max-width: 760px) {
  html:root body #personalCenterPage .hw-personal-destinations { grid-template-columns: minmax(0,1fr); gap: 8px; }
  html:root body #hwWorkbenchMain #personalCenterPage .hw-personal-destinations button { min-height: 64px; padding: 12px 16px; }
}
html:root body #personalCenterPage.hw-redesign-account-page > :is(.hw-redesign-page-heading,#personalCenterNotice) { grid-column: 1 / -1; }
html:root body #personalCenterPage.hw-redesign-account-page > .engineer-dossier-hero { grid-column: 1; display: grid !important; grid-template-columns: minmax(220px,.85fr) minmax(0,1.65fr); align-items: center; gap: 20px 24px; padding: 24px !important; }
html:root body #personalCenterPage.hw-redesign-account-page .engineer-dossier-profile { display: flex; flex-direction: row; align-items: center; gap: 16px; }
html:root body #personalCenterPage.hw-redesign-account-page .engineer-dossier-avatar { width: 64px !important; height: 64px !important; min-width: 64px !important; }
html:root body #personalCenterPage.hw-redesign-account-page #myWorkspaceName { font-size: 24px !important; }
html:root body #personalCenterPage.hw-redesign-account-page .engineer-profile-stats { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)) !important; gap: 16px; padding: 4px 0 4px 24px; border: 0; border-left: 1px solid var(--hw-ui-line); min-width: 0; }
html:root body #personalCenterPage.hw-redesign-account-page .engineer-profile-stats > span { padding: 0 !important; border: 0 !important; background: transparent !important; }
html:root body #personalCenterPage.hw-redesign-account-page .engineer-profile-stats strong { font-size: 22px !important; }
html:root body #personalCenterPage.hw-redesign-account-page .engineer-dossier-summary { grid-column: 1 / -1; display: flex !important; flex-direction: row; align-items: center !important; justify-content: space-between; gap: 20px; padding: 16px 0 0 !important; border: 0 !important; border-top: 1px solid var(--hw-ui-line) !important; border-radius: 0 !important; background: transparent !important; width: 100%; min-width: 0; }
html:root body #personalCenterPage.hw-redesign-account-page .engineer-dossier-summary p { font-size: 13px; }
html:root body #personalCenterPage.hw-redesign-account-page .engineer-dossier-summary-actions .ghost-btn { width: auto; white-space: nowrap; }
html:root body #personalCenterPage.hw-redesign-account-page > :is(.engineer-profile-assets,.hw-redesign-growth-detail,.hw-redesign-identity-detail) { grid-column: 1; min-width: 0; }
html:root body #personalCenterPage.hw-redesign-account-page .engineer-profile-assets { display: block !important; padding: 20px !important; }
html:root body #personalCenterPage.hw-redesign-account-page .engineer-profile-assets-head { display: flex !important; justify-content: space-between; align-items: center; gap: 12px; margin-bottom: 16px; }
html:root body #personalCenterPage.hw-redesign-account-page .engineer-profile-assets-head h2 { font-size: 18px !important; margin: 0 !important; }
html:root body #personalCenterPage.hw-redesign-account-page .engineer-profile-assets-head > span { display: block; font-size: 13px; margin-top: 6px; color: var(--hw-ui-muted); }
html:root body #personalCenterPage.hw-redesign-account-page .engineer-profile-asset-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 12px; }
html:root body #hwWorkbenchMain #personalCenterPage.hw-redesign-account-page .engineer-profile-asset-grid button { padding: 14px 16px !important; min-height: 0 !important; background: var(--hw-ui-surface) !important; border: 1px solid var(--hw-ui-line) !important; border-radius: 8px !important; box-shadow: none !important; display: grid !important; grid-template-columns: minmax(0,1fr) auto; gap: 6px 12px; text-align: left; }
html:root body #hwWorkbenchMain #personalCenterPage.hw-redesign-account-page .engineer-profile-asset-grid button:hover { border-color: var(--hw-ui-accent) !important; background: var(--hw-ui-soft) !important; }
html:root body #personalCenterPage.hw-redesign-account-page .engineer-profile-asset-grid button > span { font-size: 12px; color: var(--hw-ui-muted); grid-column: 1; }
html:root body #personalCenterPage.hw-redesign-account-page .engineer-profile-asset-grid button > strong { font-size: 16px !important; grid-column: 1; }
html:root body #personalCenterPage.hw-redesign-account-page .engineer-profile-asset-grid button > em { font-size: 13px !important; grid-column: 1 / -1; line-height: 1.6; color: var(--hw-ui-muted) !important; }
html:root body #personalCenterPage.hw-redesign-account-page .engineer-profile-asset-grid button > b { grid-column: 2; grid-row: 1 / 3; align-self: center; font-size: 13px !important; }
html:root body #personalCenterPage.hw-redesign-account-page .my-growth-hub { display: grid; grid-template-columns: minmax(0,1fr); gap: 16px; }
html:root body #personalCenterPage.hw-redesign-account-page .my-growth-card { padding: 20px !important; }
html:root body #personalCenterPage.hw-redesign-account-page :is(.hw-redesign-identity-detail,.hw-redesign-growth-detail) { border: 1px solid var(--hw-ui-line); background: var(--hw-ui-surface); border-radius: 10px; padding: 0 20px; }
html:root body #personalCenterPage.hw-redesign-account-page :is(.hw-redesign-identity-detail,.hw-redesign-growth-detail) > summary { color: var(--hw-ui-text); cursor: pointer; padding: 16px 0; font-size: 14px; font-weight: 600; }
html:root body #personalCenterPage.hw-redesign-account-page .hw-redesign-growth-detail > summary span { margin-left: 16px; color: var(--hw-ui-muted); font-size: 13px; font-weight: 400; }
html:root body #personalCenterPage.hw-redesign-account-page .hw-redesign-growth-detail > .my-growth-hub { margin: 0 0 20px; }
html:root body #personalCenterPage.hw-redesign-account-page button.primary-btn { background: var(--hw-ui-primary) !important; background-image: none !important; color: var(--hw-ui-on-primary) !important; border-color: var(--hw-ui-primary) !important; box-shadow: none !important; }
html:root body #hwWorkbenchMain #personalCenterPage.hw-redesign-account-page :is(.engineer-dossier-hero,.engineer-profile-assets,.my-growth-card) { background: var(--hw-ui-surface) !important; border: 1px solid var(--hw-ui-line) !important; border-radius: 12px !important; box-shadow: none !important; }
html:root body #hwWorkbenchMain #personalCenterPage.hw-redesign-account-page :is(.engineer-dossier-hero,.my-growth-card)::before { background: none !important; }
html:root body #hwWorkbenchMain #personalCenterPage.hw-redesign-account-page :is(.engineer-profile-asset-grid span,.engineer-profile-asset-grid b) { color: var(--hw-ui-accent) !important; }
html:root body #hwWorkbenchMain #personalCenterPage.hw-redesign-account-page .hw-redesign-settings-trigger { display: inline-flex !important; }
html:root body #hwWorkbenchMain #personalCenterPage.hw-redesign-account-page .engineer-dossier-avatar { background: var(--hw-ui-soft) !important; border: 1px solid var(--hw-ui-line) !important; box-shadow: none !important; }
html:root body #hwWorkbenchMain #personalCenterPage.hw-redesign-account-page .engineer-profile-stats :is(small,em) { white-space: normal !important; overflow: visible !important; font-size: 12px !important; font-weight: 400 !important; color: var(--hw-ui-muted) !important; line-height: 1.6; }
html:root body #personalCenterPage.hw-redesign-account-page .score-history-trigger::after { color: var(--hw-ui-accent); }
html:root body #personalCenterPage.hw-redesign-account-page .score-history-trigger:is(:hover,:focus-visible) { color: var(--hw-ui-accent) !important; text-decoration-color: var(--hw-ui-accent); }
html:root body #personalCenterPage.hw-redesign-account-page .score-history-trigger:focus-visible { outline: 2px solid var(--hw-ui-focus); outline-offset: 3px; }
/* Retired night rules use repeated IDs and paint structural divs blue.
   Match that specificity only for this account surface, in both themes. */
html:root body #hwWorkbenchMain #personalCenterPage#personalCenterPage#personalCenterPage.hw-redesign-account-page,
html:root body #hwWorkbenchMain #personalCenterPage#personalCenterPage#personalCenterPage :is(.hw-redesign-page-heading,.engineer-dossier-profile,.engineer-profile-stage,.engineer-profile-stats,.engineer-dossier-summary,.engineer-dossier-summary-actions,.engineer-profile-assets-head,.my-growth-hub) { background: transparent !important; background-image: none !important; box-shadow: none !important; }
html:root body #hwWorkbenchMain #personalCenterPage#personalCenterPage#personalCenterPage :is(.my-ability-row,.my-training-empty,.my-growth-records > article,.my-training-history > article,.engineer-identity-profile,.engineer-identity-contribution) { background: var(--hw-ui-bg) !important; background-image: none !important; border-color: var(--hw-ui-line) !important; box-shadow: none !important; }
html:root body #hwWorkbenchMain #personalCenterPage#personalCenterPage#personalCenterPage :is(.engineer-profile-stage,.engineer-profile-role-en,.engineer-dossier-summary p,.engineer-dossier-summary span,.engineer-profile-assets-head > span) { color: var(--hw-ui-muted) !important; }
html:root body #hwWorkbenchMain #personalCenterPage#personalCenterPage#personalCenterPage :is(.hw-redesign-identity-detail,.hw-redesign-growth-detail) { background: var(--hw-ui-surface) !important; background-image: none !important; border-color: var(--hw-ui-line) !important; }
html:root body #hwWorkbenchMain #personalCenterPage#personalCenterPage#personalCenterPage :is(.my-ability-row span,.my-training-empty p,.my-growth-records > article > span,.my-training-history > article > span) { color: var(--hw-ui-muted) !important; }

/* Preferences: sticky section index, calm reading column, advanced groups
   collapse independently without dropping any original input or event hook. */
html:root body #hwWorkbenchMain .hw-redesign-settings { display: grid; grid-template-columns: 180px minmax(0,1fr); gap: 24px; align-items: start; }
html:root body #hwWorkbenchMain .hw-redesign-settings > .user-settings-hero { grid-column: 1 / -1; padding: 0 0 4px !important; border: 0 !important; background: transparent !important; }
html:root body #hwWorkbenchMain .hw-redesign-settings .user-settings-hero h2 { font-size: 28px !important; }
html:root body #hwWorkbenchMain .hw-redesign-settings .hw-redesign-settings-index { display: grid; gap: 4px; position: sticky; top: 84px; }
html:root body #hwWorkbenchMain .hw-redesign-settings .hw-redesign-settings-index button { background: transparent; border: 0; border-radius: 8px; padding: 12px; color: var(--hw-ui-muted); font: inherit; font-size: 14px; text-align: left; cursor: pointer; min-height: 44px; }
html:root body #hwWorkbenchMain .hw-redesign-settings .hw-redesign-settings-index button:hover { color: var(--hw-ui-accent); background: var(--hw-ui-soft); }
html:root body #hwWorkbenchMain .hw-redesign-settings-content { display: grid; gap: 20px; min-width: 0; }
html:root body #hwWorkbenchMain .hw-redesign-settings .user-settings-grid { grid-template-columns: minmax(0,1fr); gap: 20px; }
html:root body #hwWorkbenchMain .hw-redesign-settings :is(.user-settings-card,.user-settings-account-card) { padding: 24px !important; scroll-margin-top: 90px; }
html:root body #hwWorkbenchMain .hw-redesign-settings .hw-redesign-settings-advanced { border: 1px solid var(--hw-ui-line); border-radius: 12px; background: var(--hw-ui-surface); padding: 0 24px; scroll-margin-top: 90px; }
html:root body #hwWorkbenchMain .hw-redesign-settings .hw-redesign-settings-advanced > summary { cursor: pointer; color: var(--hw-ui-text); padding: 20px 0; font-weight: 600; font-size: 15px; }
html:root body #hwWorkbenchMain .hw-redesign-settings .hw-redesign-settings-advanced > .user-settings-card { border: 0 !important; border-radius: 0 !important; padding: 0 0 24px !important; }
html:root body #hwWorkbenchMain .hw-redesign-settings .user-settings-account-row { grid-template-columns: 72px minmax(0,1fr); gap: 20px; }
html:root body #hwWorkbenchMain .hw-redesign-settings .user-settings-account-actions { grid-column: 2; display: flex; flex-wrap: wrap; }
html:root body #hwWorkbenchMain .hw-redesign-settings .user-settings-field { max-width: 640px; }
html:root body #hwWorkbenchMain .hw-redesign-settings :is(.user-settings-card,.user-settings-account-card) { background: var(--hw-ui-surface) !important; border-color: var(--hw-ui-line) !important; box-shadow: none !important; }
html:root body #hwWorkbenchMain .hw-redesign-settings :is(.user-settings-card,.user-settings-account-card,.user-settings-hero)::before { background: none !important; }

/* Recording review: source first, compact status, then a transcript/analysis
   split. The existing import consent and service status remain visible. */
html:root body #hwWorkbenchMain [data-panel="audio"][data-ui-redesign] .audio-cabin-header { align-items: start; padding-bottom: 20px; border-bottom: 1px solid var(--hw-ui-line); }
html:root body #hwWorkbenchMain [data-panel="audio"][data-ui-redesign] .audio-cabin-title h2 { font-size: 28px !important; }
html:root body #hwWorkbenchMain [data-panel="audio"][data-ui-redesign] .audio-cabin-statusbar { display: flex; flex-wrap: wrap; gap: 20px; padding: 20px 0; background: transparent !important; }
html:root body #hwWorkbenchMain [data-panel="audio"][data-ui-redesign] .audio-status-hero { flex: 1 1 360px; padding: 0 !important; }
html:root body #hwWorkbenchMain [data-panel="audio"][data-ui-redesign] .audio-top-metric { flex: 0 1 112px; padding: 0 0 0 16px !important; border: 0 !important; border-left: 1px solid var(--hw-ui-line) !important; background: transparent !important; }
html:root body #hwWorkbenchMain [data-panel="audio"][data-ui-redesign] .audio-top-metric strong { font-size: 24px !important; }
html:root body #hwWorkbenchMain [data-panel="audio"][data-ui-redesign] .audio-top-metric :is(span,em) { color: var(--hw-ui-muted) !important; }
html:root body #hwWorkbenchMain [data-panel="audio"][data-ui-redesign] .hw-redesign-source-options { margin-top: 16px; border: 1px solid var(--hw-ui-line); border-radius: 8px; padding: 12px 14px; }
html:root body #hwWorkbenchMain [data-panel="audio"][data-ui-redesign] .hw-redesign-source-options > summary { font-size: 13px; color: var(--hw-ui-muted); cursor: pointer; }
html:root body #hwWorkbenchMain [data-panel="audio"][data-ui-redesign] .audio-session-fields { margin-top: 12px; }
/* The score/insight column scrolls as one stack. Old flex shrinking plus a
   minmax(0,1fr) row compressed the dimensions under the following card. */
html:root body #hwWorkbenchMain [data-panel="audio"][data-ui-redesign] .audio-coach-panel > :is(.audio-coach-head,.audio-report-digest,.audio-coach-card) { flex: 0 0 auto !important; }
html:root body #hwWorkbenchMain [data-panel="audio"][data-ui-redesign] #audioReportDigest { grid-template-rows: auto auto !important; grid-auto-rows: max-content !important; height: auto !important; min-height: min-content !important; }
html:root body #hwWorkbenchMain [data-panel="audio"][data-ui-redesign] .audio-dimension-list { height: auto !important; min-height: min-content !important; }
html:root body #hwWorkbenchMain .hw-redesign-secondary-detail { border: 1px solid var(--hw-ui-line); border-radius: 12px; background: var(--hw-ui-surface); padding: 18px 20px; margin-top: 20px; }
html:root body #hwWorkbenchMain .hw-redesign-secondary-detail > summary { cursor: pointer; font-size: 14px; font-weight: 600; color: var(--hw-ui-text); }
html:root body #hwWorkbenchMain .hw-redesign-secondary-detail[open] > summary { margin-bottom: 18px; }
/* Auxiliary routes keep current task lists, with low-frequency history behind
   native disclosure. They do not compete with the five-step primary journey. */
html:root body #hwWorkbenchMain .hw-redesign-assistant-overview .xiaowen-final-coach__hero { border: 0 !important; background: transparent !important; padding: 8px 0 24px !important; }
html:root body #hwWorkbenchMain .hw-redesign-assistant-overview .hw-redesign-assistant-records { margin-top: 0; }
html:root body #hwWorkbenchMain .hw-redesign-assistant-overview .xiaowen-final-coach__scope { margin-bottom: 20px; }
html:root body #hwWorkbenchMain [data-panel="message-center"][data-ui-redesign] .ai-todo-hero { grid-template-columns: minmax(0,1fr); padding: 0 0 24px !important; background: transparent !important; border: 0 !important; }
html:root body #hwWorkbenchMain [data-panel="message-center"][data-ui-redesign] .ai-todo-hero h3 { font-size: 28px !important; }
html:root body #hwWorkbenchMain [data-panel="message-center"][data-ui-redesign] .ai-todo-stat-grid { grid-template-columns: repeat(4,minmax(0,1fr)); gap: 16px; }
html:root body #hwWorkbenchMain [data-panel="message-center"][data-ui-redesign] .ai-todo-stat-card { background: transparent !important; padding: 8px 0 !important; border: 0 !important; border-bottom: 1px solid var(--hw-ui-line) !important; border-radius: 0 !important; }
html:root body #hwWorkbenchMain [data-panel="message-center"][data-ui-redesign] .ai-todo-priority-grid { grid-template-columns: minmax(0,1fr); gap: 0; }
html:root body #hwWorkbenchMain [data-panel="message-center"][data-ui-redesign] .ai-todo-task-card { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 12px 24px; padding: 24px 0 !important; border: 0 !important; border-bottom: 1px solid var(--hw-ui-line) !important; border-radius: 0 !important; background: transparent !important; }
html:root body #hwWorkbenchMain [data-panel="message-center"][data-ui-redesign] .ai-todo-task-card :is(.ai-todo-task-head,h4,.ai-todo-field-list) { grid-column: 1; }
html:root body #hwWorkbenchMain [data-panel="message-center"][data-ui-redesign] .ai-todo-task-card > button { grid-column: 2; grid-row: 2 / 4; align-self: center; }
@media (max-width: 1100px) {
  html:root body #personalCenterPage.hw-redesign-account-page { grid-template-columns: minmax(0,1fr); }
  html:root body #personalCenterPage.hw-redesign-account-page > :is(.engineer-dossier-hero,.engineer-profile-assets,.my-growth-hub,.hw-redesign-identity-detail) { grid-column: 1; grid-row: auto; }
  html:root body #personalCenterPage.hw-redesign-account-page .engineer-dossier-profile { flex-direction: row; align-items: center; }
  html:root body #personalCenterPage.hw-redesign-account-page > .engineer-dossier-hero { grid-template-columns: minmax(0,1fr); }
  html:root body #personalCenterPage.hw-redesign-account-page .engineer-profile-stats { padding: 16px 0 0; border: 0; border-top: 1px solid var(--hw-ui-line); }
  html:root body #personalCenterPage.hw-redesign-account-page .engineer-profile-stats { grid-template-columns: repeat(4,minmax(0,1fr)) !important; }
  html:root body #hwWorkbenchMain .hw-redesign-settings { grid-template-columns: 150px minmax(0,1fr); gap: 16px; }
}
@media (max-width: 760px) {
  html:root body #hwWorkbenchMain > .hw-product-page[data-ui-redesign="20260921"] { padding: 20px 12px 40px; }
  html:root body #hwWorkbenchMain .hw-redesign-page-heading h2 { font-size: 24px !important; }
  html:root body #personalCenterPage.hw-redesign-account-page { gap: 16px; }
  html:root body #personalCenterPage.hw-redesign-account-page .engineer-profile-stats { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
  html:root body #personalCenterPage.hw-redesign-account-page > .engineer-dossier-hero { padding: 20px !important; }
  html:root body #personalCenterPage.hw-redesign-account-page .engineer-profile-asset-grid { grid-template-columns: minmax(0,1fr) !important; }
  html:root body #personalCenterPage.hw-redesign-account-page .engineer-dossier-summary { flex-direction: column; align-items: stretch !important; gap: 12px; }
  html:root body #personalCenterPage.hw-redesign-account-page .engineer-profile-assets-head { align-items: start; flex-direction: column; }
  html:root body #personalCenterPage.hw-redesign-account-page .hw-redesign-growth-detail > summary span { display: block; margin: 8px 0 0; }
  html:root body #hwWorkbenchMain .hw-redesign-settings { grid-template-columns: minmax(0,1fr); }
  html:root body #hwWorkbenchMain .hw-redesign-settings .hw-redesign-settings-index { position: static; display: flex; flex-wrap: wrap; gap: 4px; border-bottom: 1px solid var(--hw-ui-line); padding-bottom: 12px; }
  html:root body #hwWorkbenchMain .hw-redesign-settings .hw-redesign-settings-index button { font-size: 13px; padding: 8px 10px; }
  html:root body #hwWorkbenchMain .hw-redesign-settings :is(.user-settings-card,.user-settings-account-card) { padding: 18px !important; }
  html:root body #hwWorkbenchMain .hw-redesign-settings .hw-redesign-settings-advanced { padding: 0 18px; }
  html:root body #hwWorkbenchMain .hw-redesign-settings .user-settings-account-row { grid-template-columns: minmax(0,1fr); }
  html:root body #hwWorkbenchMain .hw-redesign-settings .user-settings-account-actions { grid-column: 1; }
  html:root body #hwWorkbenchMain [data-panel="audio"][data-ui-redesign] .audio-top-metric { flex: 1 1 80px; }
  html:root body #hwWorkbenchMain [data-panel="message-center"][data-ui-redesign] .ai-todo-stat-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  html:root body #hwWorkbenchMain [data-panel="message-center"][data-ui-redesign] .ai-todo-task-card { grid-template-columns: minmax(0,1fr); }
  html:root body #hwWorkbenchMain [data-panel="message-center"][data-ui-redesign] .ai-todo-task-card > button { grid-column: 1; grid-row: auto; }
}