/*
 * Remaining workspaces — Apple-style finishing layer (2026-08-17)
 *
 * Scope: project support, professional support, fraud investigation and
 * system administration. This file is intentionally loaded last. It changes
 * presentation only; business data, workflow gates and renderer ownership
 * stay in their existing modules.
 */

:root {
  --qx2-canvas: #f5f5f7;
  --qx2-surface: #ffffff;
  --qx2-surface-soft: #f8f9fb;
  --qx2-ink: #182033;
  --qx2-secondary: #596579;
  --qx2-tertiary: #8993a3;
  --qx2-line: #dfe3e8;
  --qx2-line-soft: #eceff3;
  --qx2-blue: #1769e8;
  --qx2-blue-soft: #edf4ff;
  --qx2-green: #168a54;
  --qx2-orange: #c96b16;
  --qx2-red: #d64745;
  --qx2-radius-sm: 8px;
  --qx2-radius: 12px;
  --qx2-radius-lg: 16px;
  --qx2-shadow: 0 1px 2px rgba(15, 23, 42, .025), 0 10px 28px rgba(15, 23, 42, .045);
  --qx2-shadow-hover: 0 16px 36px rgba(15, 23, 42, .085);
}

/* One visual contract for the pages that previously fell outside the topbar baseline. */
body:is(
  [data-active-view="materials"],
  [data-active-view="riskevents"],
  [data-active-view="toolbox"],
  [data-active-view="qa"],
  [data-active-view="riskmodels"],
  [data-active-view="reasoningcanvas"],
  [data-active-view="reasoningcanvasv2"],
  [data-active-view="ictest"],
  [data-active-view="professionalcenter"],
  [data-active-view="capabilitycenter"],
  [data-active-view="capabilitydetail"],
  [data-active-view="projectcapabilities"],
  [data-active-view="financialdata"],
  [data-active-view="rdanalysis"],
  [data-active-view="relatedscreening"],
  [data-active-view="contract"],
  [data-active-view="purchasemvp"],
  [data-active-view="fraud"],
  [data-active-view="systemsettings"],
  [data-active-view="useradmin"]
) {
  color: var(--qx2-ink);
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "PingFang SC", "Helvetica Neue", Arial, sans-serif;
  background: var(--qx2-canvas);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

body:is(
  [data-active-view="materials"],
  [data-active-view="riskevents"],
  [data-active-view="toolbox"],
  [data-active-view="qa"],
  [data-active-view="riskmodels"],
  [data-active-view="reasoningcanvas"],
  [data-active-view="reasoningcanvasv2"],
  [data-active-view="ictest"],
  [data-active-view="professionalcenter"],
  [data-active-view="capabilitycenter"],
  [data-active-view="capabilitydetail"],
  [data-active-view="projectcapabilities"],
  [data-active-view="financialdata"],
  [data-active-view="rdanalysis"],
  [data-active-view="relatedscreening"],
  [data-active-view="contract"],
  [data-active-view="purchasemvp"],
  [data-active-view="fraud"],
  [data-active-view="systemsettings"],
  [data-active-view="useradmin"]
) .breadcrumb {
  min-height: 34px;
  padding: 9px 24px 6px;
  border-bottom: 1px solid var(--qx2-line-soft);
  background: rgba(255, 255, 255, .88);
  color: #7b8494;
  font-size: 11px;
  backdrop-filter: saturate(130%) blur(14px);
}

body:is(
  [data-active-view="materials"],
  [data-active-view="riskevents"],
  [data-active-view="toolbox"],
  [data-active-view="qa"],
  [data-active-view="riskmodels"],
  [data-active-view="reasoningcanvas"],
  [data-active-view="reasoningcanvasv2"],
  [data-active-view="ictest"],
  [data-active-view="professionalcenter"],
  [data-active-view="capabilitycenter"],
  [data-active-view="capabilitydetail"],
  [data-active-view="projectcapabilities"],
  [data-active-view="financialdata"],
  [data-active-view="rdanalysis"],
  [data-active-view="relatedscreening"],
  [data-active-view="contract"],
  [data-active-view="purchasemvp"],
  [data-active-view="fraud"],
  [data-active-view="systemsettings"],
  [data-active-view="useradmin"]
) .main-content {
  max-width: none;
  padding: 16px 24px 38px;
  background: var(--qx2-canvas);
}

body:is(
  [data-active-view="materials"],
  [data-active-view="riskevents"],
  [data-active-view="toolbox"],
  [data-active-view="qa"],
  [data-active-view="riskmodels"],
  [data-active-view="ictest"],
  [data-active-view="professionalcenter"],
  [data-active-view="capabilitycenter"],
  [data-active-view="capabilitydetail"],
  [data-active-view="projectcapabilities"],
  [data-active-view="financialdata"],
  [data-active-view="rdanalysis"],
  [data-active-view="relatedscreening"],
  [data-active-view="contract"],
  [data-active-view="purchasemvp"],
  [data-active-view="fraud"],
  [data-active-view="systemsettings"],
  [data-active-view="useradmin"]
) .view-panel.active {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
}

/* Compact title treatment: one clear title, one explanatory line, no banner. */
body:is(
  [data-active-view="materials"],
  [data-active-view="riskevents"],
  [data-active-view="toolbox"],
  [data-active-view="qa"],
  [data-active-view="riskmodels"],
  [data-active-view="ictest"],
  [data-active-view="professionalcenter"],
  [data-active-view="capabilitycenter"],
  [data-active-view="capabilitydetail"],
  [data-active-view="projectcapabilities"],
  [data-active-view="financialdata"],
  [data-active-view="rdanalysis"],
  [data-active-view="relatedscreening"],
  [data-active-view="contract"],
  [data-active-view="purchasemvp"],
  [data-active-view="fraud"],
  [data-active-view="systemsettings"],
  [data-active-view="useradmin"]
) .view-panel > .app-page-hero {
  min-height: 0;
  margin: 0 0 12px;
  padding: 2px 2px 14px;
  border: 0;
  border-bottom: 1px solid var(--qx2-line);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

body:is(
  [data-active-view="materials"],
  [data-active-view="riskevents"],
  [data-active-view="toolbox"],
  [data-active-view="qa"],
  [data-active-view="riskmodels"],
  [data-active-view="ictest"],
  [data-active-view="professionalcenter"],
  [data-active-view="capabilitycenter"],
  [data-active-view="capabilitydetail"],
  [data-active-view="projectcapabilities"],
  [data-active-view="financialdata"],
  [data-active-view="rdanalysis"],
  [data-active-view="relatedscreening"],
  [data-active-view="contract"],
  [data-active-view="purchasemvp"],
  [data-active-view="fraud"],
  [data-active-view="systemsettings"],
  [data-active-view="useradmin"]
) .view-panel > .app-page-hero .page-eyebrow {
  margin: 0 0 5px;
  color: #52759c;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .08em;
}

body:is(
  [data-active-view="materials"],
  [data-active-view="riskevents"],
  [data-active-view="toolbox"],
  [data-active-view="qa"],
  [data-active-view="riskmodels"],
  [data-active-view="ictest"],
  [data-active-view="professionalcenter"],
  [data-active-view="capabilitycenter"],
  [data-active-view="capabilitydetail"],
  [data-active-view="projectcapabilities"],
  [data-active-view="financialdata"],
  [data-active-view="rdanalysis"],
  [data-active-view="relatedscreening"],
  [data-active-view="contract"],
  [data-active-view="purchasemvp"],
  [data-active-view="fraud"],
  [data-active-view="systemsettings"],
  [data-active-view="useradmin"]
) .view-panel > .app-page-hero h2 {
  color: var(--qx2-ink);
  font-size: 25px;
  font-weight: 720;
  line-height: 1.2;
  letter-spacing: -.025em;
}

body:is(
  [data-active-view="materials"],
  [data-active-view="riskevents"],
  [data-active-view="toolbox"],
  [data-active-view="qa"],
  [data-active-view="riskmodels"],
  [data-active-view="ictest"],
  [data-active-view="professionalcenter"],
  [data-active-view="capabilitycenter"],
  [data-active-view="capabilitydetail"],
  [data-active-view="projectcapabilities"],
  [data-active-view="financialdata"],
  [data-active-view="rdanalysis"],
  [data-active-view="relatedscreening"],
  [data-active-view="contract"],
  [data-active-view="purchasemvp"],
  [data-active-view="fraud"],
  [data-active-view="systemsettings"],
  [data-active-view="useradmin"]
) .view-panel > .app-page-hero p {
  max-width: 980px;
  margin: 5px 0 0;
  color: var(--qx2-secondary);
  font-size: 13px;
  line-height: 1.55;
}

/* Controls use a common physical rhythm across support and administration. */
body:is(
  [data-active-view="materials"], [data-active-view="riskevents"],
  [data-active-view="toolbox"], [data-active-view="qa"], [data-active-view="riskmodels"],
  [data-active-view="ictest"], [data-active-view="professionalcenter"],
  [data-active-view="financialdata"], [data-active-view="rdanalysis"],
  [data-active-view="relatedscreening"], [data-active-view="contract"],
  [data-active-view="purchasemvp"], [data-active-view="fraud"],
  [data-active-view="systemsettings"], [data-active-view="useradmin"]
) :is(button, .btn, input, select, textarea) {
  font-family: inherit;
}

body:is(
  [data-active-view="materials"], [data-active-view="riskevents"],
  [data-active-view="toolbox"], [data-active-view="qa"], [data-active-view="riskmodels"],
  [data-active-view="ictest"], [data-active-view="professionalcenter"],
  [data-active-view="financialdata"], [data-active-view="rdanalysis"],
  [data-active-view="relatedscreening"], [data-active-view="contract"],
  [data-active-view="purchasemvp"], [data-active-view="fraud"],
  [data-active-view="systemsettings"], [data-active-view="useradmin"]
) .btn {
  border-radius: var(--qx2-radius-sm);
  box-shadow: none;
  transition: border-color .16s ease, background-color .16s ease, color .16s ease, transform .16s ease;
}

body:is(
  [data-active-view="materials"], [data-active-view="riskevents"],
  [data-active-view="toolbox"], [data-active-view="qa"], [data-active-view="riskmodels"],
  [data-active-view="ictest"], [data-active-view="professionalcenter"],
  [data-active-view="financialdata"], [data-active-view="rdanalysis"],
  [data-active-view="relatedscreening"], [data-active-view="contract"],
  [data-active-view="purchasemvp"], [data-active-view="fraud"],
  [data-active-view="systemsettings"], [data-active-view="useradmin"]
) .btn-primary {
  border-color: var(--qx2-blue);
  background: var(--qx2-blue);
  color: #fff;
}

body:is(
  [data-active-view="materials"], [data-active-view="riskevents"],
  [data-active-view="toolbox"], [data-active-view="qa"], [data-active-view="riskmodels"],
  [data-active-view="ictest"], [data-active-view="professionalcenter"],
  [data-active-view="financialdata"], [data-active-view="rdanalysis"],
  [data-active-view="relatedscreening"], [data-active-view="contract"],
  [data-active-view="purchasemvp"], [data-active-view="fraud"],
  [data-active-view="systemsettings"], [data-active-view="useradmin"]
) .btn-primary:hover {
  border-color: #0e5bd1;
  background: #0e5bd1;
  transform: translateY(-1px);
}

/* Project support: keep the list primary and place preparation behind it. */
body[data-active-view="materials"] #view-materials.active {
  display: flex;
  flex-direction: column;
  gap: 0;
}

body[data-active-view="materials"] #view-materials > .app-page-hero { order: 0; }
body[data-active-view="materials"] #view-materials > .adpe-entry { order: 1; }
body[data-active-view="materials"] #materials-content { order: 2; }
body[data-active-view="materials"] #audit-data-preparation-workspace { order: 3; }

#view-materials > .adpe-entry {
  min-height: 40px !important;
  margin: 0 0 10px !important;
  padding: 6px 9px 6px 13px !important;
  border: 1px solid var(--qx2-line) !important;
  border-radius: 10px !important;
  background: rgba(255, 255, 255, .82) !important;
  box-shadow: none !important;
}

