/* UI round 02. Presentation only: reports, secondary pages and owned overlays.
   Existing hidden/open state and all event handlers remain authoritative. */
#p10InterviewReports #p10Reports.p10-workspace {
  --p10-bg: var(--hw-ui-surface);
  --p10-soft: var(--hw-ui-bg);
  --p10-text: var(--hw-ui-text);
  --p10-muted: var(--hw-ui-muted);
  --p10-line: var(--hw-ui-line);
  max-width: 1180px;
  padding: 32px 24px 64px;
  background: transparent !important;
}
#p10InterviewReports #p10Reports :is(.p10-heading,.p10-report-layout,.p10-records,.p10-list-heading,.p10-report-tools,.p10-actions,.p10-planned-actions) { background: transparent !important; box-shadow: none !important; }
#p10InterviewReports #p10Reports :is(h1,h2,h3,strong,summary) { color: var(--hw-ui-text) !important; }
#p10InterviewReports #p10Reports :is(p,.p10-muted,small) { color: var(--hw-ui-muted) !important; }
#p10InterviewReports #p10Reports h1 { font-size: 30px; font-weight: 650; }
#p10InterviewReports #p10Reports h2 { font-size: 19px; }
#p10InterviewReports #p10Reports .p10-card { background: var(--hw-ui-surface) !important; border: 1px solid var(--hw-ui-line) !important; box-shadow: none !important; border-radius: 12px; }
#p10InterviewReports #p10Reports .p10-report-start { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 28px; }
#p10InterviewReports #p10Reports .p10-report-start p { margin-top: 8px; }
#p10InterviewReports #p10Reports .p10-report-start > .p10-button { flex-shrink: 0; margin-top: 0; }
#p10InterviewReports #p10Reports .p10-report-layout { display: grid; grid-template-columns: minmax(0,1fr) 300px; gap: 24px; }
#p10InterviewReports #p10Reports .p10-list-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 16px; }
#p10InterviewReports #p10Reports .p10-record { padding: 0 20px 20px; }
#p10InterviewReports #p10Reports .p10-record:not([open]) { padding-bottom: 0; }
#p10InterviewReports #p10Reports .p10-record summary { display: flex; gap: 14px; align-items: center; min-height: 80px; padding: 16px 0; }
#p10InterviewReports #p10Reports .p10-record-number { display: grid; place-items: center; flex: 0 0 36px; height: 36px; border-radius: 8px; background: var(--hw-ui-soft) !important; color: var(--hw-ui-accent) !important; font-size: 13px; }
#p10InterviewReports #p10Reports .p10-record-title { flex: 1; min-width: 0; }
#p10InterviewReports #p10Reports .p10-record-title small { display: block; font-size: 12px; font-weight: 400; }
#p10InterviewReports #p10Reports .p10-record-open { font-size: 12px; font-weight: 500; color: var(--hw-ui-muted) !important; }
#p10InterviewReports #p10Reports .p10-answer { padding: 22px 0; border-color: var(--hw-ui-line) !important; background: transparent !important; }
#p10InterviewReports #p10Reports .p10-answer h3 { font-size: 17px; margin: 6px 0 18px; }
#p10InterviewReports #p10Reports .p10-answer-text { background: var(--hw-ui-bg) !important; color: var(--hw-ui-text) !important; padding: 16px; border-radius: 8px; }
#p10InterviewReports #p10Reports .p10-report-empty { padding: 38px 24px; text-align: center; }
#p10InterviewReports #p10Reports .p10-report-empty > span { display: inline-grid; place-items: center; width: 44px; height: 44px; margin-bottom: 14px; border-radius: 12px; background: var(--hw-ui-soft) !important; color: var(--hw-ui-accent) !important; }
#p10InterviewReports #p10Reports .p10-report-empty h3 { font-size: 18px; }
#p10InterviewReports #p10Reports .p10-report-empty p { max-width: 380px; margin: 10px auto; }
#p10InterviewReports #p10Reports .p10-planned-actions { display: grid; gap: 10px; margin-top: 18px; }
#p10InterviewReports #p10Reports .p10-button { min-height: 44px; border-radius: 8px; font-size: 14px; color: var(--hw-ui-text) !important; background: var(--hw-ui-surface) !important; border-color: var(--hw-ui-line) !important; box-shadow: none !important; }
#p10InterviewReports #p10Reports .p10-button.p10-primary { color: #fff !important; background: var(--hw-ui-primary) !important; border-color: var(--hw-ui-primary) !important; }
#p10InterviewReports #p10Reports .p10-button:disabled { color: var(--hw-ui-muted) !important; background: var(--hw-ui-bg) !important; opacity: 1; cursor: not-allowed; }
#p10InterviewReports #p10Reports :is(button,summary):focus-visible { outline: 2px solid var(--hw-ui-focus) !important; outline-offset: 3px; }

