/*
 * Legacy accent bridge for 经纬.
 *
 * Older workspaces predate the visual-style token layer and still own local
 * blue variables or literal blue text. This final presentation-only layer
 * reconnects ordinary hierarchy and action emphasis to the selected style.
 * Risk, workflow and validation palettes remain owned by their source modules.
 */

/* Root-level design dialects used by administration and professional pages. */
html[data-visual-style] {
  --qx-blue: var(--visual-accent) !important;
  --qx-blue-hover: var(--visual-accent-deep) !important;
  --qx-blue-soft: var(--visual-accent-soft) !important;
  --qx-chart-blue: var(--visual-accent) !important;
  --oa-blue: var(--visual-accent) !important;
  --oa-blue-soft: var(--visual-accent-soft) !important;
  --qx2-blue: var(--visual-accent) !important;
  --qx2-blue-soft: var(--visual-accent-soft) !important;
  --ps-blue: var(--visual-accent) !important;
  --ps-blue-soft: var(--visual-accent-soft) !important;
  --arw-blue: var(--visual-accent) !important;
  --arw-blue-soft: var(--visual-accent-soft) !important;
}

/* Page-level dialects declared directly on the active body. */
html[data-visual-style] body {
  --aiwa-blue: var(--visual-accent) !important;
  --aiwa-blue-soft: var(--visual-accent-soft) !important;
  --aiwp-blue: var(--visual-accent) !important;
  --scheme-blue: var(--visual-accent) !important;
  --scheme-blue-soft: var(--visual-accent-soft) !important;
  --pe-blue: var(--visual-accent) !important;
  --pe-blue-soft: var(--visual-accent-soft) !important;
  --wpm-blue: var(--visual-accent) !important;
  --wpm-blue-soft: var(--visual-accent-soft) !important;
  --wpp-blue: var(--visual-accent) !important;
  --wpp-blue-soft: var(--visual-accent-soft) !important;
  --finding-blue: var(--visual-accent) !important;
  --finding-blue-soft: var(--visual-accent-soft) !important;
  --closure-blue: var(--visual-accent) !important;
  --closure-blue-hover: var(--visual-accent-deep) !important;
  --closure-blue-soft: var(--visual-accent-soft) !important;
  --stage-blue: var(--visual-accent) !important;
  --stage-blue-strong: var(--visual-accent-deep) !important;
  --stage-blue-soft: var(--visual-accent-soft) !important;
  --stage-three-blue: var(--visual-accent) !important;
}

/* Component-scoped dialects that would otherwise override inherited tokens. */
html[data-visual-style] #view-toolbox .toolbox-page {
  --tb2-blue: var(--visual-accent) !important;
  --tb2-blue-soft: var(--visual-accent-soft) !important;
  --tb-accent: var(--visual-accent) !important;
}

html[data-visual-style] .ajw-workbench {
  --ajw-blue: var(--visual-accent) !important;
  --ajw-blue-soft: var(--visual-accent-soft) !important;
}

html[data-visual-style] .report-document-workbench {
  --rpd-blue: var(--visual-accent) !important;
}

html[data-visual-style] .uaw-shell {
  --uaw-accent: var(--visual-accent) !important;
}

html[data-visual-style] .frw-shell {
  --frw-accent: var(--visual-accent) !important;
  --frw-accent-soft: var(--visual-accent-soft) !important;
}

html[data-visual-style] .nav-item.active {
  box-shadow: none !important;
}

html[data-visual-style] .nav-item:focus-visible {
  outline-color: color-mix(in srgb, var(--visual-accent) 62%, transparent) !important;
}

/*
 * This scope enumerates the live product surfaces deliberately. It keeps the
 * bridge out of dialogs and third-party content that do not belong to a view.
 */
html[data-visual-style="weave"] :is(
  #view-dashboard,
  #view-auditplan,
  #view-history,
  #view-home,
  #view-taskarrange,
  #view-walkthrough,
  #view-auditinterview,
  #view-workpaper,
  #view-findings,
  #view-mgmtinteraction,
  #view-report,
  #view-remediationtrack,
  #view-toolbox,
  #view-qa,
  #view-riskmodels,
  #view-reasoningcanvas,
  #view-reasoningcanvasv2,
  #view-ictest,
  #view-fraud,
  #view-systemsettings,
  #view-useradmin
) :is(
  [class$="-eyebrow"],
  [class$="-kicker"],
  [class$="-head"] span,
  [class$="-header"] span,
  [class$="-heading"] span,
  [class*="-panel-head"] span,
  [class*="-pane-head"] span,
  [class*="-section-head"] span,
  [class*="-rail-head"] span,
  a:not([class*="status"]),
  .btn-link,
  button[class$="-link"],
  button[class$="-jump"],
  button[class$="-more"]
) {
  color: var(--visual-accent) !important;
}