#view-materials .pmat-page { gap: 10px; }
#view-materials .pmat-page .project-flow-nav { margin-bottom: 0 !important; }
#view-materials .pmat-clean-page .pmat-ledger-toolbar {
  min-height: 66px;
  padding: 11px 14px;
  border: 1px solid var(--qx2-line);
  border-radius: var(--qx2-radius);
  background: var(--qx2-surface);
  box-shadow: var(--qx2-shadow);
}

#view-materials .pmat-clean-page .pmat-ledger-mainline {
  grid-template-columns: minmax(0, 1fr) minmax(280px, 330px);
  gap: 12px;
}

#view-materials .pmat-clean-page :is(.pmat-ledger, .pmat-reference-primary, .pmat-tracking-panel, .pmat-editor) {
  border-color: var(--qx2-line) !important;
  border-radius: var(--qx2-radius) !important;
  background: var(--qx2-surface) !important;
  box-shadow: var(--qx2-shadow) !important;
}

#view-materials .pmat-clean-page .pmat-table-wrap {
  border-color: var(--qx2-line-soft);
  border-radius: 10px;
}

#view-materials .pmat-clean-page .pmat-composer-table th {
  border-bottom-color: var(--qx2-line);
  background: #f7f8fa;
  color: #6c7687;
  font-size: 11px;
  font-weight: 700;
}