/* Inline previews reserve documented functions without submitting any task. */
html body .hw-feature-preview {
  margin-top: 20px; padding: 14px 18px; border: 1px solid var(--hw-ui-line) !important;
  border-radius: 10px; background: var(--hw-ui-bg) !important; color: var(--hw-ui-text) !important;
}
html body .hw-feature-preview summary { min-height: 40px; line-height: 1.5; padding: 8px 0; cursor: pointer; font-size: 14px; font-weight: 600; color: var(--hw-ui-text) !important; }
html body .hw-feature-preview p { font-size: 13px !important; line-height: 1.7 !important; color: var(--hw-ui-muted) !important; margin: 10px 0; }
html body .hw-feature-preview .hw-feature-actions { display: flex; flex-wrap: wrap; gap: 8px; background: transparent !important; }
html body .hw-feature-preview button:disabled { min-height: 40px; padding: 8px 12px; border: 1px solid var(--hw-ui-line) !important; border-radius: 7px; background: var(--hw-ui-surface) !important; color: var(--hw-ui-muted) !important; font-size: 13px; cursor: not-allowed; opacity: 1; box-shadow: none !important; }

/* Secondary destinations keep their working controls; no changes to display,
   visibility, selected state, evaluation logic, diagrams or media canvases. */
html:root body .main > .panel:is([data-panel="audio"],[data-panel="reports"],[data-panel="training-summary"],[data-panel="message-center"],[data-panel="ai-coach"],[data-panel="engineering-lab"],[data-panel="project-practice"],[data-panel="mistakes"],[data-panel="paper"],[data-panel="dashboard"],[data-panel="resume"]) {
  color: var(--hw-ui-text) !important; background: var(--hw-ui-bg) !important; padding: 28px 24px 72px;
}
html:root body[data-active-panel] .main > .panel:is([data-panel="audio"],[data-panel="reports"],[data-panel="training-summary"],[data-panel="message-center"],[data-panel="ai-coach"],[data-panel="engineering-lab"],[data-panel="project-practice"],[data-panel="mistakes"],[data-panel="paper"],[data-panel="dashboard"],[data-panel="resume"]) :is(.section-card,.audio-main-card,.empty-box,.feedback-box,.stat-card,.xiaowen-goal-card,.xiaowen-plan-card,.xiaowen-summary-card) {
  background: var(--hw-ui-surface) !important; border: 1px solid var(--hw-ui-line) !important; border-radius: 12px !important; box-shadow: none !important; color: var(--hw-ui-text) !important;
}
html:root body[data-active-panel] .main > .panel:is([data-panel="audio"],[data-panel="reports"],[data-panel="training-summary"],[data-panel="message-center"],[data-panel="ai-coach"],[data-panel="engineering-lab"],[data-panel="project-practice"],[data-panel="mistakes"],[data-panel="paper"],[data-panel="dashboard"],[data-panel="resume"]) :is(h1,h2,h3,h4,h5,strong,label) { color: var(--hw-ui-text) !important; }
html:root body[data-active-panel] .main > .panel:is([data-panel="audio"],[data-panel="reports"],[data-panel="training-summary"],[data-panel="message-center"],[data-panel="ai-coach"],[data-panel="engineering-lab"],[data-panel="project-practice"],[data-panel="mistakes"],[data-panel="paper"],[data-panel="dashboard"],[data-panel="resume"]) :is(p,small,.muted,.eyebrow) { color: var(--hw-ui-muted) !important; line-height: 1.65; }
html:root body[data-active-panel] .main > .panel:is([data-panel="audio"],[data-panel="reports"],[data-panel="training-summary"],[data-panel="message-center"],[data-panel="ai-coach"],[data-panel="engineering-lab"],[data-panel="project-practice"],[data-panel="mistakes"],[data-panel="paper"],[data-panel="dashboard"],[data-panel="resume"]) :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),textarea,select,.ghost-btn) { color: var(--hw-ui-text) !important; background: var(--hw-ui-surface) !important; border-color: var(--hw-ui-line) !important; border-radius: 8px !important; box-shadow: none !important; font-size: 14px; }
html:root body[data-active-panel] .main > .panel:is([data-panel="audio"],[data-panel="reports"],[data-panel="training-summary"],[data-panel="message-center"],[data-panel="ai-coach"],[data-panel="engineering-lab"],[data-panel="project-practice"],[data-panel="mistakes"],[data-panel="paper"],[data-panel="dashboard"],[data-panel="resume"]) .primary-btn:not(:disabled) { color: #fff !important; background: var(--hw-ui-primary) !important; border-color: var(--hw-ui-primary) !important; box-shadow: none !important; }
html body .panel[data-panel="audio"] #audioDialogueSummary { min-height: 0 !important; }
html body .panel[data-panel="audio"] :is(.audio-upload-panel,.audio-review-cabin,.audio-dialogue-summary) { border-radius: 12px !important; }
html:root body #hwWorkbenchMain .panel:is([data-panel="audio"],[data-panel="project-practice"]) > .hw-example-notice { margin: 0 0 18px; padding: 12px 16px; border: 1px solid var(--hw-ui-line); border-radius: 8px; background: var(--hw-ui-surface) !important; color: var(--hw-ui-muted) !important; font-size: 13px; line-height: 1.7; }
/* Stable workspace anchor outranks the old repeated-class theme locks. */
html:root body #hwWorkbenchMain > .panel:not([data-panel="landing"]):not([data-panel="interview"]):not([data-panel="resume-profile"]):not([data-panel="interview-reports"]) :is(h1,h2,h3,h4),
html:root body #hwWorkbenchMain #myWorkspaceName { color: var(--hw-ui-text) !important; }
html:root body #hwWorkbenchMain #hwTrainingWorkbench.panel.training-rpg-workbench .training-rpg-shell .training-rpg-hero h2 { color: var(--hw-ui-text) !important; }

/* Overlays: one scroll surface, bounded width/height, reachable footer. IDs
   intentionally outrank historical theme locks while leaving hidden/open alone. */
html:root body :is(#accountModal,#onboardingModal,#scoreHistoryModal,#profileSkillModal,#interviewQuestionFeedbackModal,#startPromptModal,#companionExitModal) {
  padding: 20px !important; background: rgb(9 12 18 / 52%) !important; backdrop-filter: blur(3px);
  overflow-y: auto !important; overscroll-behavior: contain;
  z-index: 20050 !important;
}
html:root body :is(#accountModal,#onboardingModal,#scoreHistoryModal,#profileSkillModal,#interviewQuestionFeedbackModal,#startPromptModal,#companionExitModal) > :is(.modal-card,form) {
  box-sizing: border-box; width: min(640px,100%) !important; max-width: 100% !important;
  max-height: calc(100dvh - 40px) !important; min-height: 0 !important; overflow-y: auto !important;
  padding: 28px !important; margin: auto; border-radius: 14px !important;
  background: var(--hw-ui-surface) !important; color: var(--hw-ui-text) !important;
  border: 1px solid var(--hw-ui-line) !important; box-shadow: 0 18px 64px rgb(0 0 0 / 22%) !important;
}
html:root body #accountModal #accountForm { width: min(620px,100%) !important; }
html:root body #accountModal #accountForm .form-actions { background: var(--hw-ui-surface) !important; }
html:root body :is(#accountModal,#onboardingModal,#scoreHistoryModal,#profileSkillModal,#interviewQuestionFeedbackModal,#startPromptModal,#companionExitModal,#trainingDashboardDrawer,#interviewProfileDrawer,#companionPanel,dialog[data-engineering-proof-dialog]) :is(h1,h2,h3,h4,h5,label,strong,b,summary) { color: var(--hw-ui-text) !important; }
html:root body :is(#accountModal,#onboardingModal,#scoreHistoryModal,#profileSkillModal,#interviewQuestionFeedbackModal,#startPromptModal,#companionExitModal,#trainingDashboardDrawer,#interviewProfileDrawer,#companionPanel,dialog[data-engineering-proof-dialog]) :is(p,small,em,.eyebrow) { color: var(--hw-ui-muted) !important; line-height: 1.65; }
html:root body :is(#accountModal,#onboardingModal,#scoreHistoryModal,#profileSkillModal,#interviewQuestionFeedbackModal,#startPromptModal,#companionExitModal,#trainingDashboardDrawer,#interviewProfileDrawer,#companionPanel,dialog[data-engineering-proof-dialog]) :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]),textarea,select) {
  color: var(--hw-ui-text) !important; background: var(--hw-ui-bg) !important; border: 1px solid var(--hw-ui-line) !important;
  border-radius: 8px !important; font-size: 15px; box-shadow: none !important; min-width: 0;
}
html:root body :is(#accountModal,#onboardingModal,#scoreHistoryModal,#profileSkillModal,#interviewQuestionFeedbackModal,#startPromptModal,#companionExitModal,#trainingDashboardDrawer,#interviewProfileDrawer,#companionPanel,dialog[data-engineering-proof-dialog]) :is(input,textarea)::placeholder { color: var(--hw-ui-muted) !important; opacity: 1; }
html:root body :is(#accountModal,#onboardingModal,#scoreHistoryModal,#profileSkillModal,#interviewQuestionFeedbackModal,#startPromptModal,#companionExitModal,#trainingDashboardDrawer,#interviewProfileDrawer,#companionPanel,dialog[data-engineering-proof-dialog]) button {
  min-height: 40px; border-radius: 8px !important; font-size: 14px; text-shadow: none !important; box-shadow: none !important;
}
html:root body :is(#accountModal,#onboardingModal,#scoreHistoryModal,#profileSkillModal,#interviewQuestionFeedbackModal,#startPromptModal,#companionExitModal,#trainingDashboardDrawer,#interviewProfileDrawer,#companionPanel,dialog[data-engineering-proof-dialog]) .ghost-btn { color: var(--hw-ui-text) !important; background: var(--hw-ui-surface) !important; border: 1px solid var(--hw-ui-line) !important; }
html:root body :is(#accountModal,#onboardingModal,#scoreHistoryModal,#profileSkillModal,#interviewQuestionFeedbackModal,#startPromptModal,#trainingDashboardDrawer,#interviewProfileDrawer,#companionPanel,dialog[data-engineering-proof-dialog]) .primary-btn:not(:disabled) { color: #fff !important; background: var(--hw-ui-primary) !important; border-color: var(--hw-ui-primary) !important; }
html:root body :is(#accountModal,#onboardingModal,#scoreHistoryModal,#profileSkillModal,#interviewQuestionFeedbackModal,#startPromptModal,#companionExitModal,#trainingDashboardDrawer,#interviewProfileDrawer,#companionPanel,dialog[data-engineering-proof-dialog]) :is(button,input,textarea,select,summary):focus-visible { outline: 2px solid var(--hw-ui-focus) !important; outline-offset: 3px !important; }
html:root body :is(#accountModal,#onboardingModal,#scoreHistoryModal,#profileSkillModal,#interviewQuestionFeedbackModal,#startPromptModal,#companionExitModal,#trainingDashboardDrawer,#interviewProfileDrawer,#companionPanel,dialog[data-engineering-proof-dialog]) button:disabled { background: var(--hw-ui-hover) !important; color: var(--hw-ui-muted) !important; border-color: var(--hw-ui-line) !important; opacity: 1; cursor: not-allowed; }
html body #accountModal :is(.account-modal-grid,.account-verification-input-row,.form-actions) { gap: 12px !important; }
html body #accountModal #accountForm .account-auth-mode { padding: 4px !important; gap: 4px; background: var(--hw-ui-bg) !important; border: 1px solid var(--hw-ui-line) !important; border-radius: 10px !important; }
html body #accountModal #accountForm .account-auth-mode button { background: transparent !important; color: var(--hw-ui-muted) !important; border: 0 !important; }
html body #accountModal #accountForm .account-auth-mode button[aria-selected="true"] { background: var(--hw-ui-surface) !important; color: var(--hw-ui-accent) !important; }
html body #accountModal :is(.account-guest-notice,.account-guest-migration-option,.account-modal-preview,.account-saved-profiles) { background: var(--hw-ui-bg) !important; border: 1px solid var(--hw-ui-line) !important; border-radius: 10px !important; box-shadow: none !important; }
html body #accountModal #accountSubmitBtn { min-height: 46px; }
html body #accountModal #accountSubmitBtn span { color: inherit !important; }
html body #accountModal #accountLogoutBtn { font-size: 12px; }
html body #accountModal .account-form-status { border-radius: 8px !important; }
html body #accountModal .account-form-status[data-tone="error"] p { color: #d86659 !important; }
html body :is(#scoreHistoryModal,#profileSkillModal,#interviewQuestionFeedbackModal) :is(.score-history-title-row,.profile-skill-title-row,.question-feedback-hero,.score-provenance-head,.form-actions,.profile-skill-actions) { background: transparent !important; }
html body :is(#scoreHistoryModal,#profileSkillModal,#interviewQuestionFeedbackModal) :is(.score-provenance-section,.score-history-insight,.profile-skill-missing,.profile-skill-recommendation,.question-feedback-advice,.question-feedback-rubric > div) { background: var(--hw-ui-bg) !important; border: 1px solid var(--hw-ui-line) !important; border-radius: 10px !important; padding: 16px; }

html:root body :is(#trainingDashboardDrawer,#interviewProfileDrawer) { background: var(--hw-ui-surface) !important; color: var(--hw-ui-text) !important; width: min(480px,100vw) !important; max-width: 100vw !important; height: 100dvh !important; max-height: 100dvh !important; overflow-y: auto !important; padding-bottom: calc(24px + env(safe-area-inset-bottom,0px)) !important; border-left: 1px solid var(--hw-ui-line) !important; box-shadow: -12px 0 44px rgb(0 0 0 / 15%) !important; }
html:root body :is(#trainingDashboardDrawer,#interviewProfileDrawer) > header { position: sticky; top: 0; z-index: 2; background: var(--hw-ui-surface) !important; border-bottom: 1px solid var(--hw-ui-line) !important; padding: 20px 24px; }
html body :is(#trainingDashboardDrawer,#interviewProfileDrawer) :is(.training-dashboard-section,.interview-profile-drawer-section,.interview-profile-drawer-grid > div,.training-direction-option,.training-dashboard-section-head) { background: var(--hw-ui-surface) !important; border-color: var(--hw-ui-line) !important; box-shadow: none !important; border-radius: 10px !important; }
html body :is(#trainingDashboardDrawerBackdrop,#interviewProfileDrawerBackdrop,#companionDrawerBackdrop) { background: rgb(9 12 18 / 42%) !important; backdrop-filter: blur(2px); }
html body :is(#trainingDashboardDrawerCloseBtn,#interviewProfileDrawerCloseBtn,#companionCollapseBtn,#companionSettingsBtn) { width: 40px; min-width: 40px; height: 40px; background: transparent !important; color: var(--hw-ui-muted) !important; border: 1px solid transparent !important; }

/* One assistant drawer: stable header, scrolling task/messages, reachable input.
   No alternate conversation or automated execution is introduced. */
html:root body #companionDock #companionPanel {
  width: min(500px,100vw) !important; max-width: 100vw !important; height: 100dvh !important; max-height: 100dvh !important;
  background: var(--hw-ui-surface) !important; border-left: 1px solid var(--hw-ui-line) !important; border-radius: 0 !important;
  box-shadow: -12px 0 44px rgb(0 0 0 / 15%) !important; padding: 0 !important; overflow: auto !important;
}
html body #companionDock #companionPanel .companion-panel-head { position: sticky; top: 0; z-index: 3; padding: 20px; gap: 12px; background: var(--hw-ui-surface) !important; border-bottom: 1px solid var(--hw-ui-line) !important; }
html body #companionDock #companionPanel .companion-panel-avatar-token { width: 38px !important; height: 38px !important; border-radius: 10px !important; box-shadow: none !important; }
html body #companionDock #companionPanel .companion-agent-layout { display: block; padding: 16px 20px; background: transparent !important; }
html body #companionDock #companionPanel .companion-agent-workspace { display: flex; flex-direction: column; min-height: calc(100dvh - 160px); min-width: 0; background: transparent !important; }
html body #companionDock #companionPanel :is(.companion-brief-card,.companion-agent-run-board) { background: var(--hw-ui-bg) !important; border: 1px solid var(--hw-ui-line) !important; box-shadow: none !important; border-radius: 10px !important; padding: 14px; }
html body #companionDock #companionPanel .companion-brief-card { display: block; }
html body #companionDock #companionPanel .companion-brief-avatar-token { width: 24px !important; height: 24px !important; float: left; margin-right: 10px; }
html body #companionDock #companionPanel #companionMessages { flex: 1; min-height: 120px; overflow: visible; background: transparent !important; padding: 16px 0; }
html body #companionDock #companionPanel #companionForm { position: sticky; bottom: -16px; flex-wrap: wrap; padding: 14px 0 calc(16px + env(safe-area-inset-bottom,0px)); background: var(--hw-ui-surface) !important; border-top: 1px solid var(--hw-ui-line) !important; }
html body #companionDock #companionPanel #companionInput { width: 100%; flex: 1 1 100%; min-height: 84px; resize: vertical; padding: 12px; }
html body #companionDock #companionPanel #companionForm > button { min-height: 40px; padding: 8px 16px; }
html body #companionDock #companionPanel .companion-panel-heading { min-width: 0; flex: 1; }
html body #companionDock #companionPanel #companionPanelStatus { font-size: 12px !important; }
html body #companionDock #companionPanel .companion-panel-tools { gap: 2px; flex-shrink: 0; }
html body #companionDock #companionPanel .companion-emotion-chip { background: var(--hw-ui-bg) !important; color: var(--hw-ui-muted) !important; border: 1px solid var(--hw-ui-line) !important; }

/* Actual portal controls (some legacy buttons are not .primary-btn). */
html:root body #trainingDashboardDrawer :is(.training-focus-option,.training-goal-option,.training-module-visibility-option,.training-ability-target-card,.training-module-order-item) {
  background: var(--hw-ui-surface) !important; color: var(--hw-ui-text) !important; border-color: var(--hw-ui-line) !important; box-shadow: none !important;
}
html:root body #trainingDashboardDrawer :is(.training-focus-option,.training-goal-option,.training-direction-option):has(input:checked) {
  background: var(--hw-ui-soft) !important; color: var(--hw-ui-text) !important; border-color: var(--hw-ui-accent) !important;
}
html:root body #trainingDashboardDrawer :is(.training-module-order-item button,#trainingDashboardResetBtn) {
  background: var(--hw-ui-bg) !important; color: var(--hw-ui-text) !important; border: 1px solid var(--hw-ui-line) !important;
}
html:root body #trainingDashboardDrawer #trainingDashboardSaveBtn,
html:root body #companionDock #companionPanel #companionForm button[type="submit"] {
  background: var(--hw-ui-primary) !important; color: #fff !important; border-color: var(--hw-ui-primary) !important; box-shadow: none !important;
}
html:root body #trainingDashboardDrawer .training-dashboard-actions { background: var(--hw-ui-surface) !important; border-top: 1px solid var(--hw-ui-line); padding: 12px 0 !important; flex-wrap: wrap; bottom: 0; }
html:root body #trainingDashboardDrawer #trainingDashboardApplyState { background: var(--hw-ui-bg) !important; color: var(--hw-ui-muted) !important; border-color: var(--hw-ui-line) !important; }
html:root body #trainingDashboardDrawer .training-dashboard-effect { background: var(--hw-ui-bg) !important; color: var(--hw-ui-muted) !important; }
html:root body #trainingDashboardDrawer .training-module-grip { background: var(--hw-ui-bg) !important; color: var(--hw-ui-text) !important; }
html:root body #trainingDashboardDrawer .hw-drawer-options { margin-top: 16px; background: transparent !important; }
html:root body #trainingDashboardDrawer .hw-drawer-options > summary { padding: 16px; min-height: 48px; border: 1px solid var(--hw-ui-line); border-radius: 8px; cursor: pointer; }
html:root body #companionDock #companionPanel :is(#companionPanelStatus,#companionCharacterText) {
  color: var(--hw-ui-muted) !important; background: transparent !important; opacity: 1 !important;
}
html:root body #companionDock #companionPanel #companionBriefCard .eyebrow { color: var(--hw-ui-accent) !important; }
html:root body #companionDock #companionPanel :is(#companionActions > button,#companionOpenCoachBtn) {
  color: var(--hw-ui-text) !important; background: var(--hw-ui-surface) !important; border: 1px solid var(--hw-ui-line) !important;
}

/* Recording review and case library share neutral cards; category/selection
   cues use a border as well as color. No media or business state is changed. */
html:root[data-theme="dark"] body #debugTopbarActions > button {
  background: var(--hw-ui-surface) !important; color: var(--hw-ui-text) !important;
  border-color: var(--hw-ui-line) !important; box-shadow: none !important;
}
html:root[data-theme="dark"] body #debugTopbarActions > button:hover {
  background: var(--hw-ui-hover) !important;
}
html:root[data-theme="dark"] body #hwWorkbenchMain .panel[data-panel="settings"] [data-account-logout-trigger].danger-btn {
  background: var(--hw-ui-surface) !important; color: var(--hw-ui-accent) !important;
  border-color: var(--hw-ui-line) !important; box-shadow: none !important;
}
html:root[data-theme="dark"] body #hwWorkbenchMain .panel[data-panel="waveform"] .waveform-learning-primary:disabled {
  background: var(--hw-ui-hover) !important; color: var(--hw-ui-muted) !important;
  border-color: var(--hw-ui-line) !important;
}
/* The recording cabin predates the product theme. Theme its actual surfaces,
   not every classed descendant: layout wrappers must not paint text-sized blocks. */
html:root[data-theme="dark"] body #hwWorkbenchMain .panel[data-panel="audio"] .audio-review-cabin {
  background: var(--hw-ui-bg) !important;
}
html:root[data-theme="dark"] body #hwWorkbenchMain .panel[data-panel="audio"] :is(.audio-status-hero,.audio-top-metric,.audio-training-card,.audio-timeline-panel,.audio-review-main,.audio-coach-panel,.audio-coach-card,.audio-action-bar,.audio-upload-button,.audio-search-field,.audio-transcript-editor,.audio-review-question-detail,.audio-review-standard-compare,.audio-speech-card,.icon-btn) {
  background: var(--hw-ui-surface) !important; color: var(--hw-ui-text) !important; border-color: var(--hw-ui-line) !important; box-shadow: none !important;
}
html:root[data-theme="dark"] body #hwWorkbenchMain .panel[data-panel="audio"] :is(.audio-question-tags,.audio-review-question-head,.audio-compare-head) {
  background: transparent !important;
}
html:root body[data-active-panel="audio"] .main .panel[data-panel="audio"] :is(.audio-review-answer-block,.audio-dialogue-card,.audio-report-digest,.audio-review-detail-card,.audio-cabin-timeline-item,.audio-cabin-answer-block,.audio-answer-card) {
  background: var(--hw-ui-surface) !important; color: var(--hw-ui-text) !important; border-color: var(--hw-ui-line) !important; box-shadow: none !important;
}
html:root body[data-active-panel="audio"] .main .panel[data-panel="audio"] :is(.audio-review-answer-block,.audio-cabin-answer-block,.audio-answer-card) p {
  color: var(--hw-ui-text) !important;
}
html:root body[data-active-panel="audio"] .main .panel[data-panel="audio"] :is(.link-btn,.audio-knowledge-save-btn,.audio-cabin-timeline-item.current,.audio-cabin-timeline-item.active) {
  color: var(--hw-ui-accent) !important; background: var(--hw-ui-soft) !important; border-color: var(--hw-ui-accent) !important; box-shadow: none !important;
}
html:root body #engineeringLabBoard :is(.engineering-bug-header,.engineering-bug-card,.engineering-bug-filters button,.engineering-bug-favorite,.engineering-bug-card button) {
  background: var(--hw-ui-surface) !important; color: var(--hw-ui-text) !important; border-color: var(--hw-ui-line) !important; box-shadow: none !important;
}
html:root body #engineeringLabBoard :is(.engineering-bug-filters button.is-active,.engineering-bug-answer-btn) {
  color: var(--hw-ui-accent) !important; background: var(--hw-ui-soft) !important; border-color: var(--hw-ui-accent) !important;
}
html:root body #engineeringLabBoard .primary-btn:not(:disabled) { color: #fff !important; background: var(--hw-ui-primary) !important; border-color: var(--hw-ui-primary) !important; }
html:root body #hwWorkbenchMain .panel[data-panel="audio"] .audio-compare-grid > section {
  color: var(--hw-ui-text) !important; background: var(--hw-ui-surface) !important; border-color: var(--hw-ui-line) !important;
}
html:root body #hwWorkbenchMain .panel[data-panel="audio"] .audio-compare-grid > section p { color: var(--hw-ui-text) !important; }
html:root body #hwWorkbenchMain .panel[data-panel="audio"] :is(.audio-cabin-title > div > span,.audio-status-hero > span,#audioQuestionTags > span,.audio-coach-score > b,.audio-comment-columns > section > span) {
  color: var(--hw-ui-text) !important; background: var(--hw-ui-bg) !important; border-color: var(--hw-ui-line) !important;
}
html:root body #hwWorkbenchMain .panel[data-panel="audio"] .audio-cabin-timeline-item :is(.audio-timeline-time,em,small),
html:root body #hwWorkbenchMain .panel[data-panel="audio"] .audio-compare-missing b { color: var(--hw-ui-text) !important; background: transparent !important; }
html:root body #hwWorkbenchMain .panel[data-panel="audio"] .audio-comment-columns > section { background: var(--hw-ui-surface) !important; border-color: var(--hw-ui-line) !important; }
html:root body #hwWorkbenchMain .panel[data-panel="audio"] .audio-comment-columns > section > strong { color: var(--hw-ui-text) !important; }
html:root body #engineeringLabBoard :is(.engineering-bug-case-profile > em,.engineering-bug-tool-list > span) { color: var(--hw-ui-text) !important; background: var(--hw-ui-bg) !important; border-color: var(--hw-ui-line) !important; }
html:root body #profileSkillModal :is(.profile-skill-missing > span,#profileSkillRecommendation > span) { color: var(--hw-ui-muted) !important; }
html:root body #profileSkillModal #profileSkillMissingList > span { color: var(--hw-ui-text) !important; background: var(--hw-ui-soft) !important; border-color: var(--hw-ui-accent) !important; }