/* Dashboard and project center: visible hierarchy and navigation emphasis. */
html[data-visual-style="weave"] #view-dashboard :is(
  .dash-visual-panel > header button,
  .dash-remediation-summary dl button:hover dt,
  .dash-remediation-summary dl button:hover dd,
  .dash-priority-row > em,
  .dash-director-detail-panel > header span,
  .dash-director-item-detail > header span,
  .dash-director-item-next > span,
  .dash-director-panel-route > button,
  .dash-director-project-option > b,
  .dash-director-panel-section > header span,
  .dash-director-tool-grid svg,
  .dash-director-panel-secondary svg
) {
  color: var(--visual-accent) !important;
}

html[data-visual-style="weave"] #view-history :is(
  .pt-portfolio-head span,
  .pt-command-header span,
  .pt-focus-panel > div:first-child > span,
  .pt-filter-pill.active,
  .pt-filter-pill.active > b,
  .pt-filter-pill.active > span,
  .pt-stage-drawer > summary > b,
  .pt-plan-source-actions b
) {
  color: var(--visual-accent) !important;
}

/*
 * Current workflow state follows the chosen visual world. Completion,
 * exception and reminder states keep their independent audit semantics.
 */
html[data-visual-style="weave"] #view-auditplan .ap-coverage-cell.is-in-progress {
  border-left-color: var(--visual-accent) !important;
  background: color-mix(in srgb, var(--visual-accent-soft) 72%, var(--visual-surface)) !important;
  color: var(--visual-accent-deep) !important;
}

html[data-visual-style="weave"] #view-auditplan :is(
  .ap-coverage-specialties > button > b.is-in-progress,
  .ap-coverage-cell-title > b.is-in-progress
) {
  background: var(--visual-accent-soft) !important;
  color: var(--visual-accent-deep) !important;
}

html[data-visual-style="weave"] #view-auditplan .ap-coverage-legend .is-in-progress::before,
html[data-visual-style="weave"] #view-auditplan .ap-landing-metric.is-blue::before,
html[data-visual-style="weave"] #view-auditplan .ap-landing-metric.is-indigo::before {
  background: var(--visual-accent) !important;
}

html[data-visual-style="weave"] #view-history .pt-project-row.is-selected {
  border: 1px solid color-mix(in srgb, var(--visual-accent) 28%, var(--visual-line)) !important;
  background: color-mix(in srgb, var(--visual-accent-soft) 70%, var(--visual-surface)) !important;
  box-shadow: none !important;
}

html[data-visual-style="weave"] #view-history .pt-project-row.is-selected .pt-project-row-progress i {
  background: var(--visual-accent) !important;
}

html[data-visual-style="weave"] #view-history .pt-focus-panel:not(.is-warn):not(.is-close):not(.is-done) {
  border-color: color-mix(in srgb, var(--visual-accent) 26%, var(--visual-line)) !important;
  background: color-mix(in srgb, var(--visual-accent-soft) 62%, var(--visual-surface)) !important;
}

html[data-visual-style="weave"] #view-history .pt-stage-strip > article.is-in-progress {
  border-color: color-mix(in srgb, var(--visual-accent) 22%, var(--visual-line)) !important;
  background: color-mix(in srgb, var(--visual-accent-soft) 68%, var(--visual-surface)) !important;
}

html[data-visual-style="weave"] #view-history .pt-stage-strip > article.is-in-progress b {
  background: var(--visual-accent) !important;
  color: var(--visual-surface) !important;
}

html[data-visual-style="weave"] #view-history .pt-stage-strip > article.is-in-progress small,
html[data-visual-style="weave"] #view-history .pt-stage-drawer > summary b {
  color: var(--visual-accent-deep) !important;
}

html[data-visual-style="weave"] #view-history .pt-stage-drawer > summary b {
  background: var(--visual-accent-soft) !important;
}

/* Annual plan, risk assessment and audit scheme. */
html[data-visual-style="weave"] #view-auditplan :is(
  .ap-landing-hero span,
  .ap-plan-list-head span,
  .ap-plan-command-head span,
  .ap-ledger-head span,
  .ap-landing-more > summary
) {
  color: var(--visual-accent) !important;
}

html[data-visual-style="weave"] #view-home :is(
  .pra2-local-nav a:hover,
  .pra-page-heading span,
  .pra-panel-head span,
  .pra-section-head span
) {
  color: var(--visual-accent) !important;
}

html[data-visual-style="weave"] #view-taskarrange :is(
  .wf-scheme-dialog-head span,
  .wf-scheme-preview-program-head > span,
  .wf-scheme-project-title b,
  .wf-scheme-more-menu button:hover,
  .wf-program-edit-toggle,
  .wf-scheme-detail-page .wf-program-actions .btn[data-wf-add-scheme-item]
) {
  color: var(--visual-accent) !important;
}