#view-materials .pmat-clean-page .pmat-composer-table td {
  border-bottom-color: var(--qx2-line-soft);
  background: #fff;
}

#view-materials .pmat-clean-page .pmat-composer-table tbody tr:hover td { background: #fafcff; }

/* Toolbox: soften the existing task-first information architecture. */
body[data-active-view="toolbox"] .main-content { max-width: none; padding: 16px 24px 38px; background: var(--qx2-canvas); }

#view-toolbox .toolbox-page:not(.is-tool-open) .toolbox-shell,
#view-toolbox .toolbox-page.is-tool-open {
  min-height: calc(100dvh - 186px);
  overflow: hidden;
  border: 1px solid var(--qx2-line);
  border-radius: var(--qx2-radius-lg);
  background: var(--qx2-surface);
  box-shadow: var(--qx2-shadow);
}

#view-toolbox .toolbox-page:not(.is-tool-open) .toolbox-shell { grid-template-columns: 242px minmax(0, 1fr); }

#view-toolbox .toolbox-page .toolbox-category-nav {
  border-color: var(--qx2-line);
  background: #f7f7f9;
}

#view-toolbox .toolbox-page .toolbox-category-btn {
  min-height: 56px;
  border-radius: 10px;
}

#view-toolbox .toolbox-page .toolbox-category-btn.is-active {
  border-color: #cad9f5;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 1px 2px rgba(15, 23, 42, .035), inset 3px 0 0 var(--qx2-blue);
}

#view-toolbox .toolbox-page .toolbox-category-icon { border-radius: 9px; }

#view-toolbox .toolbox-field-head {
  min-height: 150px;
  padding: 28px 32px 22px;
  border-bottom-color: var(--qx2-line);
  background: #fbfbfc;
}

#view-toolbox .toolbox-field-head h1 {
  font-size: clamp(30px, 3vw, 42px) !important;
  font-weight: 720;
  line-height: 1.05;
  letter-spacing: -.04em;
}

#view-toolbox :is(.toolbox-direct-card, .toolbox-capability-path, .toolbox-question-field, .toolbox-method-index, .toolbox-project-compact) {
  border-color: var(--qx2-line) !important;
  border-radius: var(--qx2-radius) !important;
  box-shadow: none !important;
}

#view-toolbox .toolbox-direct-card:hover {
  border-color: #b9cae9 !important;
  box-shadow: var(--qx2-shadow-hover) !important;
  transform: translateY(-1px);
}

/* Knowledge: make search the obvious primary action, sources secondary. */
#view-qa.qa-redesigned .qa-workbench { gap: 10px; }
#view-qa.qa-redesigned .prompt-panel {
  border: 1px solid var(--qx2-line);
  border-radius: var(--qx2-radius);
  background: var(--qx2-surface);
  box-shadow: none;
}

#view-qa.qa-redesigned .prompt-header {
  min-height: 40px;
  padding: 9px 13px;
  border-radius: var(--qx2-radius) var(--qx2-radius) 0 0;
  background: #f8f8fa;
}

#view-qa.qa-redesigned .qa-chat-container {
  overflow: hidden;
  border: 1px solid var(--qx2-line);
  border-radius: var(--qx2-radius-lg);
  background: #fff;
  box-shadow: var(--qx2-shadow);
}

#view-qa.qa-redesigned .qa-mode-bar,
#view-qa.qa-redesigned .qa-source-filter {
  border-color: var(--qx2-line-soft);
  background: #fafafc;
}

#view-qa.qa-redesigned .qa-input-area {
  gap: 10px;
  padding: 13px 14px;
  border-color: var(--qx2-line-soft);
  background: #fff;
}

#view-qa.qa-redesigned .qa-input-area input {
  min-height: 46px;
  padding: 0 15px;
  border-color: #d7dce4;
  border-radius: 23px;
  background: #f7f7f9;
}

#view-qa.qa-redesigned #qa-send {
  min-width: 88px;
  min-height: 42px;
  border-radius: 21px;
}

#view-qa.qa-redesigned :is(.qa-source-toggle, .qa-context-chip, .qa-hint-btn, .prompt-cat) {
  border-radius: 8px;
  box-shadow: none;
}

#view-qa.qa-redesigned .qa-knowledge-library-drawer {
  border-color: var(--qx2-line);
  border-radius: var(--qx2-radius);
  background: #fff;
  box-shadow: none;
}

/* Risk model studio: tabs read as one selector, content as one workspace. */
#view-riskmodels .rm-page { gap: 12px; }
#view-riskmodels .rm-workspace-tabs {
  margin: 0;
  border-color: var(--qx2-line);
  border-radius: var(--qx2-radius);
  background: #eceef2;
  box-shadow: none;
}

#view-riskmodels .rm-workspace-tab {
  min-height: 58px;
  border-color: var(--qx2-line);
  background: #f7f7f9;
}

#view-riskmodels .rm-workspace-tab.active,
#view-riskmodels .rm-workspace-tab.is-active {
  background: #fff;
  color: var(--qx2-blue);
  box-shadow: inset 0 -2px 0 var(--qx2-blue);
}