html:root body dialog[data-engineering-proof-dialog] { box-sizing: border-box; width: min(900px,calc(100vw - 32px)) !important; max-height: calc(100dvh - 40px) !important; overflow: auto !important; padding: 24px !important; background: var(--hw-ui-surface) !important; color: var(--hw-ui-text) !important; border: 1px solid var(--hw-ui-line) !important; border-radius: 14px !important; }
html:root body dialog[data-engineering-proof-dialog]::backdrop { background: rgb(9 12 18 / 52%); }
/* The proof is reparented to body; keep the same theme after that portal move. */
html:root[data-theme] body > dialog.recruiter-profile-dialog[data-engineering-proof-dialog][data-identity-proof-overlay="true"] {
  background: var(--hw-ui-surface) !important; color: var(--hw-ui-text) !important; border-color: var(--hw-ui-line) !important;
}
html:root[data-theme] body > dialog.recruiter-profile-dialog[data-engineering-proof-dialog][data-identity-proof-overlay="true"] .recruiter-profile-projects > div:last-child span {
  background: var(--hw-ui-bg) !important; color: var(--hw-ui-text) !important; border-color: var(--hw-ui-line) !important;
}

@media (max-width: 980px) {
  #p10InterviewReports #p10Reports .p10-report-layout { grid-template-columns: minmax(0,1fr); }
  #p10InterviewReports #p10Reports .p10-report-tools { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
}
@media (max-width: 600px) {
  #p10InterviewReports #p10Reports.p10-workspace { padding: 24px 16px 48px; }
  #p10InterviewReports #p10Reports .p10-report-start { flex-direction: column; align-items: stretch; padding: 20px; }
  #p10InterviewReports #p10Reports .p10-report-tools { grid-template-columns: minmax(0,1fr); gap: 0; }
  #p10InterviewReports #p10Reports .p10-record-open { font-size: 11px; }
  html:root body :is(#accountModal,#onboardingModal,#scoreHistoryModal,#profileSkillModal,#interviewQuestionFeedbackModal,#startPromptModal,#companionExitModal) { padding: 12px !important; }
  html:root body :is(#accountModal,#onboardingModal,#scoreHistoryModal,#profileSkillModal,#interviewQuestionFeedbackModal,#startPromptModal,#companionExitModal) > :is(.modal-card,form) { padding: 20px !important; max-height: calc(100dvh - 24px) !important; }
  html body #accountModal .account-modal-grid { grid-template-columns: minmax(0,1fr) !important; }
  html body #accountModal .account-verification-input-row { flex-wrap: wrap; }
  html body #accountModal #accountSendVerificationBtn { width: 100%; }
  html body #accountModal #accountForm .form-actions { display: flex; flex-direction: column; align-items: stretch; }
  html body #companionDock #companionPanel .companion-panel-head { padding: 16px; }
  html body #companionDock #companionPanel .companion-agent-layout { padding: 16px; }
}