/* Program execution and interview case file. */
html[data-visual-style="weave"] #view-walkthrough :is(
  .uaw-support-head span,
  .uaw-tool-handoff span::before,
  .uaw-secondary-capabilities > summary small,
  .uaw-mode-composer > header span,
  .at-program-page-title span,
  .at-program-overview-side .btn-link,
  .at-evidence-workbench-head > div:first-child span,
  .uaw-responsibility > header span,
  .uaw-context-more > summary small,
  .peca-tool-icon,
  .peca-return-bridge > div > span,
  .peca-return-bridge > button
) {
  color: var(--visual-accent) !important;
}

html[data-visual-style="weave"] #view-auditinterview :is(
  .aiw-header span,
  .aiw-boundary strong,
  .aiw-entry button,
  .aiw-review-summary strong,
  .aiw-add-observation,
  .aiw-review-matrix > div > span,
  .aiw-outline-heading button,
  .aiw-question-card > header > span,
  .aiw-question-index > span,
  .aiw-page-heading button,
  .aiw-add-question-row,
  .aiw-tool-rail > button:hover,
  .aiw-tool-menu > summary:hover,
  .aiw-basic-collapse > summary span,
  .aiw-basic-collapse > summary em,
  .aiw-question-editor > span small,
  .aiw-answer-field > span small,
  .aiw-create-dialog > header span
) {
  color: var(--visual-accent) !important;
}

/* Findings, communication, report and closeout. */
html[data-visual-style="weave"] :is(
  #view-findings,
  #view-mgmtinteraction,
  #view-remediationtrack
) :is(
  .finding-index,
  .finding-card-workbench > summary span,
  .finding-list-next-inline span,
  .mi-form-kicker,
  .ff-hero-copy span,
  .ff-command-copy span,
  .ff-panel-head span,
  .ff-list-head span
) {
  color: var(--visual-accent) !important;
}

html[data-visual-style="weave"] #view-report :is(
  .rpd-outline nav button.active,
  .rpd-source-state button:hover,
  .rpd-add-paragraph:hover,
  .rpd-readiness article button,
  .rpd-source-list article > button,
  .report-expression-panel > header span
) {
  color: var(--visual-accent) !important;
}

/* Professional support and system administration. */
html[data-visual-style="weave"] :is(
  #view-toolbox,
  #view-qa,
  #view-riskmodels,
  #view-reasoningcanvas,
  #view-reasoningcanvasv2,
  #view-ictest
) :is(
  .qa-hero-kicker,
  .qa-panel-link,
  .qa-source-toggle.active > .qa-source-count,
  .qa-mode-switch > button.is-active,
  .qa-scope-ready-state > div:first-child span,
  .qa-scope-ready-state > aside b,
  .toolbox-page a,
  .toolbox-page button[class*="link"],
  .frw-mapping-editor summary,
  .frw-account-review-links button,
  .frw-ai-panel > header span
) {
  color: var(--visual-accent) !important;
}

html[data-visual-style="weave"] :is(
  #view-systemsettings,
  #view-useradmin
) :is(
  .ua-reset-btn,
  .sys-card-head span,
  .sys-action a
) {
  color: var(--visual-accent) !important;
}

/* Main audit-line polish: shared project context and keyboard/action depth. */
html[data-visual-style="weave"] .project-switch-trigger em {
  background: var(--visual-accent-soft) !important;
  color: var(--visual-accent-deep) !important;
}

html[data-visual-style="weave"] :is(
  .project-switch-trigger:hover,
  .project-switch-trigger[aria-expanded="true"]
) {
  border-color: color-mix(in srgb, var(--visual-accent) 38%, var(--visual-line)) !important;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--visual-accent) 10%, transparent) !important;
}

html[data-visual-style="weave"] :is(
  .user-avatar,
  #view-home .btn-primary,
  #view-auditinterview .is-primary
) {
  box-shadow: 0 6px 14px color-mix(in srgb, var(--visual-accent) 16%, transparent) !important;
}

/* Risk assessment: current path, selected view and evidence/reference affordances. */
html[data-visual-style="weave"] #view-home .pra-workbench-tabs .is-active {
  border-color: color-mix(in srgb, var(--visual-accent) 34%, var(--visual-line)) !important;
  background: color-mix(in srgb, var(--visual-accent-soft) 64%, var(--visual-surface)) !important;
  color: var(--visual-accent-deep) !important;
  box-shadow: none !important;
}

html[data-visual-style="weave"] #view-home :is(
  .pra-assessment-path > span.is-active::before,
  .pra-assessment-path > button.is-active::before
) {
  background: var(--visual-accent) !important;
}