#view-riskmodels :is(.rm-detail-head, .rm-run-playbook, .rm-secondary-drawer, .rm-section, .rm-pipeline-note, .rm-model-list, .rm-model-entry-note) {
  border-color: var(--qx2-line) !important;
  border-radius: var(--qx2-radius) !important;
  background: #fff !important;
  box-shadow: var(--qx2-shadow) !important;
}

#view-riskmodels .rm-secondary-drawer > summary { border-radius: var(--qx2-radius); background: #f8f8fa; }

/* Control map keeps its expert density, but shares the same surface system. */
#view-ictest > .ic-intro-box { display: none !important; }
#view-ictest :is(.ic-enterprise-map, .ic-atlas, .ic-library-detail, .ic-deficiency-panel, .ic-file-guide, .ic-summary-bar, .ic-result-summary) {
  border-color: var(--qx2-line) !important;
  border-radius: var(--qx2-radius-lg) !important;
  background: #fff !important;
  box-shadow: var(--qx2-shadow) !important;
}

#view-ictest :is(.ic-map-toolbar, .ic-atlas-toolbar, .ic-enterprise-map-head) {
  border-color: var(--qx2-line-soft) !important;
  background: #fafafc !important;
}

#view-ictest :is(.ic-mode-tabs, .ic-cycle-tabs) {
  border-color: var(--qx2-line);
  border-radius: 10px;
  background: #eceef2;
}

#view-ictest :is(.ic-mode-tab, .ic-cycle-tab) { border-radius: 8px !important; }
#view-ictest :is(.ic-mode-tab, .ic-cycle-tab).active { background: #fff !important; box-shadow: 0 1px 3px rgba(15, 23, 42, .07) !important; }

/* Fraud investigation: a dedicated case desk, not another project dashboard. */
#view-fraud #fraud-content { display: grid; gap: 12px; }
#view-fraud :is(.fraud-overview, .fraud-action-ledger, .fraud-case-shell, .fraud-detail, .fraud-card, .fraud-modal, .fraud-output-section) {
  border-color: var(--qx2-line) !important;
  border-radius: var(--qx2-radius-lg) !important;
  background: #fff !important;
  box-shadow: var(--qx2-shadow) !important;
}

#view-fraud :is(.fraud-overview-head, .fraud-action-ledger-head, .fraud-detail-header, .fraud-card-header) {
  border-color: var(--qx2-line-soft) !important;
  background: #fafafc !important;
}

#view-fraud .fraud-stat-card {
  border-color: var(--qx2-line-soft) !important;
  background: #fff !important;
  box-shadow: none !important;
}

#view-fraud :is(.fraud-flow-step, .fraud-case-nav button, .fraud-action-scope-switch > button) {
  border-radius: 9px !important;
}

#view-fraud :is(input, select, textarea) {
  border-color: #d7dce4;
  border-radius: 8px;
  background: #fff;
}

/* System settings: daily controls first, advanced capability detail second. */
#view-systemsettings .sys-settings { gap: 12px; }
#view-systemsettings .sys-settings > .sys-grid { order: 1; }
#view-systemsettings .sys-settings > .sys-ai-card { order: 2; }
#view-systemsettings .sys-settings > .sys-platform-status { order: 3; }

#view-systemsettings .sys-grid {
  grid-template-columns: minmax(0, 1.2fr) minmax(280px, .8fr);
  gap: 12px;
}

#view-systemsettings :is(.sys-card, .sys-ai-card, .sys-platform-status) {
  border-color: var(--qx2-line);
  border-radius: var(--qx2-radius-lg);
  background: #fff;
  box-shadow: var(--qx2-shadow);
}

#view-systemsettings .sys-card,
#view-systemsettings .sys-ai-card { padding: 17px; }

#view-systemsettings .sys-card-head > span {
  color: #51769e;
  font-size: 10px;
  letter-spacing: .08em;
}

#view-systemsettings .sys-card-head h3 {
  margin-top: 4px;
  color: var(--qx2-ink);
  font-size: 17px;
}

#view-systemsettings .sys-card-head p {
  margin-top: 5px;
  color: var(--qx2-secondary);
  font-size: 12px;
  line-height: 1.55;
}

#view-systemsettings .sys-action {
  min-height: 58px;
  border-color: var(--qx2-line);
  border-radius: 10px;
  background: #f8f8fa;
}

#view-systemsettings .sys-action:hover {
  border-color: #c4d3eb;
  background: #f3f7fd;
  transform: translateY(-1px);
}

#view-systemsettings .sys-platform-status > summary {
  min-height: 48px;
  padding: 11px 15px;
  border-radius: var(--qx2-radius-lg);
  background: #fafafc;
}

#view-systemsettings .sys-ai-card .ai-organization,
#view-systemsettings .sys-ai-card .ai-local-debug {
  border-color: var(--qx2-line) !important;
  border-radius: var(--qx2-radius) !important;
  box-shadow: none !important;
}

/* User management: calm table, explicit create area and no wall of alerts. */
#view-useradmin #ua-content { display: grid; gap: 10px; }
#view-useradmin .ua-container {
  overflow: hidden;
  border: 1px solid var(--qx2-line);
  border-radius: var(--qx2-radius-lg);
  background: #fff;
  box-shadow: var(--qx2-shadow);
}

#view-useradmin :is(.ua-current-user, .ua-current-permissions, .ua-quota-mode) {
  margin: 0;
  border: 0;
  border-bottom: 1px solid var(--qx2-line-soft);
  border-radius: 0;
  background: #fafafc;
  color: var(--qx2-secondary);
}

#view-useradmin .ua-current-permissions { display: flex; flex-wrap: wrap; gap: 6px; }
#view-useradmin .ua-current-permissions > span {
  padding: 5px 8px;
  border: 1px solid var(--qx2-line);
  border-radius: 999px;
  background: #fff;
  font-size: 11px;
}

#view-useradmin .ua-header {
  min-height: 48px;
  margin: 0 !important;
  padding: 11px 15px;
  border-bottom: 1px solid var(--qx2-line-soft);
  background: #fff;
}