html[data-visual-style="weave"] #view-home :is(
  .pra-assessment-path > button.is-active,
  .pra-object-risk-progress > span.is-active
) {
  border-color: color-mix(in srgb, var(--visual-accent) 28%, var(--visual-line)) !important;
  background: color-mix(in srgb, var(--visual-accent-soft) 66%, var(--visual-surface)) !important;
  color: var(--visual-accent-deep) !important;
  box-shadow: none !important;
}

html[data-visual-style="weave"] #view-home :is(
  .pra-assessment-path > button.is-active > b,
  .pra-risk-review-views.is-result-view > div:first-child > b,
  .pra-workbench-tabs .is-active b,
  .pra-evidence-supplement em,
  .pra-assessment-support b
) {
  color: var(--visual-accent-deep) !important;
}

html[data-visual-style="weave"] #view-home :is(
  button[data-pra-evidence-risk],
  .pra-evidence-add-actions button
) {
  border-color: color-mix(in srgb, var(--visual-accent) 22%, var(--visual-line)) !important;
  background: color-mix(in srgb, var(--visual-accent-soft) 42%, var(--visual-surface)) !important;
  color: var(--visual-accent-deep) !important;
}

html[data-visual-style="weave"] #view-home :is(
  .pra-intel-boundary,
  .pra-risk-intel-group.is-module,
  .pra-risk-chip.module,
  .pra-method-boundary
) {
  border-color: color-mix(in srgb, var(--visual-accent) 34%, var(--visual-line)) !important;
  border-left-width: 1px !important;
}

html[data-visual-style="weave"] #view-home .pra-risk-intel-head b {
  background: var(--visual-accent-soft) !important;
  color: var(--visual-accent-deep) !important;
}

/* Audit scheme: procedure identity follows the theme; coverage keeps success semantics. */
html[data-visual-style="weave"] #view-taskarrange :is(
  .wf-scheme-support-drawer > summary span,
  .wf-scheme-support-drawer > summary b,
  .wf-scheme-tools > summary span,
  .wf-scheme-secondary-drawer > summary span,
  .wf-risk-program-matrix thead th b,
  .wf-scheme-integrity > div:first-child span
) {
  color: var(--visual-accent-deep) !important;
}

html[data-visual-style="weave"] #view-taskarrange .wf-risk-program-matrix-head > strong {
  background: color-mix(in srgb, var(--success) 11%, var(--visual-surface)) !important;
  color: var(--success) !important;
}

html[data-visual-style="weave"] #view-taskarrange .wf-risk-program-check:has(input:checked) {
  border-color: color-mix(in srgb, var(--success) 34%, var(--visual-line)) !important;
  background: color-mix(in srgb, var(--success) 10%, var(--visual-surface)) !important;
  color: var(--success) !important;
}

html[data-visual-style="weave"] #view-taskarrange :is(
  .wf-risk-program-check input,
  .wf-scheme-detail-page input[type="checkbox"]
) {
  accent-color: var(--visual-accent) !important;
}

html[data-visual-style="weave"] #view-taskarrange .wf-scheme-integrity b {
  color: var(--success) !important;
}

/* Program execution: active program, evidence intake and embedded workspaces. */
html[data-visual-style="weave"] #view-walkthrough :is(
  .at-program-context-strip,
  .at-evidence-source-context,
  .at-execution-basis[open]
) {
  border-color: var(--visual-line) !important;
  background: color-mix(in srgb, var(--visual-accent-soft) 24%, var(--visual-surface)) !important;
}

html[data-visual-style="weave"] #view-walkthrough :is(
  .at-program-context-actions .at-taskbar-utility,
  .at-evidence-source-actions .btn
) {
  border-color: color-mix(in srgb, var(--visual-accent) 24%, var(--visual-line)) !important;
  background: var(--visual-surface) !important;
  color: var(--visual-accent-deep) !important;
}

html[data-visual-style="weave"] #view-walkthrough .at-evidence-source-actions b {
  background: var(--visual-accent-soft) !important;
  color: var(--visual-accent-deep) !important;
}

html[data-visual-style="weave"] #view-walkthrough .at-program-status-chip.is-active {
  border-color: color-mix(in srgb, var(--visual-accent) 28%, var(--visual-line)) !important;
  background: color-mix(in srgb, var(--visual-accent-soft) 68%, var(--visual-surface)) !important;
  color: var(--visual-accent-deep) !important;
}

html[data-visual-style="weave"] #view-walkthrough .at-evidence-dropzone {
  border-color: color-mix(in srgb, var(--visual-accent) 38%, var(--visual-line)) !important;
  background: color-mix(in srgb, var(--visual-accent-soft) 28%, var(--visual-surface)) !important;
}

html[data-visual-style="weave"] #view-walkthrough .at-evidence-drop-icon {
  background: var(--visual-accent) !important;
  color: var(--visual-surface) !important;
}

html[data-visual-style="weave"] #view-walkthrough :is(
  .at-evidence-format-list b,
  .at-evidence-source-toggle,
  .at-inline-materials > div:first-child span,
  .at-inline-materials [data-at-selected-material-count],
  .at-execution-guide > div:first-child span,
  .project-linked-knowledge-cards > div:first-child span,
  .uaw-flow-button.is-next,
  .uaw-bottom-copy.is-saving strong
) {
  color: var(--visual-accent-deep) !important;
}

html[data-visual-style="weave"] #view-walkthrough .at-evidence-format-list b {
  background: var(--visual-accent-soft) !important;
}

html[data-visual-style="weave"] #view-walkthrough .at-regular-workflow > span.is-active > b {
  border-color: color-mix(in srgb, var(--visual-accent) 36%, var(--visual-line)) !important;
  background: var(--visual-accent-soft) !important;
  color: var(--visual-accent-deep) !important;
}

html[data-visual-style="weave"] #view-walkthrough :is(
  .at-row-select-cell > input,
  .at-row-select-all input
) {
  accent-color: var(--visual-accent) !important;
}

html[data-visual-style="weave"] #view-walkthrough :is(
  .fpw-launcher > button,
  .fpw-step > button,
  .fpw-actions button,
  .fpw-confirm button,
  .fpw-drawer-foot button
) {
  border-color: var(--visual-accent) !important;
  background: var(--visual-accent) !important;
  color: var(--visual-surface) !important;
  box-shadow: none !important;
}

html[data-visual-style="weave"] #view-walkthrough :is(
  .fpw-launcher-head span,
  .fpw-launcher-state strong,
  .fpw-drawer-head span
) {
  color: var(--visual-accent-deep) !important;
}

/* Interview: selected case, active section and next action share one visual grammar. */
html[data-visual-style="weave"] #view-auditinterview .aiw-session-tab.is-active {
  border: 1px solid color-mix(in srgb, var(--visual-accent) 30%, var(--visual-line)) !important;
  background: color-mix(in srgb, var(--visual-accent-soft) 68%, var(--visual-surface)) !important;
  box-shadow: none !important;
}

html[data-visual-style="weave"] #view-auditinterview .aiw-session-tab.is-active::before {
  display: none !important;
}

html[data-visual-style="weave"] #view-auditinterview .aiw-session-tab.is-active strong {
  color: var(--visual-accent-deep) !important;
}

html[data-visual-style="weave"] #view-auditinterview .aiw-dossier-outline > button.is-active {
  border-color: color-mix(in srgb, var(--visual-accent) 28%, var(--visual-line)) !important;
  background: color-mix(in srgb, var(--visual-accent-soft) 62%, var(--visual-surface)) !important;
  color: var(--visual-accent-deep) !important;
  box-shadow: none !important;
}

html[data-visual-style="weave"] #view-auditinterview .aiw-task-summary .is-next {
  border-color: color-mix(in srgb, var(--visual-accent) 24%, var(--visual-line)) !important;
  background: color-mix(in srgb, var(--visual-accent-soft) 66%, var(--visual-surface)) !important;
}

html[data-visual-style="weave"] #view-auditinterview .aiw-task-summary .is-next :is(span, strong),
html[data-visual-style="weave"] #view-auditinterview .aiw-tool-rail > button.is-primary {
  color: var(--visual-accent-deep) !important;
}

html[data-visual-style="weave"] #view-auditinterview .aiw-tool-rail > button.is-primary {
  border-color: color-mix(in srgb, var(--visual-accent) 26%, var(--visual-line)) !important;
  background: var(--visual-accent-soft) !important;
  box-shadow: none !important;
}

/* Workpaper binder: selected paper without a leftover blue outline. */
html[data-visual-style="weave"] #view-workpaper .wpm-paper-row.active {
  border-color: color-mix(in srgb, var(--visual-accent) 32%, var(--visual-line)) !important;
  background: color-mix(in srgb, var(--visual-accent-soft) 66%, var(--visual-surface)) !important;
  box-shadow: none !important;
}

html[data-visual-style="weave"] #view-workpaper .wpm-paper-row.active b {
  color: var(--visual-accent-deep) !important;
}

/* Findings and communication: lifecycle markers and secondary-record counts. */
html[data-visual-style="weave"] #view-findings :is(
  .fcd-head > b,
  .ff-all-findings > div:first-child b,
  .ff-search-wrap span
) {
  color: var(--visual-accent-deep) !important;
}

html[data-visual-style="weave"] #view-findings :is(
  .fcd-head > b,
  .ff-all-findings > div:first-child b
) {
  background: var(--visual-accent-soft) !important;
}