#view-useradmin .ua-title { color: var(--qx2-ink); font-size: 15px; }
#view-useradmin .ua-table { width: 100%; border-collapse: collapse; }
#view-useradmin .ua-table th {
  padding: 10px 12px;
  border-bottom: 1px solid var(--qx2-line);
  background: #f7f8fa;
  color: #6a7587;
  font-size: 11px;
  font-weight: 700;
}

#view-useradmin .ua-table td {
  padding: 11px 12px;
  border-bottom: 1px solid var(--qx2-line-soft);
  color: #344054;
  font-size: 12px;
}

#view-useradmin .ua-table tbody tr:hover td { background: #fafcff; }

#view-useradmin .ua-create-form {
  margin: 0;
  padding: 14px 15px;
  border: 0;
  border-bottom: 1px solid var(--qx2-line-soft);
  border-radius: 0;
  background: #fafafc;
}

#view-useradmin :is(.ua-create-form input, .ua-create-form select, .ua-role-select, .ua-quota-controls input) {
  min-height: 36px;
  border-color: #d7dce4;
  border-radius: 8px;
  background: #fff;
}

/* The two canvas routes remain expert tools and deliberately keep a wider field. */
body:is([data-active-view="reasoningcanvas"], [data-active-view="reasoningcanvasv2"]) .main-content {
  padding: 12px 16px 22px;
}

#view-reasoningcanvasv2 .reasoning-canvas-v2-host,
#view-reasoningcanvas .reasoning-canvas-host {
  overflow: hidden;
  border: 1px solid var(--qx2-line) !important;
  border-radius: var(--qx2-radius-lg) !important;
  background: #fff !important;
  box-shadow: var(--qx2-shadow) !important;
}

/* Topbar repair for every remaining workspace. */
@media (min-width: 769px) {
  body:is(
    [data-active-view="materials"], [data-active-view="riskevents"],
    [data-active-view="toolbox"], [data-active-view="qa"], [data-active-view="riskmodels"],
    [data-active-view="reasoningcanvas"], [data-active-view="reasoningcanvasv2"],
    [data-active-view="ictest"], [data-active-view="professionalcenter"],
    [data-active-view="capabilitycenter"], [data-active-view="capabilitydetail"], [data-active-view="projectcapabilities"],
    [data-active-view="financialdata"], [data-active-view="rdanalysis"],
    [data-active-view="relatedscreening"], [data-active-view="contract"],
    [data-active-view="purchasemvp"], [data-active-view="fraud"],
    [data-active-view="systemsettings"], [data-active-view="useradmin"]
  ) .project-toolbar {
    box-sizing: border-box;
    height: 60px !important;
    min-height: 60px !important;
    padding: 6px 14px !important;
    border-bottom: 1px solid var(--qx2-line) !important;
    background: rgba(255, 255, 255, .96) !important;
    box-shadow: 0 1px 0 rgba(15, 23, 42, .025) !important;
    backdrop-filter: saturate(135%) blur(16px);
  }

  body:is(
    [data-active-view="materials"], [data-active-view="riskevents"],
    [data-active-view="toolbox"], [data-active-view="qa"], [data-active-view="riskmodels"],
    [data-active-view="reasoningcanvas"], [data-active-view="reasoningcanvasv2"],
    [data-active-view="ictest"], [data-active-view="professionalcenter"],
    [data-active-view="capabilitycenter"], [data-active-view="capabilitydetail"], [data-active-view="projectcapabilities"],
    [data-active-view="financialdata"], [data-active-view="rdanalysis"],
    [data-active-view="relatedscreening"], [data-active-view="contract"],
    [data-active-view="purchasemvp"], [data-active-view="fraud"],
    [data-active-view="systemsettings"], [data-active-view="useradmin"]
  ) .project-bar-inner {
    display: grid !important;
    grid-template-columns: minmax(250px, 1fr) auto minmax(370px, auto) !important;
    align-items: center !important;
    gap: 10px !important;
    width: 100% !important;
    max-width: none !important;
    min-height: 46px !important;
  }

  body:is(
    [data-active-view="materials"], [data-active-view="riskevents"],
    [data-active-view="toolbox"], [data-active-view="qa"], [data-active-view="riskmodels"],
    [data-active-view="reasoningcanvas"], [data-active-view="reasoningcanvasv2"],
    [data-active-view="ictest"], [data-active-view="professionalcenter"],
    [data-active-view="capabilitycenter"], [data-active-view="capabilitydetail"], [data-active-view="projectcapabilities"],
    [data-active-view="financialdata"], [data-active-view="rdanalysis"],
    [data-active-view="relatedscreening"], [data-active-view="contract"],
    [data-active-view="purchasemvp"], [data-active-view="fraud"],
    [data-active-view="systemsettings"], [data-active-view="useradmin"]
  ) :is(.worktop-brand, .program-context-toggle) { display: none !important; }

  body:is(
    [data-active-view="materials"], [data-active-view="riskevents"],
    [data-active-view="toolbox"], [data-active-view="qa"], [data-active-view="riskmodels"],
    [data-active-view="reasoningcanvas"], [data-active-view="reasoningcanvasv2"],
    [data-active-view="ictest"], [data-active-view="professionalcenter"],
    [data-active-view="capabilitycenter"], [data-active-view="capabilitydetail"], [data-active-view="projectcapabilities"],
    [data-active-view="financialdata"], [data-active-view="rdanalysis"],
    [data-active-view="relatedscreening"], [data-active-view="contract"],
    [data-active-view="purchasemvp"], [data-active-view="fraud"],
    [data-active-view="systemsettings"], [data-active-view="useradmin"]
  ) .project-context {
    display: flex !important;
    grid-column: auto !important;
    grid-row: auto !important;
    min-width: 0 !important;
    max-width: 520px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
  }

  body:is(
    [data-active-view="materials"], [data-active-view="riskevents"],
    [data-active-view="toolbox"], [data-active-view="qa"], [data-active-view="riskmodels"],
    [data-active-view="reasoningcanvas"], [data-active-view="reasoningcanvasv2"],
    [data-active-view="ictest"], [data-active-view="professionalcenter"],
    [data-active-view="capabilitycenter"], [data-active-view="capabilitydetail"], [data-active-view="projectcapabilities"],
    [data-active-view="financialdata"], [data-active-view="rdanalysis"],
    [data-active-view="relatedscreening"], [data-active-view="contract"],
    [data-active-view="purchasemvp"], [data-active-view="fraud"],
    [data-active-view="systemsettings"], [data-active-view="useradmin"]
  ) .project-label { display: none !important; }

  body:is(
    [data-active-view="materials"], [data-active-view="riskevents"],
    [data-active-view="toolbox"], [data-active-view="qa"], [data-active-view="riskmodels"],
    [data-active-view="reasoningcanvas"], [data-active-view="reasoningcanvasv2"],
    [data-active-view="ictest"], [data-active-view="professionalcenter"],
    [data-active-view="capabilitycenter"], [data-active-view="capabilitydetail"], [data-active-view="projectcapabilities"],
    [data-active-view="financialdata"], [data-active-view="rdanalysis"],
    [data-active-view="relatedscreening"], [data-active-view="contract"],
    [data-active-view="purchasemvp"], [data-active-view="fraud"],
    [data-active-view="systemsettings"], [data-active-view="useradmin"]
  ) .project-switch-trigger {
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 42px !important;
    padding: 5px 8px 5px 11px !important;
    border: 1px solid var(--qx2-line) !important;
    border-radius: 10px !important;
    background: #fff !important;
    box-shadow: none !important;
  }

  body:is(
    [data-active-view="materials"], [data-active-view="riskevents"],
    [data-active-view="toolbox"], [data-active-view="qa"], [data-active-view="riskmodels"],
    [data-active-view="reasoningcanvas"], [data-active-view="reasoningcanvasv2"],
    [data-active-view="ictest"], [data-active-view="professionalcenter"],
    [data-active-view="capabilitycenter"], [data-active-view="capabilitydetail"], [data-active-view="projectcapabilities"],
    [data-active-view="financialdata"], [data-active-view="rdanalysis"],
    [data-active-view="relatedscreening"], [data-active-view="contract"],
    [data-active-view="purchasemvp"], [data-active-view="fraud"],
    [data-active-view="systemsettings"], [data-active-view="useradmin"]
  ) .project-switch-trigger strong {
    overflow: hidden;
    color: var(--qx2-ink) !important;
    font-size: 12px !important;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  body:is(
    [data-active-view="materials"], [data-active-view="riskevents"],
    [data-active-view="toolbox"], [data-active-view="qa"], [data-active-view="riskmodels"],
    [data-active-view="reasoningcanvas"], [data-active-view="reasoningcanvasv2"],
    [data-active-view="ictest"], [data-active-view="professionalcenter"],
    [data-active-view="capabilitycenter"], [data-active-view="capabilitydetail"], [data-active-view="projectcapabilities"],
    [data-active-view="financialdata"], [data-active-view="rdanalysis"],
    [data-active-view="relatedscreening"], [data-active-view="contract"],
    [data-active-view="purchasemvp"], [data-active-view="fraud"],
    [data-active-view="systemsettings"], [data-active-view="useradmin"]
  ) .project-switch-trigger small {
    overflow: hidden;
    color: #7b8494 !important;
    font-size: 10px !important;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  body:is(
    [data-active-view="materials"], [data-active-view="riskevents"],
    [data-active-view="toolbox"], [data-active-view="qa"], [data-active-view="riskmodels"],
    [data-active-view="reasoningcanvas"], [data-active-view="reasoningcanvasv2"],
    [data-active-view="ictest"], [data-active-view="professionalcenter"],
    [data-active-view="capabilitycenter"], [data-active-view="capabilitydetail"], [data-active-view="projectcapabilities"],
    [data-active-view="financialdata"], [data-active-view="rdanalysis"],
    [data-active-view="relatedscreening"], [data-active-view="contract"],
    [data-active-view="purchasemvp"], [data-active-view="fraud"],
    [data-active-view="systemsettings"], [data-active-view="useradmin"]
  ) .project-switch-trigger em {
    flex: 0 0 auto;
    margin-left: 7px;
    padding: 4px 7px;
    border-radius: 6px;
    background: var(--qx2-blue-soft);
    color: var(--qx2-blue);
    font-size: 9.5px;
    white-space: nowrap;
  }

  body:is(
    [data-active-view="materials"], [data-active-view="riskevents"],
    [data-active-view="toolbox"], [data-active-view="qa"], [data-active-view="riskmodels"],
    [data-active-view="reasoningcanvas"], [data-active-view="reasoningcanvasv2"],
    [data-active-view="ictest"], [data-active-view="professionalcenter"],
    [data-active-view="capabilitycenter"], [data-active-view="capabilitydetail"], [data-active-view="projectcapabilities"],
    [data-active-view="financialdata"], [data-active-view="rdanalysis"],
    [data-active-view="relatedscreening"], [data-active-view="contract"],
    [data-active-view="purchasemvp"], [data-active-view="fraud"],
    [data-active-view="systemsettings"], [data-active-view="useradmin"]
  ) .project-actions {
    display: flex !important;
    grid-column: auto !important;
    grid-row: auto !important;
    align-items: center !important;
    min-width: 0 !important;
  }

  body:is(
    [data-active-view="materials"], [data-active-view="riskevents"],
    [data-active-view="toolbox"], [data-active-view="qa"], [data-active-view="riskmodels"],
    [data-active-view="reasoningcanvas"], [data-active-view="reasoningcanvasv2"],
    [data-active-view="ictest"], [data-active-view="professionalcenter"],
    [data-active-view="capabilitycenter"], [data-active-view="capabilitydetail"], [data-active-view="projectcapabilities"],
    [data-active-view="financialdata"], [data-active-view="rdanalysis"],
    [data-active-view="relatedscreening"], [data-active-view="contract"],
    [data-active-view="purchasemvp"], [data-active-view="fraud"],
    [data-active-view="systemsettings"], [data-active-view="useradmin"]
  ) .project-actions :is(#project-edit-btn, #project-del-btn) { display: none !important; }

  body:is(
    [data-active-view="materials"], [data-active-view="riskevents"],
    [data-active-view="toolbox"], [data-active-view="qa"], [data-active-view="riskmodels"],
    [data-active-view="reasoningcanvas"], [data-active-view="reasoningcanvasv2"],
    [data-active-view="ictest"], [data-active-view="professionalcenter"],
    [data-active-view="capabilitycenter"], [data-active-view="capabilitydetail"], [data-active-view="projectcapabilities"],
    [data-active-view="financialdata"], [data-active-view="rdanalysis"],
    [data-active-view="relatedscreening"], [data-active-view="contract"],
    [data-active-view="purchasemvp"], [data-active-view="fraud"],
    [data-active-view="systemsettings"], [data-active-view="useradmin"]
  ) .project-actions #project-new-btn {
    display: inline-flex !important;
    min-height: 34px !important;
    padding: 0 11px !important;
    border-color: var(--qx2-line) !important;
    border-radius: 8px !important;
    background: #fff !important;
    color: #40536c !important;
    box-shadow: none !important;
    white-space: nowrap !important;
  }

  body:is(
    [data-active-view="materials"], [data-active-view="riskevents"],
    [data-active-view="toolbox"], [data-active-view="qa"], [data-active-view="riskmodels"],
    [data-active-view="reasoningcanvas"], [data-active-view="reasoningcanvasv2"],
    [data-active-view="ictest"], [data-active-view="professionalcenter"],
    [data-active-view="capabilitycenter"], [data-active-view="capabilitydetail"], [data-active-view="projectcapabilities"],
    [data-active-view="financialdata"], [data-active-view="rdanalysis"],
    [data-active-view="relatedscreening"], [data-active-view="contract"],
    [data-active-view="purchasemvp"], [data-active-view="fraud"],
    [data-active-view="systemsettings"], [data-active-view="useradmin"]
  ) .user-info-bar {
    display: flex !important;
    grid-column: auto !important;
    grid-row: auto !important;
    align-items: center !important;
    justify-self: end !important;
    min-width: 0 !important;
    min-height: 44px !important;
    gap: 7px !important;
    padding: 4px 6px !important;
    border: 1px solid var(--qx2-line) !important;
    border-radius: 11px !important;
    background: #fff !important;
    box-shadow: none !important;
    white-space: nowrap !important;
  }

  body:is(
    [data-active-view="materials"], [data-active-view="riskevents"],
    [data-active-view="toolbox"], [data-active-view="qa"], [data-active-view="riskmodels"],
    [data-active-view="reasoningcanvas"], [data-active-view="reasoningcanvasv2"],
    [data-active-view="ictest"], [data-active-view="professionalcenter"],
    [data-active-view="capabilitycenter"], [data-active-view="capabilitydetail"], [data-active-view="projectcapabilities"],
    [data-active-view="financialdata"], [data-active-view="rdanalysis"],
    [data-active-view="relatedscreening"], [data-active-view="contract"],
    [data-active-view="purchasemvp"], [data-active-view="fraud"],
    [data-active-view="systemsettings"], [data-active-view="useradmin"]
  ) .global-work-mode {
    display: flex !important;
    align-items: center !important;
    gap: 0 !important;
    min-width: 0 !important;
  }

  body:is(
    [data-active-view="materials"], [data-active-view="riskevents"],
    [data-active-view="toolbox"], [data-active-view="qa"], [data-active-view="riskmodels"],
    [data-active-view="reasoningcanvas"], [data-active-view="reasoningcanvasv2"],
    [data-active-view="ictest"], [data-active-view="professionalcenter"],
    [data-active-view="capabilitycenter"], [data-active-view="capabilitydetail"], [data-active-view="projectcapabilities"],
    [data-active-view="financialdata"], [data-active-view="rdanalysis"],
    [data-active-view="relatedscreening"], [data-active-view="contract"],
    [data-active-view="purchasemvp"], [data-active-view="fraud"],
    [data-active-view="systemsettings"], [data-active-view="useradmin"]
  ) :is(.global-work-mode > span, #global-work-mode-status) { display: none !important; }

  body:is(
    [data-active-view="materials"], [data-active-view="riskevents"],
    [data-active-view="toolbox"], [data-active-view="qa"], [data-active-view="riskmodels"],
    [data-active-view="reasoningcanvas"], [data-active-view="reasoningcanvasv2"],
    [data-active-view="ictest"], [data-active-view="professionalcenter"],
    [data-active-view="capabilitycenter"], [data-active-view="capabilitydetail"], [data-active-view="projectcapabilities"],
    [data-active-view="financialdata"], [data-active-view="rdanalysis"],
    [data-active-view="relatedscreening"], [data-active-view="contract"],
    [data-active-view="purchasemvp"], [data-active-view="fraud"],
    [data-active-view="systemsettings"], [data-active-view="useradmin"]
  ) .global-work-mode-options {
    display: inline-flex !important;
    gap: 2px !important;
    padding: 2px !important;
    border: 0 !important;
    border-radius: 8px !important;
    background: #eceef2 !important;
  }

  body:is(
    [data-active-view="materials"], [data-active-view="riskevents"],
    [data-active-view="toolbox"], [data-active-view="qa"], [data-active-view="riskmodels"],
    [data-active-view="reasoningcanvas"], [data-active-view="reasoningcanvasv2"],
    [data-active-view="ictest"], [data-active-view="professionalcenter"],
    [data-active-view="capabilitycenter"], [data-active-view="capabilitydetail"], [data-active-view="projectcapabilities"],
    [data-active-view="financialdata"], [data-active-view="rdanalysis"],
    [data-active-view="relatedscreening"], [data-active-view="contract"],
    [data-active-view="purchasemvp"], [data-active-view="fraud"],
    [data-active-view="systemsettings"], [data-active-view="useradmin"]
  ) .global-work-mode-options button {
    min-width: 48px !important;
    min-height: 30px !important;
    padding: 0 7px !important;
    border: 0 !important;
    border-radius: 6px !important;
    background: transparent !important;
    color: #697386 !important;
    font-size: 11px !important;
    white-space: nowrap !important;
  }

  body:is(
    [data-active-view="materials"], [data-active-view="riskevents"],
    [data-active-view="toolbox"], [data-active-view="qa"], [data-active-view="riskmodels"],
    [data-active-view="reasoningcanvas"], [data-active-view="reasoningcanvasv2"],
    [data-active-view="ictest"], [data-active-view="professionalcenter"],
    [data-active-view="capabilitycenter"], [data-active-view="capabilitydetail"], [data-active-view="projectcapabilities"],
    [data-active-view="financialdata"], [data-active-view="rdanalysis"],
    [data-active-view="relatedscreening"], [data-active-view="contract"],
    [data-active-view="purchasemvp"], [data-active-view="fraud"],
    [data-active-view="systemsettings"], [data-active-view="useradmin"]
  ) .global-work-mode-options button.is-active {
    background: #fff !important;
    color: var(--qx2-ink) !important;
    box-shadow: 0 1px 3px rgba(15, 23, 42, .08) !important;
  }
}

@media (min-width: 769px) and (max-width: 1120px) {
  body:is(
    [data-active-view="materials"], [data-active-view="riskevents"],
    [data-active-view="toolbox"], [data-active-view="qa"], [data-active-view="riskmodels"],
    [data-active-view="reasoningcanvas"], [data-active-view="reasoningcanvasv2"],
    [data-active-view="ictest"], [data-active-view="professionalcenter"],
    [data-active-view="capabilitycenter"], [data-active-view="capabilitydetail"], [data-active-view="projectcapabilities"],
    [data-active-view="financialdata"], [data-active-view="rdanalysis"],
    [data-active-view="relatedscreening"], [data-active-view="contract"],
    [data-active-view="purchasemvp"], [data-active-view="fraud"],
    [data-active-view="systemsettings"], [data-active-view="useradmin"]
  ) .project-bar-inner {
    grid-template-columns: minmax(210px, 1fr) auto minmax(275px, auto) !important;
    gap: 7px !important;
  }

  body:is(
    [data-active-view="materials"], [data-active-view="riskevents"],
    [data-active-view="toolbox"], [data-active-view="qa"], [data-active-view="riskmodels"],
    [data-active-view="reasoningcanvas"], [data-active-view="reasoningcanvasv2"],
    [data-active-view="ictest"], [data-active-view="professionalcenter"],
    [data-active-view="capabilitycenter"], [data-active-view="capabilitydetail"], [data-active-view="projectcapabilities"],
    [data-active-view="financialdata"], [data-active-view="rdanalysis"],
    [data-active-view="relatedscreening"], [data-active-view="contract"],
    [data-active-view="purchasemvp"], [data-active-view="fraud"],
    [data-active-view="systemsettings"], [data-active-view="useradmin"]
  ) :is(.user-avatar, .user-info-content) { display: none !important; }

  body:is(
    [data-active-view="materials"], [data-active-view="riskevents"],
    [data-active-view="toolbox"], [data-active-view="qa"], [data-active-view="riskmodels"],
    [data-active-view="reasoningcanvas"], [data-active-view="reasoningcanvasv2"],
    [data-active-view="ictest"], [data-active-view="professionalcenter"],
    [data-active-view="capabilitycenter"], [data-active-view="capabilitydetail"], [data-active-view="projectcapabilities"],
    [data-active-view="financialdata"], [data-active-view="rdanalysis"],
    [data-active-view="relatedscreening"], [data-active-view="contract"],
    [data-active-view="purchasemvp"], [data-active-view="fraud"],
    [data-active-view="systemsettings"], [data-active-view="useradmin"]
  ) .project-switch-trigger small { display: none !important; }
}

/*
 * The mode status belongs in settings, not in the global chrome. Keep this
 * compact rule universal so the same vertical-text defect cannot reappear on
 * dashboards or management pages outside the finishing scope above.
 */
@media (min-width: 769px) {
  .project-toolbar {
    box-sizing: border-box;
    height: 60px !important;
    min-height: 60px !important;
    padding-top: 6px !important;
    padding-bottom: 6px !important;
  }

  .project-bar-inner {
    align-items: center !important;
    min-height: 46px !important;
  }

  .user-info-bar {
    min-height: 44px !important;
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }

  .global-work-mode {
    display: flex !important;
    align-items: center !important;
    min-width: 0 !important;
  }

  .global-work-mode > span,
  #global-work-mode-status {
    display: none !important;
  }

  .global-work-mode-options {
    display: inline-flex !important;
    gap: 2px !important;
    padding: 2px !important;
    border-radius: 8px !important;
    background: #eceef2 !important;
  }

  .global-work-mode-options button {
    min-width: 48px !important;
    min-height: 30px !important;
    padding: 0 7px !important;
    border-radius: 6px !important;
    font-size: 11px !important;
    white-space: nowrap !important;
  }
}

@media (max-width: 1180px) {
  #view-materials .pmat-clean-page .pmat-ledger-mainline { grid-template-columns: 1fr; }
  #view-materials .pmat-clean-page .pmat-reference-primary { position: static; }
  #view-systemsettings .sys-grid { grid-template-columns: 1fr; }
}

@media (max-width: 900px) {
  body:is(
    [data-active-view="materials"], [data-active-view="riskevents"],
    [data-active-view="toolbox"], [data-active-view="qa"], [data-active-view="riskmodels"],
    [data-active-view="reasoningcanvas"], [data-active-view="reasoningcanvasv2"],
    [data-active-view="ictest"], [data-active-view="professionalcenter"],
    [data-active-view="capabilitycenter"], [data-active-view="capabilitydetail"], [data-active-view="projectcapabilities"],
    [data-active-view="financialdata"], [data-active-view="rdanalysis"],
    [data-active-view="relatedscreening"], [data-active-view="contract"],
    [data-active-view="purchasemvp"], [data-active-view="fraud"],
    [data-active-view="systemsettings"], [data-active-view="useradmin"]
  ) .main-content { padding: 14px 16px 28px; }

  #view-toolbox .toolbox-page:not(.is-tool-open) .toolbox-shell { grid-template-columns: 1fr; }
  #view-toolbox .toolbox-field-head { grid-template-columns: 1fr; gap: 18px; }
}

@media (prefers-reduced-motion: reduce) {
  #view-toolbox .toolbox-direct-card,
  #view-systemsettings .sys-action,
  body:is([data-active-view="materials"], [data-active-view="toolbox"], [data-active-view="qa"], [data-active-view="riskmodels"], [data-active-view="fraud"], [data-active-view="systemsettings"], [data-active-view="useradmin"]) .btn {
    transition: none !important;
  }
}