html[data-visual-style="weave"] #view-findings .fcf-step {
  border-color: var(--visual-line) !important;
  background: color-mix(in srgb, var(--visual-accent-soft) 22%, var(--visual-surface)) !important;
}

html[data-visual-style="weave"] #view-findings .fcf-step > span {
  background: var(--visual-accent-soft) !important;
  color: var(--visual-accent-deep) !important;
}

html[data-visual-style="weave"] #view-findings .fcf-step > b {
  color: var(--visual-accent-deep) !important;
}

html[data-visual-style="weave"] #view-mgmtinteraction .mi-support-records > summary > b {
  background: var(--visual-accent-soft) !important;
  color: var(--visual-accent-deep) !important;
}

/* Report: drafting state, version path and selected handoff use the active style. */
html[data-visual-style="weave"] #view-report .rpd-title p b.editing {
  background: var(--visual-accent-soft) !important;
  color: var(--visual-accent-deep) !important;
}

html[data-visual-style="weave"] #view-report :is(
  #rp-version-control > div:first-child b,
  .rpg-content-boundary span,
  .rpv-head b,
  .rp-delivery-support b,
  .pq-handoff-current span
) {
  color: var(--visual-accent-deep) !important;
}

html[data-visual-style="weave"] #view-report .rpv-flow button {
  border-color: var(--visual-line) !important;
  background: var(--visual-surface) !important;
  color: var(--visual-ink) !important;
  box-shadow: none !important;
}

html[data-visual-style="weave"] #view-report .rpv-flow button > b {
  background: var(--visual-accent-soft) !important;
  color: var(--visual-accent-deep) !important;
}

html[data-visual-style="weave"] #view-report .rpv-flow button.active {
  border-color: color-mix(in srgb, var(--visual-accent) 34%, var(--visual-line)) !important;
  background: color-mix(in srgb, var(--visual-accent-soft) 68%, var(--visual-surface)) !important;
  color: var(--visual-accent-deep) !important;
}

html[data-visual-style="weave"] #view-report .rpv-flow button.active > b {
  background: var(--visual-accent) !important;
  color: var(--visual-surface) !important;
}

/* Remediation: current step and selected record, while overdue/done semantics stay owned upstream. */
html[data-visual-style="weave"] #view-remediationtrack .ft-step.is-current .ft-step-index {
  border-color: var(--visual-accent) !important;
  background: var(--visual-accent) !important;
  color: var(--visual-surface) !important;
}

html[data-visual-style="weave"] #view-remediationtrack .ff-remediation-row.active {
  background: color-mix(in srgb, var(--visual-accent-soft) 68%, var(--visual-surface)) !important;
  outline: 1px solid color-mix(in srgb, var(--visual-accent) 44%, var(--visual-line)) !important;
  outline-offset: -1px !important;
  box-shadow: none !important;
}

html[data-visual-style="weave"] #view-remediationtrack :is(
  .ft-editor > summary,
  .ff-remediation-detail-head span,
  .ff-remediation-operation-head span
) {
  color: var(--visual-accent-deep) !important;
}

html[data-visual-style="weave"] #view-remediationtrack .ff-remediation-detail-actions {
  background: var(--visual-accent-soft) !important;
}

/* Higher-specificity remnants confirmed in the rendered mainline pages. */
html[data-visual-style="weave"] #view-home :is(
  .pra-risk-review-views.is-result-view > summary > b,
  .pra-evidence-sidebar-head > b
) {
  background: var(--visual-accent-soft) !important;
  color: var(--visual-accent-deep) !important;
}

html[data-visual-style="weave"] #view-home .pra-risk-visual-workbench [data-pra-visual-risk].is-active {
  border-color: color-mix(in srgb, var(--visual-accent) 30%, var(--visual-line)) !important;
  background: color-mix(in srgb, var(--visual-accent-soft) 66%, var(--visual-surface)) !important;
  box-shadow: none !important;
}

html[data-visual-style="weave"] #view-home .pra-risk-visual-workbench [data-pra-visual-risk].is-active > b {
  background: var(--visual-accent-soft) !important;
  color: var(--visual-accent-deep) !important;
}

html[data-visual-style="weave"] #view-home .pra-intel-boundary > span {
  border-color: color-mix(in srgb, var(--visual-accent) 34%, var(--visual-line)) !important;
  border-left-width: 1px !important;
}

html[data-visual-style="weave"] #view-taskarrange :is(
  .wf-scheme-module-drawer,
  .wf-scheme-secondary-drawer
) summary span {
  color: var(--visual-accent-deep) !important;
}

html[data-visual-style="weave"] #view-walkthrough :is(
  .at-evidence-import-drawer,
  #at-inline-materials
) > :first-child span,
html[data-visual-style="weave"] #view-walkthrough :is(
  .ajw-secondary-launch span,
  .ajr-review-stage span,
  .ajr-review-stage b,
  .uaw-context-block em,
  .adpe-entry em,
  .asa-capabilities button,
  .asa-result button,
  .uaw-next-action span
) {
  color: var(--visual-accent-deep) !important;
}

html[data-visual-style="weave"] #view-walkthrough :is(
  .ajw-secondary-launch .ajw-btn,
  .asa-capabilities button,
  .asa-result button
) {
  border-color: color-mix(in srgb, var(--visual-accent) 26%, var(--visual-line)) !important;
  background: color-mix(in srgb, var(--visual-accent-soft) 48%, var(--visual-surface)) !important;
}

html[data-visual-style="weave"] #view-walkthrough :is(
  .ajr-review-stage b,
  .adpe-entry em,
  .uaw-next-action span
) {
  background: var(--visual-accent-soft) !important;
}

html[data-visual-style="weave"] #view-walkthrough .at-project-context {
  box-shadow: 0 10px 28px color-mix(in srgb, var(--visual-ink) 7%, transparent) !important;
}

html[data-visual-style="weave"] #view-walkthrough .btn-primary {
  box-shadow: 0 6px 14px color-mix(in srgb, var(--visual-accent) 16%, transparent) !important;
}

/* The interview case file is mounted as a fixed layer outside #view-auditinterview. */
html[data-visual-style="weave"] body[data-active-view="auditinterview"] .aiw-session-tab.is-active {
  border: 1px solid color-mix(in srgb, var(--visual-accent) 30%, var(--visual-line)) !important;
  background: color-mix(in srgb, var(--visual-accent-soft) 68%, var(--visual-surface)) !important;
  box-shadow: none !important;
}

html[data-visual-style="weave"] body[data-active-view="auditinterview"] .aiw-session-tab.is-active::before {
  display: none !important;
}

html[data-visual-style="weave"] body[data-active-view="auditinterview"] :is(
  .aiw-session-tab.is-active strong,
  .aiw-dossier-outline > button.is-active,
  .aiw-task-summary .is-next span,
  .aiw-task-summary .is-next strong,
  .aiw-basic-collapse > summary span,
  .aiw-basic-collapse > summary em,
  .aiw-tool-rail > button.is-primary,
  .aiw-tool-rail > button.is-primary span,
  .aiw-tool-rail > button.is-primary svg
) {
  color: var(--visual-accent-deep) !important;
}

html[data-visual-style="weave"] body[data-active-view="auditinterview"] .aiw-dossier-outline > button.is-active {
  border-color: color-mix(in srgb, var(--visual-accent) 28%, var(--visual-line)) !important;
  background: color-mix(in srgb, var(--visual-accent-soft) 62%, var(--visual-surface)) !important;
  box-shadow: none !important;
}

html[data-visual-style="weave"] body[data-active-view="auditinterview"] .aiw-task-summary .is-next {
  border-color: color-mix(in srgb, var(--visual-accent) 24%, var(--visual-line)) !important;
  background: color-mix(in srgb, var(--visual-accent-soft) 66%, var(--visual-surface)) !important;
}

html[data-visual-style="weave"] body[data-active-view="auditinterview"] .aiw-tool-rail > button.is-primary {
  border-color: color-mix(in srgb, var(--visual-accent) 26%, var(--visual-line)) !important;
  background: var(--visual-accent-soft) !important;
  box-shadow: none !important;
}

html[data-visual-style="weave"] body[data-active-view="auditinterview"] :is(
  .btn-primary,
  .aiw-page-heading .is-primary
) {
  box-shadow: 0 6px 14px color-mix(in srgb, var(--visual-accent) 16%, transparent) !important;
}

html[data-visual-style="weave"] body[data-active-view="auditinterview"] .aiw-add-question-row {
  border-color: var(--visual-accent) !important;
  background: var(--visual-accent) !important;
  color: var(--visual-surface) !important;
}

html[data-visual-style="weave"] #view-findings .fcd-row.active {
  border-color: color-mix(in srgb, var(--visual-accent) 34%, var(--visual-line)) !important;
  background: color-mix(in srgb, var(--visual-accent-soft) 66%, var(--visual-surface)) !important;
  box-shadow: none !important;
}

html[data-visual-style="weave"] #view-findings :is(
  .fcd-row.active span,
  .fcd-current span,
  .fcd-next span,
  .ff-all-findings > summary b
) {
  color: var(--visual-accent-deep) !important;
}

html[data-visual-style="weave"] #view-findings .ff-all-findings > summary b {
  background: var(--visual-accent-soft) !important;
}

html[data-visual-style="weave"] #view-report #rp-version-control b {
  color: var(--visual-accent-deep) !important;
}

html[data-visual-style="weave"] #view-report .pq-handoff-item.active {
  border-color: color-mix(in srgb, var(--visual-accent) 34%, var(--visual-line)) !important;
  background: color-mix(in srgb, var(--visual-accent-soft) 58%, var(--visual-surface)) !important;
  box-shadow: none !important;
}

html[data-visual-style="weave"] #view-walkthrough .ajw-secondary-launch .ajw-btn {
  color: var(--visual-accent-deep) !important;
}

html[data-visual-style="weave"] body[data-active-view="auditinterview"] :is(
  .aiw-basic-edit-note > span,
  .aiw-question-editor > span,
  .aiw-answer-field > span
) {
  color: var(--visual-accent-deep) !important;
}

html[data-visual-style="weave"] body[data-active-view="auditinterview"] .aiw-outline-actions button {
  border-color: var(--visual-accent) !important;
  background: var(--visual-accent) !important;
  color: var(--visual-surface) !important;
  box-shadow: none !important;
}

html[data-visual-style="weave"] body[data-active-view="auditinterview"] .is-primary {
  box-shadow: 0 6px 14px color-mix(in srgb, var(--visual-accent) 16%, transparent) !important;
}

html[data-visual-style="weave"] #view-report .rpd-ai-check {
  border-color: color-mix(in srgb, var(--visual-accent) 24%, var(--visual-line)) !important;
  color: var(--visual-accent-deep) !important;
}

/* Audit interview round-two/three surface bridge. The workspace is mounted
 * outside #view-auditinterview, so its full surface vocabulary must inherit
 * the selected 清朗 / 经纬 world explicitly. */
html[data-visual-style] body[data-active-view="auditinterview"] {
  --aiwa-canvas: var(--visual-canvas) !important;
  --aiwa-surface: color-mix(in srgb, var(--visual-surface) 96%, transparent) !important;
  --aiwa-surface-solid: var(--visual-surface) !important;
  --aiwa-sidebar: var(--visual-surface-soft) !important;
  --aiwa-line: var(--visual-line) !important;
  --aiwa-line-strong: color-mix(in srgb, var(--visual-line) 78%, var(--visual-ink)) !important;
  --aiwa-ink: var(--visual-ink) !important;
  --aiwa-muted: var(--visual-copy) !important;
  --aiwa-shadow: var(--visual-shadow) !important;
}

html[data-visual-style] body[data-active-view="auditinterview"] :is(
  .aiw-panel,
  .aiw-body,
  .aiw-workbench,
  .aiw-paper-stage
) {
  background: var(--visual-canvas-pattern) !important;
}

html[data-visual-style] body[data-active-view="auditinterview"] .aiw-session-nav {
  border-color: var(--visual-line) !important;
  background: color-mix(in srgb, var(--visual-surface-soft) 94%, transparent) !important;
}

html[data-visual-style] body[data-active-view="auditinterview"] :is(
  .aiw-work-sheet,
  .aiw-question-card,
  .aiw-question-outline > button:hover,
  .aiw-empty-actions button
) {
  border-color: var(--visual-line) !important;
  background: var(--visual-surface) !important;
}

html[data-visual-style] body[data-active-view="auditinterview"] .aiw-work-sheet {
  border-radius: var(--visual-radius-lg) !important;
  box-shadow: var(--visual-shadow) !important;
}

html[data-visual-style] body[data-active-view="auditinterview"] :is(
  .aiw-work-sheet-head,
  .aiw-task-summary,
  .aiw-basic-collapse,
  .aiw-interview-stage-strip,
  .aiw-tool-rail
) {
  border-color: var(--visual-line) !important;
  background: color-mix(in srgb, var(--visual-surface) 78%, var(--visual-surface-soft)) !important;
}

html[data-visual-style] body[data-active-view="auditinterview"] .aiw-task-summary > div {
  border-color: var(--visual-line-soft) !important;
}

html[data-visual-style] body[data-active-view="auditinterview"] .aiw-interview-stage-strip li > span {
  background: color-mix(in srgb, var(--visual-surface) 78%, var(--visual-surface-soft)) !important;
}

html[data-visual-style] body[data-active-view="auditinterview"] .aiw-question-outline > button.is-active {
  border-color: color-mix(in srgb, var(--visual-accent) 30%, var(--visual-line)) !important;
  background: color-mix(in srgb, var(--visual-accent-soft) 70%, var(--visual-surface)) !important;
  color: var(--visual-accent-deep) !important;
}

html[data-visual-style] body[data-active-view="auditinterview"] :is(
  .aiw-interview-stage-strip li.is-current,
  .aiw-interview-stage-strip li.is-complete,
  .aiw-record-mode svg,
  .aiw-tool-group button.is-active,
  .aiw-tool-group button:hover
) {
  color: var(--visual-accent-deep) !important;
}