/* r7: complete project paging without a horizontal stage track. */
html[data-ui-version="2"] .ui-stage-tabs,
html[data-ui-version="2"] .ui-stat-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 12px 0;
}
html[data-ui-version="2"] .ui-stage-tabs button {
  padding: 8px 10px;
  border: 1px solid var(--v2-border-strong);
  border-radius: 8px;
  background: var(--v2-surface);
  color: var(--v2-text);
  font-size: 13px;
}
html[data-ui-version="2"] .ui-stage-tabs button[aria-pressed="true"] {
  border-color: var(--v2-primary);
  background: var(--v2-primary-soft);
  color: var(--v2-primary);
}
html[data-ui-version="2"] .ui-stat-filters label { display: grid; gap: 4px; min-width: 120px; font-size: 12px; color: var(--v2-text); }
html[data-ui-version="2"] .ui-stat-filters select { max-width: 220px; min-height: 34px; }
html[data-ui-version="2"] .ui-project-list { border-top: 1px solid var(--v2-border); }
html[data-ui-version="2"] .ui-project-list .ui-project-row {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr) minmax(0, 1.3fr) minmax(70px, .5fr);
  gap: 16px;
  width: 100%;
  padding: 12px;
  border: 0;
  border-bottom: 1px solid var(--v2-border);
  border-radius: 0;
  text-align: left;
  background: var(--v2-surface);
  color: var(--v2-text);
  font-size: 14px;
}
html[data-ui-version="2"] .ui-project-list .ui-project-row:hover { background: var(--v2-surface-muted); }
html[data-ui-version="2"] .ui-project-list .ui-project-row > span { display: grid; align-content: start; gap: 4px; min-width: 0; overflow-wrap: anywhere; }
html[data-ui-version="2"] .ui-project-list .ui-project-row small { color: var(--v2-muted); font-size: 12px; }
html[data-ui-version="2"] .ui-account-menu.ui-version-fallback { position: relative; flex: 0 0 auto; margin: 0; padding: 0; border: 0; }
html[data-ui-version="2"] .ui-account-menu summary { cursor: pointer; padding: 8px; font-size: 13px; }
html[data-ui-version="2"] .ui-account-menu a { position: absolute; right: 0; z-index: 60; min-width: 145px; padding: 12px; background: var(--v2-surface); border: 1px solid var(--v2-border); border-radius: 8px; }
html[data-ui-version="2"] .ui-referenced-job { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; }
@media (max-width: 700px) {
  html[data-ui-version="2"] .ui-project-list .ui-project-row { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 10px; }
}
html[data-ui-version="2"] {
  color-scheme: light;
  --v2-canvas: #f5f5f7;
  --v2-surface: #ffffff;
  --v2-surface-muted: #fafafa;
  --v2-surface-strong: #f0f0f2;
  --v2-border: #e5e5ea;
  --v2-border-strong: #d1d1d6;
  --v2-text: #1d1d1f;
  --v2-muted: #6e6e73;
  --v2-primary: #0a5b99;
  --v2-primary-hover: #004a7c;
  --v2-primary-soft: #e8f1f8;
  --v2-ai: #7558c7;
  --v2-ai-soft: #f0edfb;
  --v2-warning: #9a6700;
  --v2-warning-soft: #fff5d6;
  --v2-danger: #ba1a1a;
  --v2-danger-soft: #fff0ef;
  --v2-overlay: rgba(28, 28, 30, 0.48);
  --v2-shadow-float: 0 18px 48px rgba(28, 28, 30, 0.14);
  --v2-radius: 12px;
  --v2-control-radius: 9px;
}

/* Focused manager workspaces: original handlers and permissions stay canonical,
   while the V2 routes make every legacy management function discoverable. */
html[data-ui-version="2"] body[data-view="management"] #managementView > .workspace-intro {
  display: none;
}

html[data-ui-version="2"] body[data-view="management"][data-ui-section="management"] #managementView > [data-ui-manager-block]:not([data-ui-manager-block~="overview"]),
html[data-ui-version="2"] body[data-view="management"][data-ui-section="managementReviews"] #managementView > [data-ui-manager-block]:not([data-ui-manager-block~="managementReviews"]),
html[data-ui-version="2"] body[data-view="management"][data-ui-section="recognitionAdmin"] #managementView > [data-ui-manager-block]:not([data-ui-manager-block~="recognitionAdmin"]),
html[data-ui-version="2"] body[data-view="management"][data-ui-section="accountAdmin"] #managementView > [data-ui-manager-block]:not([data-ui-manager-block~="accountAdmin"]),
html[data-ui-version="2"] body[data-view="management"][data-ui-section="dataGovernance"] #managementView > [data-ui-manager-block]:not([data-ui-manager-block~="dataGovernance"]),
html[data-ui-version="2"] body[data-view="management"][data-ui-section="systemTools"] #managementView > [data-ui-manager-block]:not([data-ui-manager-block~="systemTools"]) {
  display: none !important;
}

html[data-ui-version="2"][data-theme="dark"] {
  color-scheme: dark;
  --v2-canvas: #000000;
  --v2-surface: #1c1c1e;
  --v2-surface-muted: #2c2c2e;
  --v2-surface-strong: #3a3a3c;
  --v2-border: #3a3a3c;
  --v2-border-strong: #545458;
  --v2-text: #f5f5f7;
  --v2-muted: #98989d;
  --v2-primary: #6ea6d8;
  --v2-primary-hover: #91c2ea;
  --v2-primary-soft: #1d3549;
  --v2-ai: #c1adff;
  --v2-ai-soft: #332b50;
  --v2-warning: #f1bf63;
  --v2-warning-soft: #3b2d14;
  --v2-danger: #ff8a80;
  --v2-danger-soft: #412324;
  --v2-overlay: rgba(0, 0, 0, 0.72);
  --v2-shadow-float: 0 22px 56px rgba(0, 0, 0, 0.38);
}

html[data-ui-version="2"] body {
  --crm-canvas: var(--v2-canvas);
  --crm-surface: var(--v2-surface);
  --crm-surface-soft: var(--v2-surface-muted);
  --crm-line: var(--v2-border);
  --crm-line-strong: var(--v2-border-strong);
  --crm-ink: var(--v2-text);
  --crm-muted: var(--v2-muted);
  --crm-primary: var(--v2-primary);
  --crm-primary-hover: var(--v2-primary-hover);
  --crm-primary-soft: var(--v2-primary-soft);
  --crm-warning: var(--v2-warning);
  --crm-warning-soft: var(--v2-warning-soft);
  --crm-danger: var(--v2-danger);
  --crm-danger-soft: var(--v2-danger-soft);
  --bg: var(--v2-canvas);
  --panel: var(--v2-surface);
  --ink: var(--v2-text);
  --muted: var(--v2-muted);
  --line: var(--v2-border);
  --green: var(--v2-primary);
  --green-dark: var(--v2-primary-hover);
  --green-soft: var(--v2-primary-soft);
  --purple: var(--v2-ai);
  --purple-dark: var(--v2-ai);
  --purple-soft: var(--v2-ai-soft);
  --amber: var(--v2-warning);
  --amber-soft: var(--v2-warning-soft);
  --red: var(--v2-danger);
  --red-soft: var(--v2-danger-soft);
  --shadow: none;
  --radius: var(--v2-radius);
  min-width: 320px;
  background: var(--v2-canvas);
  color: var(--v2-text);
  font-family: "Segoe UI", "Microsoft YaHei", "PingFang SC", Arial, sans-serif;
  font-size: 14px;
}

html[data-ui-version="2"] .business-progress-board {
  display: grid;
  gap: 20px;
  margin-bottom: 22px;
  padding: 24px;
  border: 1px solid var(--v2-border);
  border-radius: 16px;
  background: var(--v2-surface);
  box-shadow: 0 10px 30px rgba(31, 49, 61, .06);
}

html[data-ui-version="2"] .business-progress-head,
html[data-ui-version="2"] .business-progress-subhead {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 18px;
}

html[data-ui-version="2"] .business-progress-head h2,
html[data-ui-version="2"] .business-progress-subhead h3 { margin: 0; color: var(--v2-text); }
html[data-ui-version="2"] .business-progress-head h2 { font-size: 20px; }
html[data-ui-version="2"] .business-progress-subhead h3 { font-size: 15px; }
html[data-ui-version="2"] .business-progress-head p,
html[data-ui-version="2"] .business-progress-subhead span { margin: 5px 0 0; color: var(--v2-muted); font-size: 12px; }
html[data-ui-version="2"] .business-progress-status { padding: 6px 10px; border-radius: 999px; background: var(--v2-primary-soft); color: var(--v2-primary); font-size: 12px; font-weight: 800; }

html[data-ui-version="2"] .business-progress-funnel {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
}

html[data-ui-version="2"] .business-progress-funnel article {
  min-width: 0;
  padding: 14px;
  border: 1px solid var(--v2-border);
  border-radius: 12px;
  background: var(--v2-surface-muted);
}

html[data-ui-version="2"] .business-progress-stage-title { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; }
html[data-ui-version="2"] .business-progress-stage-title span { color: var(--v2-muted); font-size: 13px; font-weight: 700; }
html[data-ui-version="2"] .business-progress-stage-title strong { color: var(--v2-text); font-size: 24px; line-height: 1; }
html[data-ui-version="2"] .business-progress-track { height: 7px; margin: 14px 0 9px; overflow: hidden; border-radius: 999px; background: var(--v2-border); }
html[data-ui-version="2"] .business-progress-track i { display: block; height: 100%; border-radius: inherit; background: var(--v2-primary); }
html[data-ui-version="2"] .business-progress-funnel article:nth-child(3) .business-progress-track i { background: #2f80a9; }
html[data-ui-version="2"] .business-progress-funnel article:nth-child(4) .business-progress-track i { background: var(--v2-ai); }
html[data-ui-version="2"] .business-progress-funnel article:nth-child(5) .business-progress-track i { background: #d28a22; }
html[data-ui-version="2"] .business-progress-funnel small { color: var(--v2-muted); font-size: 11px; }

html[data-ui-version="2"] .business-progress-work {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 1px;
  overflow: hidden;
  border: 1px solid var(--v2-border);
  border-radius: 12px;
  background: var(--v2-border);
}

html[data-ui-version="2"] .business-progress-work article { display: grid; gap: 5px; min-width: 0; padding: 13px 14px; background: var(--v2-surface); }
html[data-ui-version="2"] .business-progress-work span { color: var(--v2-muted); font-size: 12px; white-space: nowrap; }
html[data-ui-version="2"] .business-progress-work strong { color: var(--v2-text); font-size: 21px; }
html[data-ui-version="2"] .business-progress-work small { color: var(--v2-muted); font-size: 10px; white-space: nowrap; }
html[data-ui-version="2"] .business-progress-work article.risk { background: var(--v2-warning-soft); }
html[data-ui-version="2"] .business-progress-work article.risk strong { color: var(--v2-warning); }

html[data-ui-version="2"] .business-progress-team { display: grid; gap: 10px; padding-top: 2px; }
html[data-ui-version="2"] .business-progress-team-list { display: grid; gap: 6px; }
html[data-ui-version="2"] .business-progress-team-list > button {
  display: grid;
  grid-template-columns: minmax(160px, 1.5fr) repeat(4, minmax(80px, .65fr));
  align-items: center;
  gap: 12px;
  min-height: 56px;
  padding: 10px 14px;
  border: 1px solid var(--v2-border);
  border-radius: 10px;
  background: var(--v2-surface);
  color: var(--v2-text);
  text-align: left;
}
html[data-ui-version="2"] .business-progress-team-list > button:hover { border-color: var(--v2-primary); background: var(--v2-primary-soft); }
html[data-ui-version="2"] .business-progress-team-list > button > span { display: grid; gap: 3px; }
html[data-ui-version="2"] .business-progress-team-list > button > span small { color: var(--v2-muted); font-size: 11px; }
html[data-ui-version="2"] .business-progress-team-list b { display: grid; gap: 3px; font-size: 16px; text-align: right; }
html[data-ui-version="2"] .business-progress-team-list b small { color: var(--v2-muted); font-size: 10px; font-weight: 500; }

@media (max-width: 1100px) {
  html[data-ui-version="2"] .business-progress-funnel { grid-template-columns: repeat(5, minmax(120px, 1fr)); overflow-x: auto; }
  html[data-ui-version="2"] .business-progress-work { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 760px) {
  html[data-ui-version="2"] .business-progress-board { padding: 18px; }
  html[data-ui-version="2"] .business-progress-work { grid-template-columns: repeat(2, 1fr); }
  html[data-ui-version="2"] .business-progress-team-list > button { grid-template-columns: 1fr 1fr; }
  html[data-ui-version="2"] .business-progress-team-list > button > span { grid-column: 1 / -1; }
}

html[data-ui-version="2"][data-theme="dark"] .main > .view { background: var(--v2-canvas) !important; color: var(--v2-text) !important; }

html[data-ui-version="2"][data-theme="dark"] .panel,
html[data-ui-version="2"][data-theme="dark"] .stat,
html[data-ui-version="2"][data-theme="dark"] .stat-card,
html[data-ui-version="2"][data-theme="dark"] .customer-card,
html[data-ui-version="2"][data-theme="dark"] .management-card,
html[data-ui-version="2"][data-theme="dark"] .dashboard-notification-panel,
html[data-ui-version="2"][data-theme="dark"] .dashboard-notification-panel .sidebar-message,
html[data-ui-version="2"][data-theme="dark"] body[data-view="dashboard"] .dashboard-workflow > .dashboard-start-layout .panel,
html[data-ui-version="2"][data-theme="dark"] body[data-view="dashboard"] .dashboard-workflow > .panel,
html[data-ui-version="2"][data-theme="dark"] body[data-view="dashboard"] .dashboard-weekly-panel .customer-card,
html[data-ui-version="2"][data-theme="dark"] body[data-view="dashboard"] .dashboard-reminder-panel .reminder-card,
html[data-ui-version="2"][data-theme="dark"] body[data-view="dashboard"] .dashboard-stats,
html[data-ui-version="2"][data-theme="dark"] body[data-view="dashboard"] .dashboard-stats .stat,
html[data-ui-version="2"][data-theme="dark"] body[data-view="dashboard"] .dashboard-performance,
html[data-ui-version="2"][data-theme="dark"] body[data-view="dashboard"] .conversion-panel,
html[data-ui-version="2"][data-theme="dark"] .task-action-modal,
html[data-ui-version="2"][data-theme="dark"] .modal-card {
  border-color: var(--v2-border) !important;
  background: var(--v2-surface) !important;
  color: var(--v2-text) !important;
}

html[data-ui-version="2"][data-theme="dark"] body[data-view="dashboard"] .pipeline-board,
html[data-ui-version="2"][data-theme="dark"] body[data-view="dashboard"] .pipeline-column {
  border-color: var(--v2-border) !important;
  background: var(--v2-surface-muted) !important;
  color: var(--v2-text) !important;
}

html[data-ui-version="2"][data-theme="dark"] .dashboard-notification-panel .sidebar-section-title,
html[data-ui-version="2"][data-theme="dark"] .dashboard-notification-panel .sidebar-section-title strong,
html[data-ui-version="2"][data-theme="dark"] .dashboard-sales-section,
html[data-ui-version="2"][data-theme="dark"] .main,
html[data-ui-version="2"][data-theme="dark"] .topbar {
  color: var(--v2-text) !important;
}

html[data-ui-version="2"][data-theme="dark"] .vue-workbench.vue-workbench-v2 {
  --wb-canvas: var(--v2-canvas);
  --wb-surface: var(--v2-surface);
  --wb-surface-subtle: var(--v2-surface-muted);
  --wb-surface-muted: var(--v2-surface-strong);
  --wb-graphite: var(--v2-surface);
  --wb-ai: #13271f;
  --wb-ai-line: #315343;
  --wb-border: var(--v2-border);
  --wb-border-strong: var(--v2-border-strong);
  --wb-text: var(--v2-text);
  --wb-muted: var(--v2-muted);
  --wb-primary: var(--v2-primary);
  --wb-primary-hover: var(--v2-primary-hover);
  --wb-primary-active: #2da97d;
  --wb-primary-soft: var(--v2-primary-soft);
  --wb-warning: var(--v2-warning);
  --wb-warning-soft: var(--v2-warning-soft);
  --wb-danger: var(--v2-danger);
  --wb-danger-soft: var(--v2-danger-soft);
  --wb-info: #7ec6d5;
  --wb-info-soft: #17313a;
}

html[data-ui-version="2"][data-theme="dark"] .drawer-panel:has(.vue-workbench-v2),
html[data-ui-version="2"][data-theme="dark"] .vue-workbench-v2 .vue-workbench-hero,
html[data-ui-version="2"][data-theme="dark"] .vue-workbench-v2 .vue-project-compact-row button,
html[data-ui-version="2"][data-theme="dark"] .vue-workbench-v2 .vue-project-picker button,
html[data-ui-version="2"][data-theme="dark"] .vue-workbench-v2 .vue-workbench-close,
html[data-ui-version="2"][data-theme="dark"] .vue-workbench-v2 .vue-contact-actions a,
html[data-ui-version="2"][data-theme="dark"] .vue-workbench-v2 .vue-pipeline-stage-strip,
html[data-ui-version="2"][data-theme="dark"] .vue-workbench-v2 .vue-workbench-dialog,
html[data-ui-version="2"][data-theme="dark"] .vue-workbench-v2 .vue-current-focus,
html[data-ui-version="2"][data-theme="dark"] .vue-workbench-v2 .vue-context-section,
html[data-ui-version="2"][data-theme="dark"] .vue-workbench-v2 .vue-conversation-evidence,
html[data-ui-version="2"][data-theme="dark"] .vue-workbench-v2 .vue-guidance-conclusions,
html[data-ui-version="2"][data-theme="dark"] .vue-workbench-v2 .vue-formal-plan,
html[data-ui-version="2"][data-theme="dark"] .vue-workbench-v2 .vue-project-activity-card,
html[data-ui-version="2"][data-theme="dark"] .vue-workbench-v2 .vue-conversation-history-panel,
html[data-ui-version="2"][data-theme="dark"] .vue-workbench-v2 .vue-next-plan-form input,
html[data-ui-version="2"][data-theme="dark"] .vue-workbench-v2 .vue-next-plan-form textarea,
html[data-ui-version="2"][data-theme="dark"] .vue-workbench-v2 .vue-editor-surface input,
html[data-ui-version="2"][data-theme="dark"] .vue-workbench-v2 .vue-editor-surface select,
html[data-ui-version="2"][data-theme="dark"] .vue-workbench-v2 .vue-editor-surface textarea,
html[data-ui-version="2"][data-theme="dark"] .vue-workbench-v2 .vue-conversation-bubble-content,
html[data-ui-version="2"][data-theme="dark"] .vue-workbench-v2 .vue-conversation-message-actions,
html[data-ui-version="2"][data-theme="dark"] .vue-workbench-v2 .vue-conversation-message-actions button,
html[data-ui-version="2"][data-theme="dark"] .vue-workbench-v2 .vue-message-select {
  border-color: var(--wb-border) !important;
  background: var(--wb-surface) !important;
  color: var(--wb-text) !important;
}

html[data-ui-version="2"][data-theme="dark"] .vue-workbench-v2 .vue-pipeline-stage-strip button,
html[data-ui-version="2"][data-theme="dark"] .vue-workbench-v2 .vue-conversation-ledger,
html[data-ui-version="2"][data-theme="dark"] .vue-workbench-v2 .vue-conversation-bubble.other .vue-conversation-bubble-content,
html[data-ui-version="2"][data-theme="dark"] .vue-workbench-v2 .vue-conversation-bubble.excluded .vue-conversation-bubble-content,
html[data-ui-version="2"][data-theme="dark"] .vue-workbench-v2 .vue-ai-plan-draft {
  border-color: var(--wb-border) !important;
  background: var(--wb-surface-subtle) !important;
  color: var(--wb-text) !important;
}

html[data-ui-version="2"][data-theme="dark"] .vue-workbench-v2 .vue-contact-actions a:not(.disabled),
html[data-ui-version="2"][data-theme="dark"] .vue-workbench-v2 .vue-workbench-close,
html[data-ui-version="2"][data-theme="dark"] .vue-workbench-v2 .vue-eyebrow,
html[data-ui-version="2"][data-theme="dark"] .vue-workbench-v2 .vue-workbench-hero .vue-eyebrow,
html[data-ui-version="2"][data-theme="dark"] .vue-workbench-v2 .vue-text-button,
html[data-ui-version="2"][data-theme="dark"] .vue-workbench-v2 .vue-formal-plan > .vue-section-head > b {
  color: var(--wb-primary) !important;
}

html[data-ui-version="2"][data-theme="dark"] .vue-workbench-v2 .vue-pipeline-stage-strip button.current {
  border-color: var(--wb-primary) !important;
  background: var(--wb-primary) !important;
  color: #071b14 !important;
}

html[data-ui-version="2"][data-theme="dark"] .vue-workbench-v2 .vue-pipeline-stage-strip button.done,
html[data-ui-version="2"][data-theme="dark"] .vue-workbench-v2 .vue-project-picker button.active,
html[data-ui-version="2"][data-theme="dark"] .vue-workbench-v2 .vue-conversation-bubble.salesperson .vue-conversation-bubble-content {
  border-color: var(--wb-border-strong) !important;
  background: var(--wb-primary-soft) !important;
  color: var(--wb-text) !important;
}

html[data-ui-version="2"] button,
html[data-ui-version="2"] input,
html[data-ui-version="2"] select,
html[data-ui-version="2"] textarea {
  font: inherit;
}

html[data-ui-version="2"] :focus-visible {
  outline: 3px solid color-mix(in srgb, var(--v2-primary) 42%, transparent);
  outline-offset: 2px;
}

html[data-ui-version="2"] .ui-pipeline-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 10px 14px;
  border: 1px solid var(--v2-border);
  border-radius: 8px;
  background: var(--v2-surface);
}

html[data-ui-version="2"] .ui-pipeline-toolbar > div {
  display: flex;
  align-items: baseline;
  gap: 10px;
}

html[data-ui-version="2"] .ui-pipeline-toolbar span,
html[data-ui-version="2"] .ui-pipeline-toolbar small {
  color: var(--v2-muted);
  font-size: 12px;
}

html[data-ui-version="2"] .ui-modern-pipeline {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(244px, 100%), 1fr));
  gap: 10px;
  padding-bottom: 12px;
  align-items: start;
}

html[data-ui-version="2"] .ui-pipeline-column {
  min-height: 0;
  border: 1px solid var(--v2-border);
  border-radius: 8px;
  background: var(--v2-surface-muted);
  scroll-snap-align: start;
}

html[data-ui-version="2"] .ui-pipeline-column > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 44px;
  padding: 10px 12px;
  border-bottom: 1px solid var(--v2-border);
  color: var(--v2-text);
  background: var(--v2-surface);
  font-size: 13px;
  font-weight: 650;
}

html[data-ui-version="2"] .ui-pipeline-column > header strong {
  display: grid;
  place-items: center;
  min-width: 22px;
  height: 22px;
  padding: 0 6px;
  border-radius: 999px;
  color: var(--v2-muted);
  background: var(--v2-surface-strong);
  font-size: 11px;
}

html[data-ui-version="2"] .ui-pipeline-column > div {
  display: grid;
  align-content: start;
  gap: 8px;
  padding: 8px;
}

html[data-ui-version="2"] .ui-pipeline-record {
  display: grid;
  gap: 6px;
  width: 100%;
  min-height: 128px;
  padding: 12px;
  border: 1px solid var(--v2-border);
  border-radius: 7px;
  background: var(--v2-surface);
  color: var(--v2-text);
  text-align: left;
}

html[data-ui-version="2"] .ui-pipeline-record:hover {
  border-color: var(--v2-primary);
  box-shadow: 0 4px 12px rgba(31, 35, 41, .06);
}

html[data-ui-version="2"] .ui-pipeline-record span,
html[data-ui-version="2"] .ui-pipeline-record small,
html[data-ui-version="2"] .ui-pipeline-record i {
  color: var(--v2-muted);
  font-size: 12px;
  font-style: normal;
  line-height: 1.45;
}

html[data-ui-version="2"] .ui-pipeline-record small {
  padding-top: 7px;
  border-top: 1px solid var(--v2-border);
}

html[data-ui-version="2"] .ui-pipeline-record small.is-missing {
  color: var(--v2-warning);
}

html[data-ui-version="2"] .ui-pipeline-record i {
  justify-self: end;
}

html[data-ui-version="2"] .ui-pipeline-empty {
  margin: 18px 8px;
  color: var(--v2-muted);
  text-align: center;
}

html[data-ui-version="2"] .ui-pipeline-column.is-won > header {
  color: #147a57;
}

html[data-ui-version="2"] .ui-pipeline-column.is-lost {
  opacity: .72;
}

html[data-ui-version="2"] .shell {
  min-height: 100vh;
  grid-template-columns: 236px minmax(0, 1fr);
  grid-template-rows: 52px 1fr;
  background: var(--v2-canvas);
}

html[data-ui-version="2"] .global-commandbar {
  grid-column: 1 / -1;
  position: sticky;
  top: 0;
  z-index: 31;
  min-height: 52px;
  padding: 0 18px;
  border-bottom: 1px solid var(--v2-border);
  background: color-mix(in srgb, var(--v2-surface) 96%, transparent);
  color: var(--v2-text);
  box-shadow: none;
}

html[data-ui-version="2"] .global-product span {
  width: 28px;
  height: 28px;
  border-radius: 8px;
  background: var(--v2-primary);
  color: #fff;
  box-shadow: none;
}

html[data-ui-version="2"] .global-product strong,
html[data-ui-version="2"] .global-context span,
html[data-ui-version="2"] .global-context small,
html[data-ui-version="2"] .global-utilities span {
  color: inherit;
}

html[data-ui-version="2"] .global-context small,
html[data-ui-version="2"] .global-utilities {
  color: var(--v2-muted);
}

html[data-ui-version="2"] .global-context small,
html[data-ui-version="2"] #currentUser,
html[data-ui-version="2"] #pageHint,
html[data-ui-version="2"] .customer-page-heading p {
  display: none !important;
}

html[data-ui-version="2"] .global-utilities b {
  color: var(--v2-primary);
}

html[data-ui-version="2"] .sidebar {
  grid-row: 2;
  position: sticky;
  top: 52px;
  align-self: start;
  height: calc(100vh - 52px);
  padding: 18px 14px;
  gap: 18px;
  overflow: auto;
  color: var(--v2-text);
  background: var(--v2-surface-muted);
  border-right: 1px solid var(--v2-border);
}

html[data-ui-version="2"] .sidebar .brand {
  padding: 0 8px 14px;
  border-bottom: 1px solid var(--v2-border);
}

html[data-ui-version="2"] .sidebar .brand > span {
  width: 38px;
  height: 38px;
  border: 1px solid color-mix(in srgb, var(--v2-primary) 30%, var(--v2-border));
  border-radius: 10px;
  background: var(--v2-primary-soft);
  color: var(--v2-primary);
  font-weight: 750;
}

html[data-ui-version="2"] .sidebar .brand strong {
  color: var(--v2-text);
  font-size: 15px;
  font-weight: 700;
}

html[data-ui-version="2"] .sidebar .brand small {
  margin-top: 2px;
  color: var(--v2-muted);
  font-size: 12px;
}

html[data-ui-version="2"] .nav {
  gap: 4px;
}

html[data-ui-version="2"] .nav button {
  min-height: 44px;
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 9px 11px;
  border: 1px solid transparent;
  border-radius: 9px;
  background: transparent;
  color: var(--v2-muted);
  font-size: 14px;
  font-weight: 600;
  transition: background-color 160ms ease, color 160ms ease, border-color 160ms ease;
}

html[data-ui-version="2"] .topbar button,
html[data-ui-version="2"] #mobileToolsToggle,
html[data-ui-version="2"] #quickAddButton {
  min-height: 44px;
}

html[data-ui-version="2"] .nav button svg {
  width: 19px;
  height: 19px;
  flex: 0 0 19px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.7;
}

html[data-ui-version="2"] .nav button:hover {
  background: var(--v2-surface-strong);
  color: var(--v2-text);
}

html[data-ui-version="2"] .nav button.active {
  border-color: color-mix(in srgb, var(--v2-primary) 22%, var(--v2-border));
  background: var(--v2-primary-soft);
  color: var(--v2-primary);
}

html[data-ui-version="2"] .config {
  margin-top: auto;
  display: grid;
  gap: 3px;
  padding: 12px;
  border: 1px solid var(--v2-border);
  border-radius: 10px;
  background: var(--v2-surface);
  color: var(--v2-muted);
  font-size: 12px;
  line-height: 1.45;
}

html[data-ui-version="2"] .config strong {
  color: var(--v2-text);
  font-size: 13px;
}

html[data-ui-version="2"] .ui-version-fallback {
  display: grid;
  gap: 10px;
  padding: 14px 8px 2px;
  border-top: 1px solid var(--v2-border);
}

html[data-ui-version="2"] .ui-version-fallback div {
  display: grid;
  gap: 2px;
}

html[data-ui-version="2"] .ui-version-fallback span,
html[data-ui-version="2"] .ui-version-fallback small {
  color: var(--v2-muted);
  font-size: 11px;
  line-height: 1.45;
}

html[data-ui-version="2"] .ui-version-fallback strong {
  color: var(--v2-text);
  font-size: 13px;
}

html[data-ui-version="2"] .ui-version-fallback a {
  min-height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border: 1px solid var(--v2-border-strong);
  border-radius: 9px;
  background: var(--v2-surface);
  color: var(--v2-text);
  font-weight: 650;
  text-decoration: none;
}

html[data-ui-version="2"] .ui-version-fallback a:hover {
  border-color: var(--v2-primary);
  color: var(--v2-primary);
}

html[data-ui-version="legacy"] .legacy-new-version-link {
  position: fixed;
  right: 22px;
  bottom: 22px;
  z-index: 46;
  min-width: 210px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 24px;
  gap: 2px 12px;
  align-items: center;
  padding: 13px 15px;
  border: 1px solid #cbd9d4;
  border-radius: 12px;
  background: #ffffff;
  color: #17352c;
  box-shadow: 0 10px 28px rgba(18, 62, 48, .16);
  text-decoration: none;
}

html[data-ui-version="legacy"] .legacy-new-version-link span {
  color: #60766e;
  font-size: 11px;
}

html[data-ui-version="legacy"] .legacy-new-version-link strong {
  font-size: 14px;
}

html[data-ui-version="legacy"] .legacy-new-version-link i {
  grid-column: 2;
  grid-row: 1 / span 2;
  color: #087a5b;
  font-size: 22px;
  font-style: normal;
}

html[data-ui-version="legacy"] .legacy-new-version-link:hover {
  border-color: #087a5b;
  transform: translateY(-1px);
}

html[data-ui-version="2"] .ui-v2-independent-surface {
  display: none;
  gap: 18px;
  padding: 22px 24px 40px;
}

html[data-ui-version="2"] .ui-v2-independent-surface.active {
  display: grid;
}

html[data-ui-version="2"] .ui-surface-header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  padding: 4px 0 18px;
  border-bottom: 1px solid var(--v2-border);
}

html[data-ui-version="2"] .ui-surface-header > div:first-child,
html[data-ui-version="2"] .ui-surface-section-head > div {
  display: grid;
  gap: 5px;
}

html[data-ui-version="2"] .ui-surface-header span,
html[data-ui-version="2"] .ui-surface-section-head span {
  color: var(--v2-primary);
  font-size: 12px;
  font-weight: 700;
}

html[data-ui-version="2"] .ui-surface-header h2,
html[data-ui-version="2"] .ui-surface-section-head h3 {
  margin: 0;
  color: var(--v2-text);
}

html[data-ui-version="2"] .ui-surface-header h2 { font-size: 26px; }
html[data-ui-version="2"] .ui-surface-header p,
html[data-ui-version="2"] .ui-result-advice p,
html[data-ui-version="2"] .ui-procurement-notice p { margin: 0; color: var(--v2-muted); line-height: 1.55; }

html[data-ui-version="2"] .ui-surface-summary {
  min-width: 128px;
  display: grid;
  justify-items: end;
}

html[data-ui-version="2"] .ui-surface-summary strong { color: var(--v2-text); font-size: 28px; }
html[data-ui-version="2"] .ui-surface-summary span { color: var(--v2-muted); font-weight: 500; }

html[data-ui-version="2"] .ui-project-stage-list,
html[data-ui-version="2"] .ui-project-stage,
html[data-ui-version="2"] .ui-result-period,
html[data-ui-version="2"] .ui-team-highlights,
html[data-ui-version="2"] .ui-team-table,
html[data-ui-version="2"] .ui-surface-table {
  display: grid;
  gap: 0;
  border: 1px solid var(--v2-border);
  border-radius: 14px;
  background: var(--v2-surface);
  overflow: hidden;
}

html[data-ui-version="2"] .ui-project-stage-list { border: 0; background: transparent; gap: 16px; overflow: visible; }
html[data-ui-version="2"] .ui-project-stage-head,
html[data-ui-version="2"] .ui-surface-section-head {
  min-height: 58px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 14px 18px;
  border-bottom: 1px solid var(--v2-border);
}

html[data-ui-version="2"] .ui-project-stage-head span { font-weight: 700; }
html[data-ui-version="2"] .ui-project-stage-head strong { color: var(--v2-muted); }
html[data-ui-version="2"] .ui-project-row {
  width: 100%;
  min-height: 68px;
  display: grid;
  grid-template-columns: minmax(240px, 1fr) minmax(220px, .8fr) 18px;
  align-items: center;
  gap: 18px;
  padding: 13px 18px;
  border: 0;
  border-bottom: 1px solid var(--v2-border);
  border-radius: 0;
  background: transparent;
  color: var(--v2-text);
  text-align: left;
}

html[data-ui-version="2"] .ui-project-row:last-child { border-bottom: 0; }
html[data-ui-version="2"] .ui-project-row:hover { background: var(--v2-surface-muted); }
html[data-ui-version="2"] .ui-project-row span { display: grid; gap: 4px; }
html[data-ui-version="2"] .ui-project-row small,
html[data-ui-version="2"] .ui-project-row b { color: var(--v2-muted); font-size: 12px; font-weight: 500; }
html[data-ui-version="2"] .ui-project-row i { color: var(--v2-primary); font-size: 24px; font-style: normal; }

html[data-ui-version="2"] .ui-result-funnel {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border: 1px solid var(--v2-border);
  border-radius: 14px;
  background: linear-gradient(100deg, var(--v2-primary-soft), var(--v2-surface), var(--v2-ai-soft));
  overflow: hidden;
}

html[data-ui-version="2"] .ui-result-funnel article,
html[data-ui-version="2"] .ui-result-metrics article {
  display: grid;
  gap: 5px;
  padding: 22px;
  border-right: 1px solid var(--v2-border);
}

html[data-ui-version="2"] .ui-result-funnel article:last-child,
html[data-ui-version="2"] .ui-result-metrics article:last-child { border-right: 0; }
html[data-ui-version="2"] .ui-result-funnel span,
html[data-ui-version="2"] .ui-result-metrics span { color: var(--v2-muted); }
html[data-ui-version="2"] .ui-result-funnel strong { color: var(--v2-primary); font-size: 27px; }
html[data-ui-version="2"] .ui-result-funnel small,
html[data-ui-version="2"] .ui-result-metrics small { color: var(--v2-muted); }
html[data-ui-version="2"] .ui-result-metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); }
html[data-ui-version="2"] .ui-result-metrics strong { color: var(--v2-text); font-size: 23px; }
html[data-ui-version="2"] .ui-result-advice { padding: 16px 18px; border-top: 1px solid var(--v2-border); background: var(--v2-surface-muted); }

html[data-ui-version="2"] .ui-personal-results-layout {
  display: grid;
  grid-template-columns: minmax(360px, .82fr) minmax(520px, 1.18fr);
  gap: 20px;
  align-items: start;
}

html[data-ui-version="2"] .ui-personal-funnel,
html[data-ui-version="2"] .ui-personal-outcomes {
  min-width: 0;
  overflow: hidden;
  border: 1px solid var(--v2-border);
  border-radius: 14px;
  background: var(--v2-surface);
}

html[data-ui-version="2"] .ui-funnel-stack {
  display: grid;
  justify-items: center;
  gap: 7px;
  padding: 22px 28px 28px;
}

html[data-ui-version="2"] .ui-funnel-stack article {
  width: calc(100% - var(--funnel-step) * 10%);
  min-height: 68px;
  display: grid;
  grid-template-columns: minmax(110px, 1fr) auto;
  align-items: center;
  gap: 2px 16px;
  padding: 12px calc(22px + var(--funnel-step) * 3px);
  color: #fff;
  background: color-mix(in srgb, var(--v2-primary) calc(100% - var(--funnel-step) * 9%), var(--v2-ai));
  clip-path: polygon(4% 0, 96% 0, 90% 100%, 10% 100%);
}

html[data-ui-version="2"] .ui-funnel-stack article span { font-weight: 700; }
html[data-ui-version="2"] .ui-funnel-stack article strong { font-size: 25px; line-height: 1; }
html[data-ui-version="2"] .ui-funnel-stack article small { grid-column: 1 / -1; color: rgba(255,255,255,.84); }

html[data-ui-version="2"] .ui-outcome-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

html[data-ui-version="2"] .ui-outcome-grid article {
  min-width: 0;
  display: grid;
  gap: 6px;
  padding: 22px 18px;
  border-right: 1px solid var(--v2-border);
  border-bottom: 1px solid var(--v2-border);
}

html[data-ui-version="2"] .ui-outcome-grid article:nth-child(3n) { border-right: 0; }
html[data-ui-version="2"] .ui-outcome-grid article:nth-last-child(-n + 3) { border-bottom: 0; }
html[data-ui-version="2"] .ui-outcome-grid span { color: var(--v2-muted); font-weight: 600; }
html[data-ui-version="2"] .ui-outcome-grid strong { color: var(--v2-text); font-size: 28px; }
html[data-ui-version="2"] .ui-outcome-grid small { color: var(--v2-muted); }
html[data-ui-version="2"] .ui-outcome-grid article.is-risk { background: var(--v2-warning-soft); }
html[data-ui-version="2"] .ui-outcome-grid article.is-risk strong { color: var(--v2-warning); }

html[data-ui-version="2"] .ui-analytics-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 310px;
  gap: 18px;
  align-items: start;
}

html[data-ui-version="2"] .ui-analytics-risk {
  display: grid;
  border: 1px solid var(--v2-border);
  border-radius: 14px;
  background: var(--v2-surface);
  overflow: hidden;
}

html[data-ui-version="2"] .ui-analytics-risk > div:not(.ui-surface-section-head) {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 3px 12px;
  padding: 13px 18px;
  border-bottom: 1px solid var(--v2-border);
}

html[data-ui-version="2"] .ui-analytics-risk > div span { color: var(--v2-text); }
html[data-ui-version="2"] .ui-analytics-risk > div strong { color: var(--v2-warning); }
html[data-ui-version="2"] .ui-analytics-risk > div small { grid-column: 1 / -1; color: var(--v2-muted); }
html[data-ui-version="2"] .ui-analytics-risk footer { padding: 14px 18px; background: var(--v2-surface-muted); }
html[data-ui-version="2"] .ui-analytics-risk footer p { margin: 0; color: var(--v2-muted); line-height: 1.5; }

html[data-ui-version="2"] .ui-procurement-notice {
  padding: 15px 18px;
  border: 1px solid color-mix(in srgb, var(--v2-primary) 28%, var(--v2-border));
  border-radius: 12px;
  background: var(--v2-primary-soft);
}

html[data-ui-version="2"] .ui-procurement-notice strong { color: var(--v2-primary); }
html[data-ui-version="2"] .ui-surface-table-head,
html[data-ui-version="2"] .ui-surface-table-row {
  display: grid;
  grid-template-columns: minmax(250px, 1.4fr) minmax(130px, .7fr) minmax(140px, .7fr) 100px;
  align-items: center;
  gap: 16px;
  padding: 13px 18px;
  border-bottom: 1px solid var(--v2-border);
}

html[data-ui-version="2"] .ui-surface-table-head { color: var(--v2-muted); background: var(--v2-surface-muted); font-size: 12px; font-weight: 700; }
html[data-ui-version="2"] .ui-surface-table-row:last-child { border-bottom: 0; }
html[data-ui-version="2"] .ui-surface-table-row > span:first-child { display: grid; gap: 4px; }
html[data-ui-version="2"] .ui-surface-table-row small { color: var(--v2-muted); }

html[data-ui-version="2"] .ui-team-highlights article,
html[data-ui-version="2"] .ui-team-table article {
  padding: 16px 18px;
  border-bottom: 1px solid var(--v2-border);
}

html[data-ui-version="2"] .ui-team-table article { display: grid; grid-template-columns: minmax(220px, 1fr) repeat(3, minmax(112px, auto)) 90px; gap: 16px; align-items: center; }
html[data-ui-version="2"] .ui-team-table article:last-child,
html[data-ui-version="2"] .ui-team-highlights article:last-child { border-bottom: 0; }
html[data-ui-version="2"] .ui-team-table article span { display: grid; gap: 3px; }
html[data-ui-version="2"] .ui-team-table small { color: var(--v2-muted); }
html[data-ui-version="2"] .ui-team-table em { color: var(--v2-warning); font-style: normal; }

html[data-ui-version="2"] .ui-order-metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  overflow: hidden;
  border: 1px solid var(--v2-border);
  border-radius: 10px;
  background: var(--v2-surface);
}

html[data-ui-version="2"] .ui-order-metrics article {
  display: grid;
  gap: 5px;
  min-height: 104px;
  padding: 18px 20px;
  border-right: 1px solid var(--v2-border);
}

html[data-ui-version="2"] .ui-order-metrics article:last-child { border-right: 0; }
html[data-ui-version="2"] .ui-order-metrics span,
html[data-ui-version="2"] .ui-order-metrics small { color: var(--v2-muted); }
html[data-ui-version="2"] .ui-order-metrics strong { color: var(--v2-text); font-size: 26px; }
html[data-ui-version="2"] .ui-order-metrics .is-risk strong { color: var(--v2-warning); }

html[data-ui-version="2"] .ui-order-worklist {
  overflow: hidden;
  border: 1px solid var(--v2-border);
  border-radius: 10px;
  background: var(--v2-surface);
}

html[data-ui-version="2"] .ui-order-row {
  width: 100%;
  display: grid;
  grid-template-columns: minmax(320px, 1.5fr) minmax(140px, .65fr) 120px 110px 100px;
  align-items: center;
  gap: 18px;
  padding: 16px 20px;
  border: 0;
  border-top: 1px solid var(--v2-border);
  border-radius: 0;
  background: transparent;
  color: var(--v2-text);
  text-align: left;
}

html[data-ui-version="2"] .ui-order-row:hover { background: var(--v2-primary-soft); }
html[data-ui-version="2"] .ui-order-row > span { display: grid; gap: 4px; }
html[data-ui-version="2"] .ui-order-row small { color: var(--v2-muted); }
html[data-ui-version="2"] .ui-order-row .is-risk b { color: var(--v2-warning); }
html[data-ui-version="2"] .ui-order-row em { color: var(--v2-primary); font-style: normal; font-weight: 650; text-align: right; }

@media (max-width: 1280px) {
  html[data-ui-version="2"] .ui-order-row {
    grid-template-columns: minmax(220px, 1.5fr) minmax(100px, .65fr) 90px 90px 82px;
    gap: 10px;
    padding: 14px;
  }
}

html[data-ui-version="2"] .ui-surface-empty,
html[data-ui-version="2"] .ui-surface-error,
html[data-ui-version="2"] .ui-surface-loading {
  min-height: 180px;
  display: grid;
  place-content: center;
  justify-items: center;
  gap: 8px;
  padding: 28px;
  color: var(--v2-muted);
  text-align: center;
}

html[data-ui-version="2"] .ui-surface-empty span { color: var(--v2-primary); font-size: 28px; }
html[data-ui-version="2"] .ui-surface-empty p,
html[data-ui-version="2"] .ui-surface-error p { margin: 0; }
html[data-ui-version="2"] .ui-surface-loading span { width: 26px; height: 26px; border: 3px solid var(--v2-border); border-top-color: var(--v2-primary); border-radius: 50%; animation: ui-surface-spin 800ms linear infinite; }
@keyframes ui-surface-spin { to { transform: rotate(360deg); } }

@media (max-width: 960px) {
  html[data-ui-version="2"] .ui-v2-independent-surface { padding: 18px 16px 32px; }
  html[data-ui-version="2"] .ui-result-funnel,
  html[data-ui-version="2"] .ui-result-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  html[data-ui-version="2"] .ui-analytics-grid { grid-template-columns: 1fr; }
  html[data-ui-version="2"] .ui-result-funnel article:nth-child(2),
  html[data-ui-version="2"] .ui-result-metrics article:nth-child(2) { border-right: 0; }
}

html[data-ui-version="2"] .main {
  grid-row: 2;
  min-width: 0;
  padding: 0;
  background: var(--v2-canvas);
}

html[data-ui-version="2"] .topbar {
  position: sticky;
  top: 52px;
  z-index: 25;
  min-height: 76px;
  padding: 13px 24px;
  border-bottom: 1px solid var(--v2-border);
  background: color-mix(in srgb, var(--v2-surface) 96%, transparent);
  box-shadow: none;
}

html[data-ui-version="2"] .topbar h1 {
  margin: 0;
  color: var(--v2-text);
  font-size: 22px;
  font-weight: 720;
  letter-spacing: -0.018em;
}

html[data-ui-version="2"] .topbar p {
  margin: 3px 0 0;
  color: var(--v2-muted);
  font-size: 13px;
}

html[data-ui-version="2"] .user-box {
  gap: 8px;
}

html[data-ui-version="2"] #currentUser {
  color: var(--v2-muted);
  font-size: 13px;
}

html[data-ui-version="2"] .ui-v2-theme-toggle {
  min-width: 74px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}

html[data-ui-version="2"] .ui-v2-theme-toggle b {
  font-size: 12px;
}

html[data-ui-version="2"] .view {
  width: min(1560px, 100%);
  margin: 0 auto;
  padding: 22px 24px 40px;
}

html[data-ui-version="2"] .panel,
html[data-ui-version="2"] .stat,
html[data-ui-version="2"] .stat-card,
html[data-ui-version="2"] .customer-table,
html[data-ui-version="2"] .management-card,
html[data-ui-version="2"] .customer-card {
  color: var(--v2-text);
  background: var(--v2-surface);
  border-color: var(--v2-border);
  box-shadow: none;
}

html[data-ui-version="2"] .panel {
  border-radius: var(--v2-radius);
}

html[data-ui-version="2"] .panel-title h2,
html[data-ui-version="2"] .dashboard-section-heading h2,
html[data-ui-version="2"] .customer-page-heading h2,
html[data-ui-version="2"] .workspace-intro h2 {
  color: var(--v2-text);
  font-weight: 700;
  letter-spacing: -0.012em;
}

html[data-ui-version="2"] .panel-title span,
html[data-ui-version="2"] .panel-title p,
html[data-ui-version="2"] .customer-page-heading p,
html[data-ui-version="2"] .dashboard-section-heading p,
html[data-ui-version="2"] .meta,
html[data-ui-version="2"] .empty {
  color: var(--v2-muted);
}

html[data-ui-version="2"] .dashboard-kicker,
html[data-ui-version="2"] .workspace-eyebrow {
  color: var(--v2-primary);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0;
  text-transform: none;
}

html[data-ui-version="2"] button.primary,
html[data-ui-version="2"] .primary {
  min-height: 38px;
  border: 1px solid var(--v2-primary);
  border-radius: var(--v2-control-radius);
  background: var(--v2-primary);
  color: #fff;
  box-shadow: none;
  font-weight: 650;
  transition: background-color 150ms ease, border-color 150ms ease, transform 150ms ease;
}

html[data-ui-version="2"] button.primary:hover,
html[data-ui-version="2"] .primary:hover {
  border-color: var(--v2-primary-hover);
  background: var(--v2-primary-hover);
  transform: translateY(-1px);
}

html[data-ui-version="2"] button.secondary,
html[data-ui-version="2"] .secondary,
html[data-ui-version="2"] button.ghost {
  min-height: 38px;
  border: 1px solid var(--v2-border-strong);
  border-radius: var(--v2-control-radius);
  background: var(--v2-surface);
  color: var(--v2-text);
  box-shadow: none;
  font-weight: 600;
}

html[data-ui-version="2"] button.secondary:hover,
html[data-ui-version="2"] .secondary:hover,
html[data-ui-version="2"] button.ghost:hover {
  border-color: var(--v2-primary);
  background: var(--v2-primary-soft);
  color: var(--v2-primary);
}

html[data-ui-version="2"] button.danger,
html[data-ui-version="2"] .danger {
  border-color: color-mix(in srgb, var(--v2-danger) 45%, var(--v2-border));
  background: var(--v2-danger-soft);
  color: var(--v2-danger);
  box-shadow: none;
}

html[data-ui-version="2"] button:disabled,
html[data-ui-version="2"] .primary:disabled,
html[data-ui-version="2"] .secondary:disabled {
  cursor: not-allowed;
  opacity: 0.48;
  transform: none;
}

html[data-ui-version="2"] input,
html[data-ui-version="2"] select,
html[data-ui-version="2"] textarea {
  min-height: 40px;
  border: 1px solid var(--v2-border-strong);
  border-radius: var(--v2-control-radius);
  background: var(--v2-surface);
  color: var(--v2-text);
  box-shadow: none;
}

html[data-ui-version="2"] input::placeholder,
html[data-ui-version="2"] textarea::placeholder {
  color: color-mix(in srgb, var(--v2-muted) 78%, transparent);
}

html[data-ui-version="2"] input:focus,
html[data-ui-version="2"] select:focus,
html[data-ui-version="2"] textarea:focus {
  border-color: var(--v2-primary);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--v2-primary) 16%, transparent);
}

html[data-ui-version="2"] .toolbar {
  position: sticky;
  top: 139px;
  z-index: 12;
  gap: 8px;
  padding: 12px;
  border: 1px solid var(--v2-border);
  border-radius: 12px;
  background: color-mix(in srgb, var(--v2-surface) 97%, transparent);
  box-shadow: none;
}

html[data-ui-version="2"] .customer-table {
  overflow: hidden;
  border: 1px solid var(--v2-border);
  border-radius: 12px;
}

html[data-ui-version="2"] .table-row {
  margin: 0;
  border-width: 0 0 1px;
  border-radius: 0;
  background: var(--v2-surface);
  transition: background-color 140ms ease;
}

html[data-ui-version="2"] .table-row:last-child {
  border-bottom: 0;
}

html[data-ui-version="2"] .table-row:hover {
  background: var(--v2-surface-muted);
  box-shadow: none;
  transform: none;
}

html[data-ui-version="2"] .tag {
  border-color: var(--v2-border);
  background: var(--v2-surface-muted);
  color: var(--v2-muted);
}

html[data-ui-version="2"] .tag.green {
  background: var(--v2-primary-soft);
  color: var(--v2-primary);
}

html[data-ui-version="2"] .tag.purple {
  background: var(--v2-ai-soft);
  color: var(--v2-ai);
}

html[data-ui-version="2"] .tag.amber {
  background: var(--v2-warning-soft);
  color: var(--v2-warning);
}

html[data-ui-version="2"] .tag.red {
  background: var(--v2-danger-soft);
  color: var(--v2-danger);
}

html[data-ui-version="2"] .pipeline-board,
html[data-ui-version="2"] .pipeline-column,
html[data-ui-version="2"] .pipeline-card,
html[data-ui-version="2"] .conversion-panel,
html[data-ui-version="2"] .dashboard-performance {
  background: var(--v2-surface);
  border-color: var(--v2-border);
  box-shadow: none;
}

html[data-ui-version="2"] .pipeline-column {
  border-radius: 10px;
}

html[data-ui-version="2"] .pipeline-card:hover {
  border-color: var(--v2-primary);
  transform: translateY(-1px);
}

html[data-ui-version="2"] .drawer {
  background: var(--v2-overlay);
  z-index: 70;
}

/* Customer records are full workspace pages, not right-side drawers. */
html[data-ui-version="2"] body.ui-customer-record-open .drawer.open {
  top: 52px;
  right: 0;
  bottom: 0;
  left: 236px;
  display: block;
  padding: 0;
  overflow: hidden;
  background: var(--v2-canvas);
}

html[data-ui-version="2"] body.ui-customer-record-open .drawer-panel:has(.vue-workbench-v2),
html[data-ui-version="2"] body.ui-customer-record-open .drawer-panel {
  width: 100%;
  max-width: none;
  height: 100%;
  padding: 0;
  overflow-x: clip;
  border: 0;
  border-radius: 0;
  background: var(--v2-canvas);
  box-shadow: none;
}

html[data-ui-version="2"] body.ui-customer-record-open .vue-workbench-v2 .vue-workbench-hero {
  position: sticky;
  top: 0;
  z-index: 5;
}

@media (max-width: 1180px) {
  html[data-ui-version="2"] .ui-personal-results-layout { grid-template-columns: 1fr; }
}

@media (max-width: 900px) {
  html[data-ui-version="2"] body.ui-customer-record-open .drawer.open { left: 0; }
  html[data-ui-version="2"] .ui-outcome-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  html[data-ui-version="2"] .ui-outcome-grid article:nth-child(3n) { border-right: 1px solid var(--v2-border); }
  html[data-ui-version="2"] .ui-outcome-grid article:nth-child(2n) { border-right: 0; }
}

html[data-ui-version="2"] .drawer-panel,
html[data-ui-version="2"] .modal-card,
html[data-ui-version="2"] .task-action-modal,
html[data-ui-version="2"] .ai-task-modal {
  border: 1px solid var(--v2-border);
  border-radius: 14px;
  background: var(--v2-surface);
  color: var(--v2-text);
  box-shadow: var(--v2-shadow-float);
}

html[data-ui-version="2"] .vue-workbench {
  --vue-bg: var(--v2-canvas);
  --vue-panel: var(--v2-surface);
  --vue-ink: var(--v2-text);
  --vue-muted: var(--v2-muted);
  --vue-line: var(--v2-border);
  --vue-soft: var(--v2-surface-muted);
  --vue-green: var(--v2-primary);
  --vue-blue: var(--v2-ai);
  color: var(--v2-text);
  font-family: inherit;
}

html[data-ui-version="2"] .vue-workbench .primary,
html[data-ui-version="2"] .vue-ai-action-button,
html[data-ui-version="2"] .vue-ai-guidance-button {
  background: var(--v2-primary);
  border-color: var(--v2-primary);
  box-shadow: none;
}

html[data-ui-version="2"] .vue-card-ai-actions,
html[data-ui-version="2"] .vue-guidance-conclusions,
html[data-ui-version="2"] .vue-ai-panel,
html[data-ui-version="2"] .ai-task-step.running {
  border-color: color-mix(in srgb, var(--v2-ai) 28%, var(--v2-border));
  background: var(--v2-ai-soft);
}

html[data-ui-version="2"] .login-screen {
  padding: 32px;
  background:
    radial-gradient(circle at 12% 16%, color-mix(in srgb, var(--v2-primary) 14%, transparent), transparent 32%),
    radial-gradient(circle at 86% 82%, color-mix(in srgb, var(--v2-ai) 10%, transparent), transparent 30%),
    var(--v2-canvas);
}

html[data-ui-version="2"] .login-card {
  display: grid;
  grid-template-columns: minmax(420px, 1.05fr) minmax(400px, .95fr);
  width: min(1040px, 100%);
  min-height: 620px;
  padding: 0;
  overflow: hidden;
  border: 1px solid var(--v2-border);
  border-radius: 22px;
  background: var(--v2-surface);
  color: var(--v2-text);
  box-shadow: 0 28px 80px rgba(25, 43, 55, .16);
}

html[data-ui-version="2"] .login-visual {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding: 44px 48px 38px;
  overflow: hidden;
  color: #effcf7;
  background: #245bdb;
}

html[data-ui-version="2"] .login-visual::before,
html[data-ui-version="2"] .login-visual::after {
  content: "";
  position: absolute;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 999px;
}

html[data-ui-version="2"] .login-visual::before { width: 380px; height: 380px; right: -190px; top: -160px; }
html[data-ui-version="2"] .login-visual::after { width: 260px; height: 260px; left: -150px; bottom: -130px; }

html[data-ui-version="2"] .login-visual-brand {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 15px;
  letter-spacing: .02em;
}

html[data-ui-version="2"] .login-visual-brand > span {
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  border: 1px solid rgba(255,255,255,.32);
  border-radius: 11px;
  background: rgba(255,255,255,.12);
  font-size: 18px;
  font-weight: 800;
}

html[data-ui-version="2"] .login-visual-copy {
  position: relative;
  z-index: 1;
  margin: auto 0 34px;
}

html[data-ui-version="2"] .login-visual-copy small {
  display: block;
  margin-bottom: 16px;
  color: #aee5d1;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .08em;
}

html[data-ui-version="2"] .login-visual-copy h1 {
  margin: 0;
  font-size: clamp(30px, 3vw, 42px);
  line-height: 1.24;
  letter-spacing: -.035em;
}

html[data-ui-version="2"] .login-visual-copy p {
  max-width: 440px;
  margin: 22px 0 0;
  color: rgba(239,252,247,.74);
  font-size: 15px;
  line-height: 1.75;
}

html[data-ui-version="2"] .login-visual-points {
  position: relative;
  z-index: 1;
  display: grid;
  gap: 12px;
  padding: 20px 0 26px;
  border-top: 1px solid rgba(255,255,255,.14);
}

html[data-ui-version="2"] .login-visual-points span { display: flex; align-items: center; gap: 10px; color: rgba(239,252,247,.86); font-size: 14px; }
html[data-ui-version="2"] .login-visual-points i { width: 7px; height: 7px; border-radius: 50%; background: #79dbb5; box-shadow: 0 0 0 5px rgba(121,219,181,.12); }
html[data-ui-version="2"] .login-visual footer { position: relative; z-index: 1; display: flex; align-items: center; justify-content: space-between; color: rgba(239,252,247,.48); font-size: 10px; letter-spacing: .13em; }
html[data-ui-version="2"] .login-visual footer b { color: #79dbb5; font-size: 9px; }

html[data-ui-version="2"] .login-access {
  display: grid;
  align-content: center;
  min-width: 0;
  padding: 54px 58px;
}

html[data-ui-version="2"] .login-heading { margin-bottom: 10px; }
html[data-ui-version="2"] .login-eyebrow { color: var(--v2-primary); font-size: 12px; font-weight: 800; letter-spacing: .08em; }
html[data-ui-version="2"] .login-heading h2 { margin: 9px 0 8px; color: var(--v2-text); font-size: 30px; line-height: 1.2; letter-spacing: -.025em; }
html[data-ui-version="2"] .login-heading p { margin: 0; color: var(--v2-muted); font-size: 14px; }

html[data-ui-version="2"] .login-form,
html[data-ui-version="2"] .login-access > .two-factor { gap: 18px; }

html[data-ui-version="2"] .login-form > label,
html[data-ui-version="2"] .login-access > .two-factor > label { display: grid; gap: 8px; color: var(--v2-text); font-size: 13px; font-weight: 700; }

html[data-ui-version="2"] .login-form input,
html[data-ui-version="2"] .login-access > .two-factor input {
  width: 100%;
  min-height: 48px;
  padding: 11px 13px;
  border: 1px solid var(--v2-border-strong);
  border-radius: 10px;
  background: var(--v2-surface-muted);
  color: var(--v2-text);
  outline: none;
  transition: border-color 150ms ease, box-shadow 150ms ease, background 150ms ease;
}

html[data-ui-version="2"] .login-form input:focus,
html[data-ui-version="2"] .login-access > .two-factor input:focus { border-color: var(--v2-primary); background: var(--v2-surface); box-shadow: 0 0 0 3px color-mix(in srgb, var(--v2-primary) 15%, transparent); }
html[data-ui-version="2"] .login-submit { min-height: 50px; margin-top: 2px; border-radius: 10px; font-weight: 800; }
html[data-ui-version="2"] .login-security-note { display: flex; align-items: center; justify-content: center; gap: 7px; margin: -6px 0 0; color: var(--v2-muted); font-size: 12px; }
html[data-ui-version="2"] .login-security-note span { color: var(--v2-primary); font-weight: 900; }
html[data-ui-version="2"] #loginError:not(:empty) { padding: 10px 12px; border: 1px solid color-mix(in srgb, var(--v2-danger) 30%, var(--v2-border)); border-radius: 9px; background: var(--v2-danger-soft); }

@media (max-width: 820px) {
  html[data-ui-version="2"] .login-screen { padding: 18px; }
  html[data-ui-version="2"] .login-card { grid-template-columns: 1fr; width: min(500px, 100%); min-height: 0; }
  html[data-ui-version="2"] .login-visual { display: none; }
  html[data-ui-version="2"] .login-access { padding: 36px 30px; }
}

html[data-ui-version="2"] .nav {
  display: grid;
  gap: 8px;
}

html[data-ui-version="2"] .ui-nav-group {
  display: grid;
  gap: 3px;
}

html[data-ui-version="2"] .ui-nav-group-toggle {
  display: grid;
  grid-template-columns: 20px minmax(0, 1fr) 16px;
  align-items: center;
  gap: 10px;
  width: 100%;
  min-height: 44px;
  padding: 8px 10px;
  border: 0;
  border-radius: 9px;
  background: transparent;
  color: var(--v2-muted);
  text-align: left;
}

html[data-ui-version="2"] .ui-nav-group-toggle svg {
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}

html[data-ui-version="2"] .ui-nav-group-toggle svg:first-child {
  fill: currentColor;
  stroke: none;
}

html[data-ui-version="2"] .ui-nav-group-toggle svg:last-child {
  width: 14px;
  height: 14px;
  transition: transform 160ms ease-out;
  fill: none;
  stroke: currentColor;
}

html[data-ui-version="2"] .ui-nav-group.collapsed .ui-nav-group-toggle svg:last-child { transform: rotate(-90deg); }
html[data-ui-version="2"] .ui-nav-group.collapsed .ui-nav-children { display: none; }
html[data-ui-version="2"] .ui-nav-group.active .ui-nav-group-toggle { color: var(--v2-text); }

html[data-ui-version="2"] .ui-nav-children {
  display: grid;
  gap: 2px;
  padding-left: 30px;
}

html[data-ui-version="2"] .ui-nav-children > button {
  min-height: 40px;
  padding: 8px 10px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: var(--v2-muted);
  text-align: left;
}

html[data-ui-version="2"] .ui-nav-children > button:hover { background: var(--v2-surface-strong); color: var(--v2-text); }
html[data-ui-version="2"] .ui-nav-children > button.active { background: var(--v2-primary-soft); color: var(--v2-primary); font-weight: 700; }

html[data-ui-version="2"] .topbar > div:first-child { min-width: 0; }

html[data-ui-version="2"] .ui-route-breadcrumb {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  margin-bottom: 4px;
  color: var(--v2-muted);
  font-size: 12px;
}

html[data-ui-version="2"] .ui-route-breadcrumb i { opacity: .55; font-style: normal; }
html[data-ui-version="2"] .ui-route-breadcrumb strong { color: var(--v2-text); }
html[data-ui-version="2"] .ui-route-breadcrumb button { min-height: 28px; padding: 2px 8px; border: 0; border-radius: 7px; background: var(--v2-primary-soft); color: var(--v2-primary); }

html[data-ui-version="2"] .ui-page-tabs {
  display: flex;
  gap: 4px;
  margin-top: 8px;
}

html[data-ui-version="2"] .ui-page-tabs button {
  min-height: 34px;
  padding: 6px 10px;
  border: 0;
  border-bottom: 2px solid transparent;
  border-radius: 0;
  background: transparent;
  color: var(--v2-muted);
  white-space: nowrap;
}

html[data-ui-version="2"] .ui-page-tabs button.active { border-bottom-color: var(--v2-primary); color: var(--v2-primary); font-weight: 700; }

html[data-ui-version="2"] .ui-v2-notification-button {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 40px;
}

html[data-ui-version="2"] .ui-v2-notification-button svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
html[data-ui-version="2"] #uiV2NotificationBadge { display: grid; place-items: center; min-width: 20px; height: 20px; padding: 0 5px; border-radius: 999px; background: var(--v2-danger); color: #fff; font-size: 11px; }
html[data-ui-version="2"] #uiV2NotificationBadge[hidden] { display: none; }

html[data-ui-version="2"] .ui-notification-center {
  width: min(980px, calc(100vw - 32px));
  max-height: min(780px, calc(100vh - 40px));
  overflow: auto;
}

html[data-ui-version="2"] .ui-notification-center-head {
  padding: 22px 24px 18px;
  border-bottom: 1px solid var(--v2-border);
}

html[data-ui-version="2"] .ui-notification-center-head > span,
html[data-ui-version="2"] .ui-notification-center-head p { color: var(--v2-muted); }
html[data-ui-version="2"] .ui-notification-center-head > span { font-size: 12px; font-weight: 700; letter-spacing: .08em; }
html[data-ui-version="2"] .ui-notification-center-head h2 { margin: 4px 0 6px; font-size: 24px; }
html[data-ui-version="2"] .ui-notification-center-head p { margin: 0; }

html[data-ui-version="2"] .ui-notification-center-grid {
  display: grid;
  grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr);
  gap: 0;
}

html[data-ui-version="2"] .ui-notification-center-grid > section { min-width: 0; padding: 20px 24px 26px; }
html[data-ui-version="2"] .ui-notification-center-grid > section + section { border-left: 1px solid var(--v2-border); }

html[data-ui-version="2"] .ui-notification-section-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}

html[data-ui-version="2"] .ui-notification-section-title h3 { margin: 0; font-size: 15px; }
html[data-ui-version="2"] .ui-notification-section-title span { color: var(--v2-muted); font-size: 12px; }

html[data-ui-version="2"] .ui-notification-groups,
html[data-ui-version="2"] .ui-notification-messages { display: grid; gap: 8px; }

html[data-ui-version="2"] .ui-notification-groups > button {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 3px 12px;
  width: 100%;
  min-height: 62px;
  padding: 11px 12px;
  text-align: left;
  border: 1px solid var(--v2-border);
  border-radius: 8px;
  background: var(--v2-surface);
}

html[data-ui-version="2"] .ui-notification-groups > button:hover { border-color: var(--v2-primary); background: var(--v2-primary-soft); }
html[data-ui-version="2"] .ui-notification-groups strong { grid-row: span 2; align-self: center; color: var(--v2-danger); font-size: 20px; }
html[data-ui-version="2"] .ui-notification-groups small { overflow: hidden; color: var(--v2-muted); text-overflow: ellipsis; white-space: nowrap; }

html[data-ui-version="2"] .ui-notification-messages article {
  display: grid;
  gap: 10px;
  padding: 12px;
  border-bottom: 1px solid var(--v2-border);
}

html[data-ui-version="2"] .ui-notification-messages article p { margin: 4px 0 0; color: var(--v2-muted); line-height: 1.6; }
html[data-ui-version="2"] .ui-notification-messages .action-row { justify-content: flex-end; margin: 0; }

html[data-ui-version="2"] body:not([data-ui-section="allocation"]) #assignPanel,
html[data-ui-version="2"] body:not([data-ui-section="allocation"]) #publicPoolPanel {
  display: none !important;
}

html[data-ui-version="2"] body[data-ui-section="allocation"] #assignPanel,
html[data-ui-version="2"] body[data-ui-section="allocation"] #publicPoolPanel {
  display: block !important;
}

html[data-ui-version="2"] body[data-ui-section="customers"]:is([data-role="manager"], [data-role="leader"]) #assignPanel {
  display: block !important;
}

html[data-ui-version="2"] body[data-ui-section="customers"] #assignPanel.direct-transfer-panel {
  padding-block: 14px;
}

html[data-ui-version="2"] body[data-ui-section="customers"] #assignPanel.direct-transfer-panel .assign-form {
  grid-template-columns: minmax(220px, 360px) auto;
  align-items: center;
}

html[data-ui-version="2"] body[data-ui-section="customers"] #assignPanel.direct-transfer-panel :is(select[name="scope"], select[name="mode"], .sales-checks) {
  display: none;
}

html[data-ui-version="2"] body[data-ui-section="customers"] #assignPanel.direct-transfer-panel #assignResult {
  margin: 8px 0 0;
}

@media (max-width: 640px) {
  html[data-ui-version="2"] body[data-ui-section="customers"] #assignPanel.direct-transfer-panel .assign-form {
    grid-template-columns: 1fr;
  }
}

html[data-ui-version="2"] body[data-ui-section="allocation"]:not([data-pool-bucket="public"]) #assignPanel,
html[data-ui-version="2"] body[data-ui-section="allocation"]:not([data-pool-bucket="public"]) #publicPoolPanel,
html[data-ui-version="2"] body[data-ui-section="allocation"] #poolFilter {
  display: none !important;
}

html[data-ui-version="2"] body[data-ui-section="allocation"] .import-panel,
html[data-ui-version="2"] body[data-ui-section="orders"] .import-panel,
html[data-ui-version="2"] body[data-ui-section="orders"] #customerQuickAddButton,
html[data-ui-version="2"] body[data-ui-section="procurementCustomers"] #customerQuickAddButton {
  display: none !important;
}

html[data-ui-version="2"] body[data-role="sales"][data-ui-section="dashboard"] #dashboardSalesSection,
html[data-ui-version="2"] body[data-role="sales"][data-ui-section="dashboard"] #dashboardPipelineSection {
  display: none !important;
}

html[data-ui-version="2"] body[data-ui-section="projects"] #dashboardActionPanel,
html[data-ui-version="2"] body[data-ui-section="projects"] #weeklyPlanSection,
html[data-ui-version="2"] body[data-ui-section="projects"] #dashboardMessageSlot,
html[data-ui-version="2"] body[data-ui-section="projects"] #dashboardReminderSection,
html[data-ui-version="2"] body[data-ui-section="projects"] #dashboardSalesSection,
html[data-ui-version="2"] body[data-ui-section="results"] #dashboardActionPanel,
html[data-ui-version="2"] body[data-ui-section="results"] #weeklyPlanSection,
html[data-ui-version="2"] body[data-ui-section="results"] #dashboardMessageSlot,
html[data-ui-version="2"] body[data-ui-section="results"] #dashboardReminderSection,
html[data-ui-version="2"] body[data-ui-section="results"] #dashboardPipelineSection,
html[data-ui-version="2"] body[data-ui-section="recognition"] #dashboardActionPanel,
html[data-ui-version="2"] body[data-ui-section="recognition"] #weeklyPlanSection,
html[data-ui-version="2"] body[data-ui-section="recognition"] #dashboardMessageSlot,
html[data-ui-version="2"] body[data-ui-section="recognition"] #dashboardReminderSection,
html[data-ui-version="2"] body[data-ui-section="recognition"] #dashboardPipelineSection {
  display: none !important;
}

html[data-ui-version="2"] body[data-ui-section="projects"] .dashboard-start-layout,
html[data-ui-version="2"] body[data-ui-section="results"] .dashboard-start-layout,
html[data-ui-version="2"] body[data-ui-section="recognition"] .dashboard-start-layout {
  display: none !important;
}

html[data-ui-version="2"] body[data-role="purchaser"] #quickAddButton,
html[data-ui-version="2"] body[data-role="purchaser"] .conversion-panel,
html[data-ui-version="2"] body[data-role="purchaser"] .dashboard-performance,
html[data-ui-version="2"] body[data-role="purchaser"] .row-check,
html[data-ui-version="2"] body[data-role="purchaser"] #poolFilter,
html[data-ui-version="2"] body[data-role="sales"] #poolFilter option[value="public"],
html[data-ui-version="2"] body[data-role="sales"] #poolFilter option[value="evidence"],
html[data-ui-version="2"] body[data-role="sales"] #poolFilter option[value="frozen"],
html[data-ui-version="2"] body[data-role="sales"] #poolFilter option[value="archived"] {
  display: none !important;
}

html[data-ui-version="2"] .purchase-order-summary {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 8px;
}

html[data-ui-version="2"] .purchase-order-summary span {
  padding: 5px 8px;
  border-radius: 7px;
  background: var(--v2-surface-muted);
  color: var(--v2-muted);
  font-size: 12px;
}

html[data-ui-version="2"] .purchase-order-summary .risk {
  background: var(--v2-danger-soft);
  color: var(--v2-danger);
}

@media (max-width: 980px) {
  html[data-ui-version="2"] .shell {
    display: block;
  }

  html[data-ui-version="2"] .global-commandbar {
    position: sticky;
    min-height: 48px;
  }

  html[data-ui-version="2"] .global-context,
  html[data-ui-version="2"] .global-utilities {
    display: none;
  }

  html[data-ui-version="2"] .sidebar {
    position: sticky;
    top: 0;
    z-index: 29;
    width: 100%;
    height: auto;
    padding: 8px 12px;
    overflow-x: auto;
    border-right: 0;
    border-bottom: 1px solid var(--v2-border);
  }

  html[data-ui-version="2"] .sidebar .brand,
  html[data-ui-version="2"] .sidebar .config {
    display: none;
  }

  html[data-ui-version="2"] .nav {
    display: flex;
    min-width: max-content;
  }

  html[data-ui-version="2"] .ui-nav-group-toggle { display: none; }
  html[data-ui-version="2"] .ui-nav-children {
    display: flex !important;
    gap: 4px;
    padding: 0;
  }

  html[data-ui-version="2"] .ui-nav-group + .ui-nav-group { margin: 0; padding: 0; border: 0; }

  html[data-ui-version="2"] .ui-page-tabs { overflow-x: auto; }

  html[data-ui-version="2"] .nav button {
    min-height: 40px;
    white-space: nowrap;
  }

  html[data-ui-version="2"] .topbar {
    position: static;
    padding: 11px 16px;
  }

  html[data-ui-version="2"] body:not(.ui-customer-record-open) .topbar h1,
  html[data-ui-version="2"] body:not(.ui-customer-record-open) .topbar p {
    display: none;
  }

  html[data-ui-version="2"] .toolbar {
    position: static;
  }

  html[data-ui-version="2"] .view {
    padding: 18px 16px 32px;
  }
}

@media (max-width: 700px) {
  html[data-ui-version="2"] .global-product strong {
    font-size: 13px;
  }

  html[data-ui-version="2"] .nav button {
    min-height: 44px;
    padding: 10px 12px;
  }

  html[data-ui-version="2"] .nav button svg {
    width: 18px;
    height: 18px;
  }

  html[data-ui-version="2"] .topbar {
    min-height: auto;
    align-items: flex-start;
    gap: 10px;
  }

  html[data-ui-version="2"] .topbar h1 {
    font-size: 20px;
  }

  html[data-ui-version="2"] .user-box {
    width: 100%;
    justify-content: flex-start;
    flex-wrap: wrap;
  }

  html[data-ui-version="2"] #currentUser {
    width: 100%;
  }

  html[data-ui-version="2"] .ui-v2-notification-button .ui-notification-label { display: none; }

  html[data-ui-version="2"] .ui-page-tabs { display: none; }

  html[data-ui-version="2"] .ui-nav-children button { min-height: 44px; }

  html[data-ui-version="2"] .drawer .vue-text-button { min-height: 44px; }

  html[data-ui-version="2"] .ui-notification-center-grid { grid-template-columns: 1fr; }
  html[data-ui-version="2"] .ui-notification-center-grid > section + section { border-top: 1px solid var(--v2-border); border-left: 0; }

  html[data-ui-version="2"] .toolbar {
    position: static;
  }

  html[data-ui-version="2"] .view {
    padding: 14px 12px 28px;
  }

  html[data-ui-version="2"] .table-row {
    padding: 14px;
  }

  html[data-ui-version="2"] button.primary,
  html[data-ui-version="2"] button.secondary,
  html[data-ui-version="2"] .primary,
  html[data-ui-version="2"] .secondary,
  html[data-ui-version="2"] input,
  html[data-ui-version="2"] select {
    min-height: 44px;
  }
}

/* Desktop customer records keep the complete sales path visible at once. */
@media (min-width: 901px) {
  html[data-ui-version="2"] .sidebar > .dashboard-notification-panel {
    display: none !important;
  }

  html[data-ui-version="2"] body.ui-customer-record-open .vue-workbench-flow {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
    padding: 12px 0 28px;
  }

  html[data-ui-version="2"] body.ui-customer-record-open .vue-current-focus,
  html[data-ui-version="2"] body.ui-customer-record-open .vue-record-layout,
  html[data-ui-version="2"] body.ui-customer-record-open .vue-context-grid,
  html[data-ui-version="2"] body.ui-customer-record-open .vue-conversation-evidence,
  html[data-ui-version="2"] body.ui-customer-record-open .vue-ai-workspace,
  html[data-ui-version="2"] body.ui-customer-record-open .vue-decision-grid,
  html[data-ui-version="2"] body.ui-customer-record-open .vue-formal-plan,
  html[data-ui-version="2"] body.ui-customer-record-open .vue-project-activity-card,
  html[data-ui-version="2"] body.ui-customer-record-open .vue-conversation-history-panel {
    grid-column: auto;
    grid-row: auto;
  }

  html[data-ui-version="2"] body.ui-customer-record-open .vue-record-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(320px, 340px);
    align-items: start;
    gap: 12px;
  }

  html[data-ui-version="2"] body.ui-customer-record-open .vue-record-primary,
  html[data-ui-version="2"] body.ui-customer-record-open .vue-record-aside {
    display: grid;
    min-width: 0;
    align-content: start;
    gap: 12px;
  }

  html[data-ui-version="2"] body.ui-customer-record-open .vue-context-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }

  html[data-ui-version="2"] body.ui-customer-record-open .vue-section-head {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
    gap: 8px 12px;
  }

  html[data-ui-version="2"] body.ui-customer-record-open .vue-section-head h3 {
    overflow-wrap: anywhere;
  }

  html[data-ui-version="2"] body.ui-customer-record-open .vue-section-head button,
  html[data-ui-version="2"] body.ui-customer-record-open .vue-inline-actions,
  html[data-ui-version="2"] body.ui-customer-record-open .vue-inline-actions button {
    white-space: nowrap;
  }

  html[data-ui-version="2"] body.ui-customer-record-open .vue-stage-control > button {
    min-width: 96px;
    white-space: nowrap;
    word-break: keep-all;
  }

  html[data-ui-version="2"] body.ui-customer-record-open .vue-evidence-metrics {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  html[data-ui-version="2"] body.ui-customer-record-open .vue-evidence-metrics span {
    white-space: nowrap;
  }

  html[data-ui-version="2"] body.ui-customer-record-open .vue-evidence-recent {
    grid-template-columns: 1fr;
    gap: 8px;
  }

  html[data-ui-version="2"] body.ui-customer-record-open .vue-ai-workspace {
    color: var(--wb-text);
    border: 1px solid var(--wb-border);
    background: #f7faf9;
  }

  html[data-ui-version="2"] body.ui-customer-record-open .vue-ai-workspace-head {
    border-color: var(--wb-border);
  }

  html[data-ui-version="2"] body.ui-customer-record-open .vue-ai-workspace-head span,
  html[data-ui-version="2"] body.ui-customer-record-open .vue-ai-workspace-head h3,
  html[data-ui-version="2"] body.ui-customer-record-open .vue-ai-workspace-head p,
  html[data-ui-version="2"] body.ui-customer-record-open .vue-ai-operation-copy p,
  html[data-ui-version="2"] body.ui-customer-record-open .vue-ai-operation-copy small {
    color: inherit;
  }

  html[data-ui-version="2"] body.ui-customer-record-open .vue-ai-workspace-head span {
    color: var(--wb-primary);
  }

  html[data-ui-version="2"] body.ui-customer-record-open .vue-ai-operation {
    border-color: var(--wb-border);
  }

  html[data-ui-version="2"] body.ui-customer-record-open .vue-ai-operation-copy b {
    color: var(--wb-primary-hover);
    background: var(--wb-primary-soft);
  }

  html[data-ui-version="2"] body.ui-customer-record-open .vue-pipeline-stage-strip {
    display: grid;
    grid-template-columns: repeat(9, minmax(0, 1fr));
    width: 100%;
    padding: 10px 12px;
    overflow-x: clip;
  }

  html[data-ui-version="2"] body.ui-customer-record-open .vue-pipeline-stage-strip button {
    width: 100%;
    min-width: 0;
    min-height: 48px;
    margin-right: 2px;
    padding: 7px clamp(12px, 1.2vw, 20px) 7px clamp(16px, 1.45vw, 24px);
    flex: none;
    font-size: clamp(11px, .82vw, 13px);
    line-height: 1.2;
    white-space: normal;
    text-wrap: balance;
  }

  html[data-ui-version="2"] body.ui-customer-record-open .vue-pipeline-stage-strip button:first-child {
    padding-left: clamp(10px, 1vw, 16px);
  }

  html[data-ui-version="2"] body.ui-customer-record-open .vue-pipeline-stage-strip button.current {
    z-index: 1;
    font-weight: 750;
  }
}

@media (min-width: 901px) and (max-width: 1199px) {
  html[data-ui-version="2"] body.ui-customer-record-open .vue-record-layout {
    grid-template-columns: minmax(0, 1fr);
  }

  html[data-ui-version="2"] body.ui-customer-record-open .vue-record-aside {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/*
CRM APPLICATION SHELL V3
Object model: Action -> Customer -> Opportunity -> Fulfillment -> Governance.
The approved customer workbench remains the record-detail standard; every
other surface uses the same cool-neutral document language and blue action key.
*/
@media (min-width: 901px) {
  html[data-ui-version="2"] body:not(.ui-customer-record-open) .sidebar {
    width: 236px;
    padding: 18px 12px 14px;
    gap: 14px;
    background: var(--v2-surface-muted);
  }

  html[data-ui-version="2"] body:not(.ui-customer-record-open) .sidebar .brand {
    padding: 0 8px 16px;
  }

  html[data-ui-version="2"] .ui-nav-create {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    min-height: 40px;
    margin-bottom: 6px;
    color: #fff;
    border: 1px solid var(--v2-primary);
    border-radius: 8px;
    background: var(--v2-primary);
    font-weight: 650;
  }

  html[data-ui-version="2"] .ui-nav-create:hover {
    color: #fff;
    border-color: var(--v2-primary-hover);
    background: var(--v2-primary-hover);
  }

  html[data-ui-version="2"] .ui-nav-create svg {
    width: 16px;
    height: 16px;
    stroke: currentColor;
  }

  html[data-ui-version="2"] .ui-nav-group {
    gap: 4px;
    padding: 8px 0 10px;
  }

  html[data-ui-version="2"] .ui-nav-group + .ui-nav-group {
    border-top: 1px solid var(--v2-border);
  }

  html[data-ui-version="2"] .ui-nav-group-toggle {
    min-height: 30px;
    grid-template-columns: 16px minmax(0, 1fr) 14px;
    padding: 4px 8px;
    color: var(--v2-text);
    font-size: 12px;
    font-weight: 650;
  }

  html[data-ui-version="2"] .ui-nav-group-toggle svg:first-child {
    width: 15px;
    height: 15px;
  }

  html[data-ui-version="2"] .ui-nav-children {
    gap: 2px;
    padding-left: 0;
  }

  html[data-ui-version="2"] .ui-nav-children > button {
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 38px;
    padding: 8px 10px 8px 12px;
    border-radius: 7px;
    font-size: 13px;
    font-weight: 500;
  }

  html[data-ui-version="2"] .ui-nav-children > button::before {
    position: static;
    flex: 0 0 auto;
    width: 5px;
    height: 5px;
    border: 1px solid currentColor;
    border-radius: 50%;
    content: "";
    opacity: .6;
  }

  html[data-ui-version="2"] .ui-nav-children > button.active::before {
    border-color: var(--v2-primary);
    background: var(--v2-primary);
    opacity: 1;
  }

  html[data-ui-version="2"] .ui-version-fallback {
    margin-top: auto;
    padding: 12px 8px 0;
  }

  html[data-ui-version="2"] .config {
    margin-top: 0;
    border: 0;
    border-top: 1px solid var(--v2-border);
    border-radius: 0;
    background: transparent;
  }

  html[data-ui-version="2"] .topbar {
    min-height: 64px;
    padding: 8px 20px;
    border-bottom: 1px solid var(--v2-border);
    background: color-mix(in srgb, var(--v2-surface) 97%, transparent);
  }

  html[data-ui-version="2"] .ui-route-breadcrumb {
    margin: 0;
  }

  html[data-ui-version="2"] .ui-page-tabs {
    margin-top: 6px;
  }

  html[data-ui-version="2"] .view,
  html[data-ui-version="2"] .ui-v2-independent-surface {
    width: 100%;
    max-width: none;
    padding: 20px 24px 40px;
  }

  html[data-ui-version="2"] .ui-v2-independent-surface {
    gap: 20px;
  }

  html[data-ui-version="2"] .ui-surface-header {
    align-items: center;
    min-height: 88px;
    padding: 2px 0 18px;
  }

  html[data-ui-version="2"] .ui-surface-header h2 {
    margin: 2px 0 0;
    color: var(--v2-text);
    font-size: 24px;
    font-weight: 650;
    letter-spacing: -.02em;
  }

  html[data-ui-version="2"] .ui-surface-header p {
    max-width: 72ch;
    margin: 6px 0 0;
    color: var(--v2-muted);
  }

  html[data-ui-version="2"] .ui-surface-summary {
    display: grid;
    grid-template-columns: auto auto;
    align-items: baseline;
    gap: 8px;
    padding: 0;
    border: 0;
    background: transparent;
  }

  html[data-ui-version="2"] .ui-surface-summary strong {
    color: var(--v2-text);
    font-size: 28px;
    font-weight: 650;
  }

  html[data-ui-version="2"] .ui-surface-summary span {
    color: var(--v2-muted);
    font-size: 12px;
  }

  html[data-ui-version="2"] body:not(.ui-customer-record-open) .panel,
  html[data-ui-version="2"] body:not(.ui-customer-record-open) .management-card,
  html[data-ui-version="2"] body:not(.ui-customer-record-open) .customer-table,
  html[data-ui-version="2"] body:not(.ui-customer-record-open) .ui-personal-funnel,
  html[data-ui-version="2"] body:not(.ui-customer-record-open) .ui-personal-outcomes,
  html[data-ui-version="2"] body:not(.ui-customer-record-open) .ui-result-period,
  html[data-ui-version="2"] body:not(.ui-customer-record-open) .ui-analytics-risk,
  html[data-ui-version="2"] body:not(.ui-customer-record-open) .ui-team-highlights,
  html[data-ui-version="2"] body:not(.ui-customer-record-open) .ui-team-table,
  html[data-ui-version="2"] body:not(.ui-customer-record-open) .ui-procurement-notice,
  html[data-ui-version="2"] body:not(.ui-customer-record-open) .ui-surface-table {
    border: 1px solid var(--v2-border);
    border-radius: 10px;
    box-shadow: none;
    background: var(--v2-surface);
  }

  html[data-ui-version="2"] body[data-view="customers"] .customer-page-heading {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;
    padding: 2px 0 18px;
    border-bottom: 1px solid var(--v2-border);
  }

  html[data-ui-version="2"] body[data-view="customers"] .toolbar {
    top: 64px;
    display: flex;
    flex-wrap: wrap;
    padding: 10px 0;
    border-width: 0 0 1px;
    border-radius: 0;
    background: var(--v2-canvas);
  }

  html[data-ui-version="2"] body[data-view="customers"] .toolbar > input {
    width: auto;
    min-width: 240px;
    flex: 1 1 300px;
  }

  html[data-ui-version="2"] body[data-view="customers"] .toolbar > select {
    width: auto;
    min-width: 132px;
    max-width: 190px;
    flex: 0 1 160px;
  }

  html[data-ui-version="2"] body[data-view="customers"] .toolbar > .hidden {
    display: none;
  }

  html[data-ui-version="2"] body[data-view="customers"] .customer-table {
    border-radius: 8px;
  }

  html[data-ui-version="2"] body[data-view="customers"] .table-row {
    min-height: 76px;
    padding: 12px 16px;
  }

  html[data-ui-version="2"] body[data-view="management"] #managementView {
    display: grid;
    gap: 16px;
  }

  html[data-ui-version="2"] body[data-view="management"] #managementView > .panel,
  html[data-ui-version="2"] body[data-view="management"] #managementView > .split,
  html[data-ui-version="2"] body[data-view="management"] #managementView > .stats-grid {
    margin: 0;
  }

  html[data-ui-version="2"] body[data-view="management"] .management-card {
    min-height: 0;
    padding: 16px;
  }

  html[data-ui-version="2"] body[data-view="dashboard"] .dashboard-start-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(320px, .65fr);
    align-items: start;
    gap: 16px;
  }

  html[data-ui-version="2"] body[data-view="dashboard"] .dashboard-start-layout:has(.dashboard-start-aside:empty) {
    grid-template-columns: minmax(0, 1fr);
  }

  html[data-ui-version="2"] body[data-view="dashboard"] .dashboard-start-aside:empty {
    display: none;
  }

  html[data-ui-version="2"] body[data-view="dashboard"] .dashboard-start-main,
  html[data-ui-version="2"] body[data-view="dashboard"] .dashboard-start-aside {
    display: grid;
    align-content: start;
    gap: 16px;
  }

  html[data-ui-version="2"] body[data-view="dashboard"] .dashboard-action-panel {
    border-top: 3px solid var(--v2-primary);
  }

  html[data-ui-version="2"] body[data-view="dashboard"] .dashboard-action-item {
    min-height: 72px;
    border-bottom: 1px solid var(--v2-border);
    border-radius: 0;
    background: transparent;
  }

  html[data-ui-version="2"] body[data-view="dashboard"] .dashboard-action-item:last-child {
    border-bottom: 0;
  }
}

html[data-ui-version="2"] :focus-visible {
  outline: 2px solid color-mix(in srgb, var(--v2-primary) 72%, #fff);
  outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
  html[data-ui-version="2"] *,
  html[data-ui-version="2"] *::before,
  html[data-ui-version="2"] *::after {
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
  }
}

/* R2 shared density system: one visual grammar for sales, purchasing and management. */
html[data-ui-version="2"] {
  --v2-density-gap: 12px;
  --v2-row-height: 56px;
}

html[data-ui-version="2"] .main > .topbar,
html[data-ui-version="2"] .main > .view {
  width: 100%;
  max-width: none;
  margin-inline: 0;
  box-sizing: border-box;
}

html[data-ui-version="2"] .topbar { padding-inline: clamp(16px, 1.65vw, 28px); }
html[data-ui-version="2"] .view,
html[data-ui-version="2"] .ui-v2-independent-surface {
  padding: 16px clamp(16px, 1.65vw, 28px) 28px;
}

html[data-ui-version="2"] .main > #uiSurfaceView.view.ui-v2-independent-surface {
  padding-inline: clamp(16px, 1.65vw, 28px) !important;
}

html[data-ui-version="2"] .ui-v2-independent-surface.active {
  display: grid;
  align-content: start;
  gap: var(--v2-density-gap);
}

html[data-ui-version="2"] .ui-surface-header {
  min-height: 0;
  align-items: center;
  padding: 0 0 12px;
}

html[data-ui-version="2"] .ui-surface-header h2 { font-size: 22px; }
html[data-ui-version="2"] .ui-surface-summary strong { font-size: 24px; }

html[data-ui-version="2"] .ui-dense-toolbar {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  min-height: 36px;
}

html[data-ui-version="2"] .ui-dense-toolbar label { min-width: min(380px, 44vw); margin-right: auto; }
html[data-ui-version="2"] .ui-dense-toolbar input { width: 100%; }
html[data-ui-version="2"] .ui-dense-toolbar :is(input, select) { min-height: 36px; padding: 7px 10px; }

html[data-ui-version="2"] .ui-dense-table,
html[data-ui-version="2"] .ui-team-matrix,
html[data-ui-version="2"] .ui-action-queue,
html[data-ui-version="2"] .ui-conversion-diagnostics,
html[data-ui-version="2"] .ui-governance-note,
html[data-ui-version="2"] .ui-personal-funnel,
html[data-ui-version="2"] .ui-personal-outcomes,
html[data-ui-version="2"] .ui-cockpit-funnel,
html[data-ui-version="2"] .ui-cockpit-actions {
  min-width: 0;
  border: 1px solid var(--v2-border);
  border-radius: var(--v2-radius-surface);
  background: var(--v2-surface);
  overflow: hidden;
}

html[data-ui-version="2"] .ui-dense-table > header,
html[data-ui-version="2"] .ui-dense-table > article {
  display: grid;
  grid-template-columns: minmax(240px, 1.45fr) minmax(190px, 1fr) minmax(150px, .75fr) 112px;
  gap: 12px;
  align-items: center;
  padding: 8px 12px;
  border-bottom: 1px solid var(--v2-border);
}

html[data-ui-version="2"] .ui-dense-table > header {
  min-height: 34px;
  background: var(--v2-surface-muted);
  color: var(--v2-muted);
  font-size: 11px;
  font-weight: 700;
}

html[data-ui-version="2"] .ui-dense-table > article { min-height: var(--v2-row-height); }
html[data-ui-version="2"] .ui-dense-table > article:last-child { border-bottom: 0; }
html[data-ui-version="2"] .ui-dense-table > article > span { min-width: 0; display: grid; gap: 2px; }
html[data-ui-version="2"] .ui-dense-table strong,
html[data-ui-version="2"] .ui-dense-table b { overflow: hidden; color: var(--v2-text); font-size: 13px; text-overflow: ellipsis; white-space: nowrap; }
html[data-ui-version="2"] .ui-dense-table small { overflow: hidden; color: var(--v2-muted); font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }

html[data-ui-version="2"] .ui-inline-action {
  min-height: 32px;
  padding: 5px 10px;
  border: 1px solid var(--v2-border-strong);
  border-radius: 8px;
  background: var(--v2-surface);
  color: var(--v2-primary);
  font-size: 12px;
  font-weight: 700;
  white-space: nowrap;
}

html[data-ui-version="2"] .ui-status-chip { width: fit-content; padding: 2px 7px; border-radius: 999px; background: var(--v2-primary-soft); color: var(--v2-primary); }
html[data-ui-version="2"] .ui-status-chip:is(.is-failed, .is-blocked, .is-interrupted),
html[data-ui-version="2"] .is-risk-text { color: var(--v2-danger); }

html[data-ui-version="2"] .ui-dense-pager {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 42px;
  padding: 5px 2px;
  color: var(--v2-muted);
  font-size: 12px;
}

html[data-ui-version="2"] .ui-dense-pager div { display: flex; gap: 6px; }
html[data-ui-version="2"] .ui-dense-pager button { min-height: 32px; padding: 5px 10px; }

html[data-ui-version="2"] .ui-surface-empty {
  min-height: 58px;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 14px;
  color: var(--v2-muted);
}

html[data-ui-version="2"] .ui-surface-empty > span { color: var(--v2-primary); font-size: 18px; }
html[data-ui-version="2"] .ui-surface-empty div { display: grid; gap: 1px; }
html[data-ui-version="2"] .ui-surface-empty strong { color: var(--v2-text); }
html[data-ui-version="2"] .ui-surface-empty p { margin: 0; font-size: 12px; }

html[data-ui-version="2"] .ui-compact-metrics,
html[data-ui-version="2"] .ui-conversion-strip {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border: 1px solid var(--v2-border);
  border-radius: var(--v2-radius-surface);
  background: var(--v2-surface);
  overflow: hidden;
}

html[data-ui-version="2"] .ui-compact-metrics article,
html[data-ui-version="2"] .ui-conversion-strip article {
  position: relative;
  min-height: 82px;
  display: grid;
  align-content: center;
  gap: 2px;
  padding: 12px 16px;
  border-right: 1px solid var(--v2-border);
}

html[data-ui-version="2"] .ui-compact-metrics article:last-child,
html[data-ui-version="2"] .ui-conversion-strip article:last-child { border-right: 0; }
html[data-ui-version="2"] .ui-compact-metrics span,
html[data-ui-version="2"] .ui-conversion-strip span { color: var(--v2-muted); font-size: 12px; }
html[data-ui-version="2"] .ui-compact-metrics strong,
html[data-ui-version="2"] .ui-conversion-strip strong { color: var(--v2-text); font-size: 22px; }
html[data-ui-version="2"] .ui-compact-metrics small,
html[data-ui-version="2"] .ui-conversion-strip small { color: var(--v2-muted); font-size: 11px; }
html[data-ui-version="2"] .ui-compact-metrics article.is-risk { background: color-mix(in srgb, var(--v2-danger) 7%, var(--v2-surface)); }

html[data-ui-version="2"] .ui-conversion-strip i {
  position: absolute;
  left: 16px;
  right: 16px;
  bottom: 8px;
  height: 3px;
  border-radius: 999px;
  background: linear-gradient(to right, var(--v2-primary) var(--rate), var(--v2-border) var(--rate));
}

html[data-ui-version="2"] .ui-personal-results-layout,
html[data-ui-version="2"] .ui-cockpit-grid {
  display: grid;
  grid-template-columns: minmax(300px, .72fr) minmax(0, 1.28fr);
  gap: var(--v2-density-gap);
  align-items: start;
}

html[data-ui-version="2"] .ui-surface-section-head { min-height: 48px; padding: 10px 14px; }
html[data-ui-version="2"] .ui-section-link {
  min-height: 32px;
  padding: 5px 10px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: var(--v2-primary);
  font-size: 12px;
  font-weight: 700;
}
html[data-ui-version="2"] .ui-section-link:hover { background: var(--v2-primary-soft); }
html[data-ui-version="2"] .ui-funnel-stack { display: grid; justify-items: center; gap: 5px; padding: 12px 14px 16px; }
html[data-ui-version="2"] .ui-funnel-stack article { width: calc(100% - var(--funnel-step) * 9%); min-height: 43px; display: grid; grid-template-columns: 1fr auto; gap: 0 10px; align-items: center; padding: 7px 14px; border-radius: 8px; background: color-mix(in srgb, var(--v2-primary) calc(13% - var(--funnel-step) * 1%), var(--v2-surface)); }
html[data-ui-version="2"] .ui-funnel-stack article small { grid-column: 1 / -1; color: var(--v2-muted); font-size: 10px; }

html[data-ui-version="2"] .ui-personal-outcomes { padding-bottom: 12px; }
html[data-ui-version="2"] .ui-personal-outcomes > h4 { margin: 10px 14px 6px; font-size: 12px; }
html[data-ui-version="2"] .ui-outcome-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; padding: 0 12px; }
html[data-ui-version="2"] .ui-outcome-grid article { min-height: 78px; display: grid; align-content: center; gap: 2px; padding: 9px 11px; border: 1px solid var(--v2-border); border-radius: 9px; }
html[data-ui-version="2"] .ui-outcome-grid strong { font-size: 20px; }
html[data-ui-version="2"] .ui-outcome-grid small { color: var(--v2-muted); font-size: 10px; }
html[data-ui-version="2"] .ui-outcome-grid.is-problems article.is-risk { border-color: color-mix(in srgb, var(--v2-danger) 30%, var(--v2-border)); background: color-mix(in srgb, var(--v2-danger) 6%, var(--v2-surface)); }
html[data-ui-version="2"] .ui-result-advice { margin: 10px 12px 0; padding: 8px 10px; border-radius: 8px; background: var(--v2-surface-muted); font-size: 11px; }

html[data-ui-version="2"] .ui-cockpit-funnel > div:last-child { display: flex; align-items: stretch; padding: 14px; }
html[data-ui-version="2"] .ui-cockpit-funnel > div:last-child > div { min-width: 0; flex: 1; display: grid; border-right: 1px solid var(--v2-border); text-align: center; }
html[data-ui-version="2"] .ui-cockpit-funnel > div:last-child > div:last-child { border-right: 0; }
html[data-ui-version="2"] .ui-cockpit-actions > div:last-child { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); }
html[data-ui-version="2"] .ui-cockpit-actions article { min-height: 92px; display: grid; align-content: stretch; border-right: 1px solid var(--v2-border); }
html[data-ui-version="2"] .ui-cockpit-actions article:last-child { border-right: 0; }
html[data-ui-version="2"] .ui-cockpit-actions article.is-risk { background: color-mix(in srgb, var(--v2-warning) 10%, var(--v2-surface)); }

html[data-ui-version="2"] :is(.ui-metric-drilldown, .ui-metric-static) {
  position: relative;
  min-width: 0;
  width: 100%;
  display: grid;
  align-content: center;
  gap: 3px;
  padding: 10px 12px;
  border: 0;
  border-radius: 7px;
  background: transparent;
  color: var(--v2-text);
  text-align: inherit;
}
html[data-ui-version="2"] button.ui-metric-drilldown { cursor: pointer; }
html[data-ui-version="2"] button.ui-metric-drilldown:hover { background: color-mix(in srgb, var(--v2-primary) 8%, transparent); color: var(--v2-primary); }
html[data-ui-version="2"] button.ui-metric-drilldown:focus-visible,
html[data-ui-version="2"] .ui-member-drilldown:focus-visible { outline: 2px solid var(--v2-primary); outline-offset: -2px; }
html[data-ui-version="2"] :is(.ui-metric-drilldown, .ui-metric-static) b { font-size: 13px; font-weight: 600; }
html[data-ui-version="2"] :is(.ui-metric-drilldown, .ui-metric-static) strong { font-size: 18px; line-height: 1.15; }
html[data-ui-version="2"] :is(.ui-metric-drilldown, .ui-metric-static) small { color: var(--v2-muted); }
html[data-ui-version="2"] .ui-metric-drilldown > i { position: absolute; top: 50%; right: 7px; translate: 0 -50%; font-style: normal; opacity: 0; }
html[data-ui-version="2"] .ui-metric-drilldown:hover > i,
html[data-ui-version="2"] .ui-metric-drilldown:focus-visible > i { opacity: 1; }

html[data-ui-version="2"] .ui-action-queue > article { min-height: 54px; display: grid; grid-template-columns: minmax(170px, .7fr) minmax(0, 1.3fr) 44px; align-items: center; gap: 12px; padding: 8px 14px; border-bottom: 1px solid var(--v2-border); }
html[data-ui-version="2"] .ui-action-queue > article:last-child { border-bottom: 0; }
html[data-ui-version="2"] .ui-action-queue > article > b { justify-self: end; color: var(--v2-text); font-size: 16px; }
html[data-ui-version="2"] .ui-abnormal-customers { min-width: 0; display: flex; align-items: center; gap: 6px; overflow: hidden; }
html[data-ui-version="2"] .ui-abnormal-customers button {
  min-width: 0;
  max-width: 220px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 8px;
  border: 1px solid var(--v2-border);
  border-radius: 8px;
  background: var(--v2-surface-muted);
  color: var(--v2-text);
  overflow: hidden;
  font-size: 12px;
  font-weight: 600;
  text-overflow: ellipsis;
  white-space: nowrap;
}
html[data-ui-version="2"] .ui-abnormal-customers button:hover { border-color: var(--v2-primary); color: var(--v2-primary); }
html[data-ui-version="2"] .ui-abnormal-customers button small { color: var(--v2-muted); font-size: 11px; font-weight: 500; }
html[data-ui-version="2"] .ui-abnormal-customers > span { flex: 0 0 auto; color: var(--v2-muted); font-size: 12px; }

html[data-ui-version="2"] .ui-conversion-diagnostics > div:last-child,
html[data-ui-version="2"] .ui-governance-note > div:last-child,
html[data-ui-version="2"] .ui-team-highlights > div:last-child { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); }
html[data-ui-version="2"] .ui-conversion-diagnostics article,
html[data-ui-version="2"] .ui-governance-note article,
html[data-ui-version="2"] .ui-team-highlights article { min-height: 86px; display: grid; align-content: center; gap: 3px; padding: 12px 14px; border-right: 1px solid var(--v2-border); }
html[data-ui-version="2"] .ui-governance-note > div:last-child { grid-template-columns: repeat(3, minmax(0, 1fr)); }
html[data-ui-version="2"] .ui-team-highlights { margin-top: 0; }
html[data-ui-version="2"] .ui-team-highlights p,
html[data-ui-version="2"] .ui-governance-note p { margin: 0; color: var(--v2-muted); font-size: 12px; }

html[data-ui-version="2"] .ui-team-matrix > header,
html[data-ui-version="2"] .ui-team-matrix > article { display: grid; grid-template-columns: minmax(180px, 1fr) repeat(4, minmax(100px, .55fr)); gap: 10px; align-items: center; padding: 8px 14px; border-bottom: 1px solid var(--v2-border); }
html[data-ui-version="2"] .ui-team-matrix > header { min-height: 34px; background: var(--v2-surface-muted); color: var(--v2-muted); font-size: 11px; }
html[data-ui-version="2"] .ui-team-matrix > article { min-height: 52px; }
html[data-ui-version="2"] .ui-team-matrix > article > span { display: grid; }
html[data-ui-version="2"] .ui-team-matrix small { color: var(--v2-muted); font-size: 11px; }
html[data-ui-version="2"] .ui-team-matrix .ui-metric-drilldown,
html[data-ui-version="2"] .ui-team-matrix .ui-metric-static { min-height: 42px; padding: 5px 8px; text-align: left; }
html[data-ui-version="2"] .ui-team-matrix :is(.ui-metric-drilldown, .ui-metric-static) b { color: var(--v2-muted); font-size: 11px; }
html[data-ui-version="2"] .ui-team-matrix :is(.ui-metric-drilldown, .ui-metric-static) strong { font-size: 15px; }
html[data-ui-version="2"] .ui-member-drilldown { width: 100%; min-height: 42px; display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 5px 8px; border: 0; border-radius: 7px; background: transparent; color: var(--v2-text); text-align: left; cursor: pointer; }
html[data-ui-version="2"] .ui-member-drilldown:hover { background: color-mix(in srgb, var(--v2-primary) 8%, transparent); color: var(--v2-primary); }
html[data-ui-version="2"] .ui-member-drilldown > span { min-width: 0; display: grid; gap: 2px; }
html[data-ui-version="2"] .ui-member-drilldown i { font-style: normal; }
html[data-ui-version="2"] .ui-team-problem-cell { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4px; }

html[data-ui-version="2"] .ui-drilldown-layer { position: fixed; inset: 0; z-index: 1200; display: flex; justify-content: flex-end; }
html[data-ui-version="2"] .ui-drilldown-backdrop { position: absolute; inset: 0; border: 0; border-radius: 0; background: rgb(15 23 42 / .32); cursor: default; }
html[data-ui-version="2"] .ui-drilldown-panel { position: relative; width: min(720px, 48vw); height: 100%; display: flex; flex-direction: column; overflow: hidden; border-left: 1px solid var(--v2-border); background: var(--v2-surface); color: var(--v2-text); box-shadow: -18px 0 46px rgb(15 23 42 / .16); }
html[data-ui-version="2"] .ui-drilldown-panel > header { flex: 0 0 auto; display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; padding: 18px 20px 14px; border-bottom: 1px solid var(--v2-border); }
html[data-ui-version="2"] .ui-drilldown-panel > header > div { min-width: 0; display: grid; gap: 3px; }
html[data-ui-version="2"] .ui-drilldown-panel > header span { color: var(--v2-primary); font-size: 12px; font-weight: 700; }
html[data-ui-version="2"] .ui-drilldown-panel > header h2 { margin: 0; font-size: 21px; line-height: 1.25; }
html[data-ui-version="2"] .ui-drilldown-panel > header small { color: var(--v2-muted); font-size: 12px; }
html[data-ui-version="2"] .ui-drilldown-search { flex: 0 0 auto; display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; padding: 12px 20px; border-bottom: 1px solid var(--v2-border); }
html[data-ui-version="2"] .ui-drilldown-list { flex: 1 1 auto; overflow: auto; padding: 8px 12px; }
html[data-ui-version="2"] .ui-drilldown-list > button { width: 100%; display: grid; grid-template-columns: minmax(190px, 1fr) minmax(170px, .85fr) 112px 14px; align-items: center; gap: 12px; padding: 11px 10px; border: 0; border-bottom: 1px solid var(--v2-border); border-radius: 0; background: transparent; color: var(--v2-text); text-align: left; cursor: pointer; }
html[data-ui-version="2"] .ui-drilldown-list > button:hover { background: var(--v2-surface-muted); }
html[data-ui-version="2"] .ui-drilldown-list > button:focus-visible { outline: 2px solid var(--v2-primary); outline-offset: -2px; }
html[data-ui-version="2"] .ui-drilldown-list > button > span { min-width: 0; display: grid; gap: 3px; }
html[data-ui-version="2"] .ui-drilldown-list :is(strong, b, small) { min-width: 0; overflow-wrap: anywhere; }
html[data-ui-version="2"] .ui-drilldown-list small,
html[data-ui-version="2"] .ui-drilldown-list time { color: var(--v2-muted); font-size: 12px; }
html[data-ui-version="2"] .ui-drilldown-list i { font-style: normal; }
html[data-ui-version="2"] .ui-drilldown-panel > .ui-dense-pager { flex: 0 0 auto; margin: 0; padding: 10px 20px; border-top: 1px solid var(--v2-border); }

html[data-ui-version="2"] .public-pool-audit-panel { display: grid; gap: 10px; margin: 0; padding: 14px 16px; border: 1px solid var(--v2-border); border-radius: 10px; background: var(--v2-surface); }
html[data-ui-version="2"] .public-pool-audit-head { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
html[data-ui-version="2"] .public-pool-audit-head > div { display: grid; gap: 2px; }
html[data-ui-version="2"] .public-pool-audit-head span { color: var(--v2-primary); font-size: 12px; font-weight: 700; }
html[data-ui-version="2"] .public-pool-audit-head h3 { margin: 0; font-size: 17px; }
html[data-ui-version="2"] .public-pool-audit-head small { color: var(--v2-muted); }
html[data-ui-version="2"] .public-pool-audit-tabs { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
html[data-ui-version="2"] .public-pool-audit-tabs button { min-height: 54px; display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 9px 12px; border: 1px solid var(--v2-border); border-radius: 8px; background: var(--v2-surface); color: var(--v2-text); text-align: left; cursor: pointer; }
html[data-ui-version="2"] .public-pool-audit-tabs button:hover { border-color: var(--v2-primary); }
html[data-ui-version="2"] .public-pool-audit-tabs button.active { border-color: var(--v2-primary); background: color-mix(in srgb, var(--v2-primary) 9%, var(--v2-surface)); color: var(--v2-primary); }
html[data-ui-version="2"] .public-pool-audit-tabs strong { font-size: 18px; }
html[data-ui-version="2"] .public-pool-audit-note { display: flex; flex-wrap: wrap; gap: 6px 16px; color: var(--v2-muted); font-size: 12px; line-height: 1.55; }
html[data-ui-version="2"] .public-pool-audit-note b { color: var(--v2-warning); }
html[data-ui-version="2"] .public-pool-row-audit { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: start; gap: 3px 9px; margin-top: 8px; padding: 8px 10px; border: 1px solid var(--v2-border); border-radius: 7px; background: var(--v2-surface-muted); }
html[data-ui-version="2"] .public-pool-row-audit p { margin: 0; line-height: 1.5; }
html[data-ui-version="2"] .public-pool-row-audit small { grid-column: 2; color: var(--v2-muted); line-height: 1.45; }
html[data-ui-version="2"] .pool-state { padding: 2px 7px; border-radius: 999px; background: color-mix(in srgb, var(--v2-primary) 10%, var(--v2-surface)); color: var(--v2-primary); font-size: 12px; font-weight: 700; white-space: nowrap; }
html[data-ui-version="2"] .pool-state:is(.is-evidence_gap, .is-freeze_candidate) { background: color-mix(in srgb, var(--v2-warning) 13%, var(--v2-surface)); color: var(--v2-warning); }
html[data-ui-version="2"] .pool-state:is(.is-frozen, .is-archived) { background: color-mix(in srgb, var(--v2-danger) 10%, var(--v2-surface)); color: var(--v2-danger); }

html[data-ui-version="2"] .ui-system-actions { display: flex; gap: 8px; justify-content: flex-end; }

html[data-ui-version="2"] body[data-view="customers"] .table-row { min-height: 62px; padding-block: 8px; }
html[data-ui-version="2"] body[data-view="customers"] .customer-card { min-height: 0; }

@media (max-width: 1279px) {
  html[data-ui-version="2"] .ui-dense-table > header,
  html[data-ui-version="2"] .ui-dense-table > article { grid-template-columns: minmax(220px, 1.4fr) minmax(160px, 1fr) 130px 96px; }
  html[data-ui-version="2"] .ui-personal-results-layout,
  html[data-ui-version="2"] .ui-cockpit-grid { grid-template-columns: 1fr; }
  html[data-ui-version="2"] .ui-outcome-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 1099px) {
  html[data-ui-version="2"] .ui-dense-table > header > span:nth-child(3),
  html[data-ui-version="2"] .ui-dense-table > article > span:nth-child(3) { display: none; }
  html[data-ui-version="2"] .ui-dense-table > header,
  html[data-ui-version="2"] .ui-dense-table > article { grid-template-columns: minmax(210px, 1.4fr) minmax(160px, 1fr) 96px; }
  html[data-ui-version="2"] .ui-compact-metrics,
  html[data-ui-version="2"] .ui-conversion-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  html[data-ui-version="2"] .ui-compact-metrics article:nth-child(2),
  html[data-ui-version="2"] .ui-conversion-strip article:nth-child(2) { border-right: 0; }
  html[data-ui-version="2"] .ui-compact-metrics article:nth-child(-n+2),
  html[data-ui-version="2"] .ui-conversion-strip article:nth-child(-n+2) { border-bottom: 1px solid var(--v2-border); }
  html[data-ui-version="2"] .ui-team-matrix > header,
  html[data-ui-version="2"] .ui-team-matrix > article { grid-template-columns: minmax(160px, 1fr) repeat(3, minmax(78px, .55fr)); }
  html[data-ui-version="2"] .ui-team-matrix > :is(header, article) > :nth-child(4) { display: none; }
}

@media (max-width: 1040px) {
  html[data-ui-version="2"] .ui-drilldown-panel { width: min(720px, 62vw); }
  html[data-ui-version="2"] .ui-drilldown-list > button { grid-template-columns: minmax(170px, 1fr) minmax(150px, .8fr) 14px; }
  html[data-ui-version="2"] .ui-drilldown-list > button > time { display: none; }
  html[data-ui-version="2"] .public-pool-audit-tabs { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 760px) {
  html[data-ui-version="2"] .ui-drilldown-panel { width: 100%; }
  html[data-ui-version="2"] .public-pool-audit-head { align-items: flex-start; }
}

html[data-ui-version="2"] body[data-view="dashboard"] .dashboard-workflow { gap: 12px; }
html[data-ui-version="2"] body[data-view="dashboard"] :is(.dashboard-action-panel, .dashboard-weekly-panel, .dashboard-reminder-panel) { padding: 14px; }
html[data-ui-version="2"] body[data-view="dashboard"] :is(.dashboard-action-panel, .dashboard-weekly-panel) :is(.dashboard-section-heading, .panel-title) { margin-bottom: 8px; padding-bottom: 8px; }
html[data-ui-version="2"] body[data-view="dashboard"] :is(.dashboard-action-list, #todayList):has(.empty, .dashboard-empty-state) { min-height: 48px; }
html[data-ui-version="2"] body[data-view="dashboard"] :is(.dashboard-action-list, #todayList):has(.empty, .dashboard-empty-state) > * { margin-block: 4px; }
html[data-ui-version="2"] body[data-view="dashboard"] .business-progress-board { padding: 14px; }
html[data-ui-version="2"] body[data-view="dashboard"] .business-progress-funnel { gap: 8px; }
html[data-ui-version="2"] body[data-view="dashboard"] .business-progress-funnel article { min-height: 74px; padding: 10px 12px; }
html[data-ui-version="2"] body[data-view="customers"] .customer-table:has(> .empty) { min-height: 72px; }
html[data-ui-version="2"] body[data-view="customers"] .customer-table:has(> .empty) > .empty { margin: 0; padding: 22px; }

html[data-ui-version="2"] body.ui-customer-record-open .vue-record-tabs {
  position: sticky;
  top: 0;
  z-index: 12;
  display: flex;
  gap: 4px;
  padding: 6px;
  border: 1px solid var(--wb-border);
  border-radius: 12px;
  background: color-mix(in srgb, var(--wb-surface) 96%, transparent);
  backdrop-filter: blur(14px);
}

html[data-ui-version="2"] body.ui-customer-record-open .vue-record-tabs button {
  min-height: 38px;
  flex: 1;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: var(--wb-muted);
  font-weight: 700;
}

html[data-ui-version="2"] body.ui-customer-record-open .vue-record-tabs button:hover { background: var(--v2-surface-muted); color: var(--wb-text); }
html[data-ui-version="2"] body.ui-customer-record-open .vue-record-tabs button.active { background: var(--wb-primary-soft); color: var(--wb-primary); }
html[data-ui-version="2"] body.ui-customer-record-open .vue-record-layout:is(.is-tab-progress, .is-tab-profile, .is-tab-activity) { grid-template-columns: minmax(0, 1fr); }
html[data-ui-version="2"] body.ui-customer-record-open .vue-record-layout:is(.is-tab-progress, .is-tab-profile) .vue-record-aside { display: none; }
html[data-ui-version="2"] body.ui-customer-record-open .vue-record-layout.is-tab-activity .vue-record-primary { display: none; }
html[data-ui-version="2"] body.ui-customer-record-open .vue-record-layout.is-tab-activity .vue-record-aside {
  position: static;
  max-height: none;
  padding: 0;
  overflow: visible;
}
html[data-ui-version="2"] body.ui-customer-record-open .vue-record-layout.is-tab-activity .vue-project-activity-card { width: 100%; }
html[data-ui-version="2"] body.ui-customer-record-open .vue-record-layout.is-tab-evidence { grid-template-columns: minmax(0, 1fr) minmax(300px, 34%); }
html[data-ui-version="2"] body.ui-customer-record-open .vue-record-layout.is-tab-evidence .vue-project-activity-card { display: none !important; }
html[data-ui-version="2"] body.ui-customer-record-open .vue-workbench-v2.is-conversation-editing .vue-record-layout.is-tab-evidence { grid-template-columns: minmax(0, 1fr); }
html[data-ui-version="2"] body.ui-customer-record-open .vue-workbench-v2.is-conversation-editing .vue-record-aside { display: none; }
html[data-ui-version="2"] body.ui-customer-record-open .vue-record-layout.is-tab-profile .vue-context-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
html[data-ui-version="2"] body.ui-customer-record-open .vue-record-layout.is-tab-profile .vue-context-section { border: 1px solid var(--wb-border); border-radius: 12px; }

@media (max-width: 1099px) {
  html[data-ui-version="2"] body.ui-customer-record-open .vue-record-layout.is-tab-evidence,
  html[data-ui-version="2"] body.ui-customer-record-open .vue-record-layout.is-tab-profile .vue-context-grid { grid-template-columns: 1fr; }
  html[data-ui-version="2"] body.ui-customer-record-open .vue-record-layout.is-tab-evidence .vue-record-aside { position: static; max-height: none; overflow: visible; }
}

/*
THESIS: A customer record is a working document, not a dashboard of equal cards.
OWN-WORLD: Feishu-blue actions, cool neutral canvas, white document planes, hairline dividers.
STORY: Identify the account, see the next move, work the evidence, then use AI deliberately.
FIRST VIEWPORT: identity and pipeline lead; overview fills the canvas while the plan stays at hand.
FORM: desktop operating record with a document column and a compact action rail.
*/
html[data-ui-version="2"] body.ui-customer-record-open {
  --green: var(--v2-primary);
  --green-dark: var(--v2-primary-hover);
  --green-soft: var(--v2-primary-soft);
  --wb-primary: var(--v2-primary);
  --wb-primary-hover: var(--v2-primary-hover);
  --wb-primary-soft: var(--v2-primary-soft);
  --wb-text: var(--v2-text);
  --wb-muted: var(--v2-muted);
  --wb-border: var(--v2-border);
  --wb-canvas: var(--v2-canvas);
  --wb-surface: var(--v2-surface);
}

html[data-ui-version="2"] body.ui-customer-record-open .vue-workbench-v2 {
  --vue-green: var(--v2-primary);
  --primary: var(--v2-primary);
  --wb-primary: var(--v2-primary);
  --wb-primary-hover: var(--v2-primary-hover);
  --wb-primary-active: var(--v2-primary-hover);
  --wb-primary-soft: var(--v2-primary-soft);
}

html[data-ui-version="2"] body.ui-customer-record-open .drawer-panel {
  background: var(--wb-canvas);
}

html[data-ui-version="2"] body.ui-customer-record-open .vue-workbench-v2 {
  color: var(--wb-text);
  background: var(--wb-canvas);
}

html[data-ui-version="2"] body.ui-customer-record-open .vue-workbench-hero {
  border: 0;
  border-bottom: 1px solid var(--wb-border);
  border-radius: 0;
  box-shadow: none;
  background: var(--wb-surface);
}

html[data-ui-version="2"] body.ui-customer-record-open .vue-eyebrow,
html[data-ui-version="2"] body.ui-customer-record-open .vue-section-head span,
html[data-ui-version="2"] body.ui-customer-record-open .vue-current-focus > div > span,
html[data-ui-version="2"] body.ui-customer-record-open .vue-ai-workspace-head span {
  color: var(--wb-muted);
  letter-spacing: 0;
}

html[data-ui-version="2"] body.ui-customer-record-open .vue-workbench-hero h2 {
  color: var(--wb-text);
  font-weight: 650;
}

html[data-ui-version="2"] body.ui-customer-record-open .vue-contact-actions a:not(.disabled),
html[data-ui-version="2"] body.ui-customer-record-open .vue-text-button {
  color: var(--wb-primary);
}

html[data-ui-version="2"] body.ui-customer-record-open .vue-contact-actions a {
  border-color: var(--wb-border);
  border-radius: 6px;
  background: var(--wb-surface);
}

html[data-ui-version="2"] body.ui-customer-record-open .vue-pipeline-stage-strip {
  border: 0;
  border-bottom: 1px solid var(--wb-border);
  border-radius: 0;
  background: var(--wb-surface);
}

html[data-ui-version="2"] body.ui-customer-record-open .vue-pipeline-stage-strip button.current {
  color: #fff;
  background: var(--wb-primary);
}

html[data-ui-version="2"] body.ui-customer-record-open .vue-record-section-nav {
  position: sticky;
  top: 0;
  z-index: 5;
  display: flex;
  align-items: center;
  gap: 22px;
  min-height: 46px;
  padding: 0 24px;
  border-bottom: 1px solid var(--wb-border);
  background: rgba(255, 255, 255, .96);
}

html[data-ui-version="2"] body.ui-customer-record-open .vue-record-section-nav a {
  position: relative;
  display: inline-flex;
  align-items: center;
  min-height: 46px;
  color: var(--wb-muted);
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  white-space: nowrap;
}

html[data-ui-version="2"] body.ui-customer-record-open .vue-record-section-nav a:first-child {
  color: var(--wb-primary);
  font-weight: 600;
}

html[data-ui-version="2"] body.ui-customer-record-open .vue-record-section-nav a:first-child::after {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 2px;
  background: var(--wb-primary);
  content: "";
}

html[data-ui-version="2"] body.ui-customer-record-open .vue-record-section-nav a::after {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 2px;
  background: var(--wb-primary);
  content: "";
  opacity: 0;
}

html[data-ui-version="2"] body.ui-customer-record-open .vue-workbench-v2:has(#crmFormalPlanEditor:target) .vue-record-section-nav a,
html[data-ui-version="2"] body.ui-customer-record-open .vue-workbench-v2:has(#completeConversationLedger:target) .vue-record-section-nav a,
html[data-ui-version="2"] body.ui-customer-record-open .vue-workbench-v2:has(#aiWorkspace:target) .vue-record-section-nav a,
html[data-ui-version="2"] body.ui-customer-record-open .vue-workbench-v2:has(#recordActivity:target) .vue-record-section-nav a {
  color: var(--wb-muted);
  font-weight: 500;
}

html[data-ui-version="2"] body.ui-customer-record-open .vue-workbench-v2:has(#crmFormalPlanEditor:target) .vue-record-section-nav a:first-child::after,
html[data-ui-version="2"] body.ui-customer-record-open .vue-workbench-v2:has(#completeConversationLedger:target) .vue-record-section-nav a:first-child::after,
html[data-ui-version="2"] body.ui-customer-record-open .vue-workbench-v2:has(#aiWorkspace:target) .vue-record-section-nav a:first-child::after,
html[data-ui-version="2"] body.ui-customer-record-open .vue-workbench-v2:has(#recordActivity:target) .vue-record-section-nav a:first-child::after {
  opacity: 0;
}

html[data-ui-version="2"] body.ui-customer-record-open .vue-workbench-v2:has(#crmFormalPlanEditor:target) .vue-record-section-nav a[href="#crmFormalPlanEditor"],
html[data-ui-version="2"] body.ui-customer-record-open .vue-workbench-v2:has(#completeConversationLedger:target) .vue-record-section-nav a[href="#completeConversationLedger"],
html[data-ui-version="2"] body.ui-customer-record-open .vue-workbench-v2:has(#aiWorkspace:target) .vue-record-section-nav a[href="#aiWorkspace"],
html[data-ui-version="2"] body.ui-customer-record-open .vue-workbench-v2:has(#recordActivity:target) .vue-record-section-nav a[href="#recordActivity"] {
  color: var(--wb-primary);
  font-weight: 600;
}

html[data-ui-version="2"] body.ui-customer-record-open .vue-workbench-v2:has(#crmFormalPlanEditor:target) .vue-record-section-nav a[href="#crmFormalPlanEditor"]::after,
html[data-ui-version="2"] body.ui-customer-record-open .vue-workbench-v2:has(#completeConversationLedger:target) .vue-record-section-nav a[href="#completeConversationLedger"]::after,
html[data-ui-version="2"] body.ui-customer-record-open .vue-workbench-v2:has(#aiWorkspace:target) .vue-record-section-nav a[href="#aiWorkspace"]::after,
html[data-ui-version="2"] body.ui-customer-record-open .vue-workbench-v2:has(#recordActivity:target) .vue-record-section-nav a[href="#recordActivity"]::after {
  opacity: 1;
}

html[data-ui-version="2"] body.ui-customer-record-open .vue-current-focus,
html[data-ui-version="2"] body.ui-customer-record-open .vue-context-section,
html[data-ui-version="2"] body.ui-customer-record-open .vue-conversation-evidence,
html[data-ui-version="2"] body.ui-customer-record-open .vue-ai-workspace,
html[data-ui-version="2"] body.ui-customer-record-open .vue-guidance-conclusions,
html[data-ui-version="2"] body.ui-customer-record-open .vue-ai-plan-draft,
html[data-ui-version="2"] body.ui-customer-record-open .vue-formal-plan,
html[data-ui-version="2"] body.ui-customer-record-open .vue-project-activity-card,
html[data-ui-version="2"] body.ui-customer-record-open .vue-conversation-history-panel {
  border: 0;
  border-radius: 10px;
  box-shadow: none;
  background: var(--wb-surface);
}

html[data-ui-version="2"] body.ui-customer-record-open .vue-current-focus {
  align-items: center;
  padding: 20px 24px;
  border-top: 3px solid var(--wb-primary);
}

html[data-ui-version="2"] body.ui-customer-record-open .vue-current-focus h3 {
  color: var(--wb-text);
  font-size: 20px;
}

html[data-ui-version="2"] body.ui-customer-record-open .vue-context-section,
html[data-ui-version="2"] body.ui-customer-record-open .vue-ai-workspace,
html[data-ui-version="2"] body.ui-customer-record-open .vue-guidance-conclusions,
html[data-ui-version="2"] body.ui-customer-record-open .vue-ai-plan-draft,
html[data-ui-version="2"] body.ui-customer-record-open .vue-formal-plan,
html[data-ui-version="2"] body.ui-customer-record-open .vue-project-activity-card,
html[data-ui-version="2"] body.ui-customer-record-open .vue-conversation-history-panel,
html[data-ui-version="2"] body.ui-customer-record-open .vue-conversation-evidence {
  padding: 20px;
}

html[data-ui-version="2"] body.ui-customer-record-open .vue-fact-grid > div,
html[data-ui-version="2"] body.ui-customer-record-open .vue-evidence-metrics > div,
html[data-ui-version="2"] body.ui-customer-record-open .vue-guidance-conclusion-list > article,
html[data-ui-version="2"] body.ui-customer-record-open .vue-ai-operation {
  border-color: var(--wb-border);
  border-radius: 6px;
  background: transparent;
  box-shadow: none;
}

html[data-ui-version="2"] body.ui-customer-record-open .vue-ai-workspace {
  color: var(--wb-text);
  background: var(--wb-surface);
}

html[data-ui-version="2"] body.ui-customer-record-open .vue-ai-workspace-head {
  border-color: var(--wb-border);
}

html[data-ui-version="2"] body.ui-customer-record-open .vue-ai-operation-copy b {
  color: var(--wb-primary-hover);
  background: var(--wb-primary-soft);
}

html[data-ui-version="2"] body.ui-customer-record-open .vue-order-summary,
html[data-ui-version="2"] body.ui-customer-record-open .vue-ai-operation,
html[data-ui-version="2"] body.ui-customer-record-open .vue-guidance-conclusion-list > article {
  border: 0;
  border-top: 1px solid var(--wb-border);
  border-radius: 0;
  background: transparent;
}

html[data-ui-version="2"] body.ui-customer-record-open button.primary,
html[data-ui-version="2"] body.ui-customer-record-open .primary {
  border-color: var(--wb-primary);
  background: var(--wb-primary);
}

html[data-ui-version="2"] body.ui-customer-record-open button.secondary,
html[data-ui-version="2"] body.ui-customer-record-open .secondary {
  color: var(--wb-text);
  border-color: var(--wb-border);
  background: var(--wb-surface);
}

html[data-ui-version="2"] body.ui-customer-record-open .vue-formal-plan {
  border-top: 3px solid var(--wb-primary);
}

html[data-ui-version="2"] body.ui-customer-record-open .vue-formal-plan .vue-next-plan-form {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 14px;
}

html[data-ui-version="2"] body.ui-customer-record-open .vue-formal-plan .vue-next-plan-form > label,
html[data-ui-version="2"] body.ui-customer-record-open .vue-formal-plan .vue-next-plan-form > button {
  width: 100%;
}

html[data-ui-version="2"] body.ui-customer-record-open .vue-next-plan-form textarea {
  min-height: 150px;
  resize: vertical;
}

@media (min-width: 1200px) {
  html[data-ui-version="2"] body.ui-customer-record-open .vue-workbench-flow {
    padding: 16px 20px 32px;
    gap: 16px;
  }

  html[data-ui-version="2"] body.ui-customer-record-open .vue-record-layout {
    grid-template-columns: minmax(0, 2fr) minmax(320px, 1fr);
    gap: 16px;
  }

  html[data-ui-version="2"] body.ui-customer-record-open .vue-record-primary,
  html[data-ui-version="2"] body.ui-customer-record-open .vue-record-aside {
    display: grid;
    min-width: 0;
    align-content: start;
    gap: 16px;
  }

  html[data-ui-version="2"] body.ui-customer-record-open .vue-record-aside {
    position: sticky;
    top: 62px;
  }
}

@media (max-width: 720px) {
  html[data-ui-version="2"] body.ui-customer-record-open .vue-record-section-nav {
    gap: 18px;
    padding: 0 16px;
    overflow-x: auto;
  }
}

/* Customer record V3: stage rail + evidence workspace + record inspector. */
@media (min-width: 1200px) {
  html[data-ui-version="2"] body.ui-customer-record-open .vue-record-command-shell {
    display: grid;
    grid-template-columns: 172px minmax(0, 1fr);
    min-height: calc(100vh - 238px);
  }

  html[data-ui-version="2"] body.ui-customer-record-open .vue-record-rail {
    position: sticky;
    top: 0;
    align-self: start;
    height: 100vh;
    padding: 20px 14px;
    border-right: 1px solid var(--wb-border);
    background: var(--wb-surface);
  }

  html[data-ui-version="2"] body.ui-customer-record-open .vue-record-rail-title {
    display: grid;
    gap: 4px;
    padding: 0 10px 14px;
    border-bottom: 1px solid var(--wb-border);
  }

  html[data-ui-version="2"] body.ui-customer-record-open .vue-record-rail-title span {
    color: var(--wb-muted);
    font-size: 12px;
  }

  html[data-ui-version="2"] body.ui-customer-record-open .vue-record-rail-title strong {
    color: var(--wb-text);
    font-size: 15px;
  }

  html[data-ui-version="2"] body.ui-customer-record-open .vue-pipeline-stage-strip {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-auto-flow: row;
    gap: 0;
    width: auto;
    padding: 12px 0;
    border: 0;
    border-bottom: 1px solid var(--wb-border);
    background: transparent;
    overflow: visible;
  }

  html[data-ui-version="2"] body.ui-customer-record-open .vue-pipeline-stage-strip button,
  html[data-ui-version="2"] body.ui-customer-record-open .vue-pipeline-stage-strip button:first-child {
    display: grid;
    grid-template-columns: 24px minmax(0, 1fr);
    align-items: center;
    gap: 8px;
    width: 100%;
    min-height: 36px;
    margin: 0;
    padding: 4px 8px;
    color: var(--wb-muted);
    border: 0;
    border-radius: 6px;
    clip-path: none;
    background: transparent;
    font-size: 12px;
    line-height: 1.25;
    text-align: left;
    white-space: normal;
  }

  html[data-ui-version="2"] body.ui-customer-record-open .vue-pipeline-stage-strip button span {
    min-width: 0;
    overflow-wrap: normal;
    word-break: keep-all;
  }

  html[data-ui-version="2"] body.ui-customer-record-open .vue-pipeline-stage-strip button::before,
  html[data-ui-version="2"] body.ui-customer-record-open .vue-pipeline-stage-strip button::after {
    display: none;
  }

  html[data-ui-version="2"] body.ui-customer-record-open .vue-pipeline-stage-strip button i {
    display: inline-grid;
    place-items: center;
    width: 22px;
    height: 22px;
    color: var(--wb-muted);
    border: 1px solid var(--wb-border);
    border-radius: 50%;
    background: var(--wb-surface);
    font-size: 11px;
    font-style: normal;
  }

  html[data-ui-version="2"] body.ui-customer-record-open .vue-pipeline-stage-strip button.done {
    color: var(--wb-text);
    background: transparent;
  }

  html[data-ui-version="2"] body.ui-customer-record-open .vue-pipeline-stage-strip button.done i {
    color: var(--wb-primary);
    border-color: var(--wb-primary);
    background: var(--wb-primary-soft);
  }

  html[data-ui-version="2"] body.ui-customer-record-open .vue-pipeline-stage-strip button.current {
    color: var(--wb-primary);
    background: var(--wb-primary-soft);
    font-weight: 650;
  }

  html[data-ui-version="2"] body.ui-customer-record-open .vue-pipeline-stage-strip button.current i {
    color: #fff;
    border-color: var(--wb-primary);
    background: var(--wb-primary);
  }

  html[data-ui-version="2"] body.ui-customer-record-open .vue-record-section-nav {
    position: static;
    display: grid;
    gap: 2px;
    min-height: 0;
    padding: 12px 0 0;
    border: 0;
    background: transparent;
  }

  html[data-ui-version="2"] body.ui-customer-record-open .vue-record-section-nav a {
    min-height: 34px;
    padding: 6px 10px;
    border-radius: 6px;
    font-size: 13px;
  }

  html[data-ui-version="2"] body.ui-customer-record-open .vue-record-section-nav a::after {
    display: none;
  }

  html[data-ui-version="2"] body.ui-customer-record-open .vue-record-section-nav a:first-child,
  html[data-ui-version="2"] body.ui-customer-record-open .vue-record-section-nav a:target {
    color: var(--wb-primary);
    background: var(--wb-primary-soft);
  }

  html[data-ui-version="2"] body.ui-customer-record-open .vue-workbench-flow {
    padding: 16px 20px 36px;
  }

  html[data-ui-version="2"] body.ui-customer-record-open .vue-record-layout {
    grid-template-columns: minmax(0, 1fr) 340px;
    gap: 20px;
  }

  html[data-ui-version="2"] body.ui-customer-record-open .vue-record-primary {
    gap: 16px;
  }

  html[data-ui-version="2"] body.ui-customer-record-open .vue-record-primary .vue-formal-plan { order: 1; }
  html[data-ui-version="2"] body.ui-customer-record-open .vue-record-primary .vue-ai-workspace { order: 2; }
  html[data-ui-version="2"] body.ui-customer-record-open .vue-record-primary .vue-decision-grid { order: 3; }
  html[data-ui-version="2"] body.ui-customer-record-open .vue-record-primary .vue-context-grid { order: 4; }
  html[data-ui-version="2"] body.ui-customer-record-open .vue-record-primary .vue-conversation-history-panel { order: 5; }

  html[data-ui-version="2"] body.ui-customer-record-open .vue-conversation-history-panel {
    min-height: 420px;
  }

  html[data-ui-version="2"] body.ui-customer-record-open .vue-formal-plan .vue-next-plan-form {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 14px;
  }

  html[data-ui-version="2"] body.ui-customer-record-open .vue-formal-plan .vue-next-plan-form > label,
  html[data-ui-version="2"] body.ui-customer-record-open .vue-formal-plan .vue-next-plan-form > button {
    width: 100%;
  }

  html[data-ui-version="2"] body.ui-customer-record-open .vue-formal-plan .vue-next-plan-form textarea {
    min-height: 180px;
    resize: vertical;
  }

  html[data-ui-version="2"] body.ui-customer-record-open .vue-context-grid {
    grid-template-columns: 1fr;
  }

  html[data-ui-version="2"] body.ui-customer-record-open .vue-context-section {
    border-radius: 0;
    border-top: 1px solid var(--wb-border);
  }

  html[data-ui-version="2"] body.ui-customer-record-open .vue-record-aside {
    position: sticky;
    top: 16px;
    max-height: calc(100vh - 32px);
    padding-right: 4px;
    overflow-y: auto;
    scrollbar-width: thin;
  }

  html[data-ui-version="2"] body.ui-customer-record-open .vue-current-focus {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    margin: 0;
  }
}

@media (min-width: 901px) and (max-width: 1199px) {
  html[data-ui-version="2"] body.ui-customer-record-open .vue-record-command-shell {
    display: block;
  }

  html[data-ui-version="2"] body.ui-customer-record-open .vue-record-rail-title {
    display: none;
  }

  html[data-ui-version="2"] body.ui-customer-record-open .vue-record-section-nav {
    position: sticky;
  }
}

/* Final desktop polish: system-native type, restrained surfaces, and predictable controls.
   This layer changes visual tokens only; routes, data, and role boundaries stay untouched. */
html[data-ui-version="2"] {
  --v2-font-sans: ui-sans-serif, -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI Variable", "Segoe UI", "PingFang SC", "Microsoft YaHei UI", sans-serif;
  --v2-type-meta: 12px;
  --v2-type-label: 13px;
  --v2-type-body: 14px;
  --v2-type-section: 16px;
  --v2-type-page: 22px;
  --v2-radius-control: 10px;
  --v2-radius-surface: 12px;
  --v2-radius-record: 16px;
  --v2-focus-ring: 0 0 0 3px color-mix(in srgb, var(--v2-primary) 22%, transparent);
}

html[data-ui-version="2"] body,
html[data-ui-version="2"] input,
html[data-ui-version="2"] textarea,
html[data-ui-version="2"] select,
html[data-ui-version="2"] button {
  font-family: var(--v2-font-sans);
  font-synthesis: none;
}

html[data-ui-version="2"] body {
  font-size: var(--v2-type-body);
  line-height: 1.55;
  letter-spacing: 0.002em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

html[data-ui-version="2"] :is(.stat, .stat-card, .ui-surface-summary, .business-progress-funnel strong, .business-progress-work strong, .ui-result-funnel strong, .ui-result-metrics strong, .ui-outcome-grid strong) {
  font-variant-numeric: tabular-nums;
}

html[data-ui-version="2"] :is(.topbar h1, .ui-surface-header h2, .workspace-intro h2, .customer-page-heading h2) {
  font-size: var(--v2-type-page);
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: -0.018em;
}

/* R2 release gate: task-only home, readable funnel and role-specific record surfaces. */
html[data-ui-version="2"] body[data-role="sales"][data-ui-section="dashboard"] #dashboardBusinessProgress,
html[data-ui-version="2"] body[data-role="sales"][data-ui-section="dashboard"] #dashboardSalesSection,
html[data-ui-version="2"] body[data-role="sales"][data-ui-section="dashboard"] #dashboardPipelineSection,
html[data-ui-version="2"] body[data-role="sales"][data-ui-section="dashboard"] #teamHighlightsPanel {
  display: none !important;
}

html[data-ui-version="2"] body[data-role="sales"][data-ui-section="dashboard"] :is(.dashboard-action-panel, .dashboard-weekly-panel, .dashboard-reminder-panel):has(.dashboard-empty-state) {
  min-height: 0;
  padding-block: 10px;
}

html[data-ui-version="2"] .ui-funnel-stack article {
  color: var(--v2-text);
  clip-path: none;
  border: 1px solid color-mix(in srgb, var(--v2-primary) 18%, var(--v2-border));
  border-radius: 9px;
  background: color-mix(in srgb, var(--v2-primary) calc(16% - var(--funnel-step) * 1.4%), var(--v2-surface));
}

html[data-ui-version="2"] .ui-funnel-stack article span,
html[data-ui-version="2"] .ui-funnel-stack article strong {
  color: var(--v2-text);
  text-shadow: none;
}

html[data-ui-version="2"] .ui-funnel-stack article small {
  color: color-mix(in srgb, var(--v2-text) 76%, var(--v2-muted));
  font-size: 11px;
  font-weight: 600;
}

html[data-ui-version="2"][data-theme="dark"] .ui-funnel-stack article {
  border-color: color-mix(in srgb, var(--v2-primary) 34%, var(--v2-border));
  background: color-mix(in srgb, var(--v2-primary) calc(26% - var(--funnel-step) * 1.8%), var(--v2-surface));
}

html[data-ui-version="2"] .ui-record-type-tabs {
  display: flex;
  width: fit-content;
  gap: 4px;
  padding: 3px;
  border: 1px solid var(--v2-border);
  border-radius: 10px;
  background: var(--v2-surface-muted);
}

html[data-ui-version="2"] .ui-record-type-tabs button {
  min-height: 32px;
  padding: 5px 12px;
  border: 0;
  border-radius: 7px;
  background: transparent;
  color: var(--v2-muted);
  font-weight: 650;
}

html[data-ui-version="2"] .ui-record-type-tabs button.active {
  background: var(--v2-surface);
  color: var(--v2-text);
  box-shadow: 0 1px 3px rgba(15, 23, 42, .10);
}

html[data-ui-version="2"] body.ui-customer-record-open .vue-workbench-v2.is-procurement .vue-record-command-shell {
  display: block;
  min-height: 0;
}

html[data-ui-version="2"] body.ui-customer-record-open .vue-workbench-v2.is-procurement .vue-record-layout,
html[data-ui-version="2"] body.ui-customer-record-open .vue-workbench-v2.is-procurement .vue-context-grid {
  grid-template-columns: minmax(0, 1fr);
}

html[data-ui-version="2"] body.ui-customer-record-open .vue-workbench-v2.is-procurement .vue-record-layout.is-tab-profile .vue-record-aside,
html[data-ui-version="2"] body.ui-customer-record-open .vue-workbench-v2.is-procurement .vue-record-layout.is-tab-activity .vue-record-primary {
  display: none;
}

html[data-ui-version="2"] body.ui-customer-record-open .vue-workbench-v2.is-procurement .vue-record-aside {
  position: static;
  max-height: none;
  padding: 0;
  overflow: visible;
}

html[data-ui-version="2"] :is(.panel-title h2, .dashboard-section-heading h2, .ui-surface-section-head h3, .business-progress-head h2) {
  font-size: var(--v2-type-section);
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: -0.012em;
}

html[data-ui-version="2"] :is(.meta, .empty, .dashboard-kicker, .workspace-eyebrow, .ui-surface-header > div > span, .ui-surface-section-head > div > span, .business-progress-head p, .business-progress-subhead span) {
  font-size: var(--v2-type-meta);
  line-height: 1.45;
}

html[data-ui-version="2"] .panel,
html[data-ui-version="2"] .stat,
html[data-ui-version="2"] .stat-card,
html[data-ui-version="2"] .customer-table,
html[data-ui-version="2"] .management-card,
html[data-ui-version="2"] .customer-card,
html[data-ui-version="2"] .ui-v2-independent-surface > section,
html[data-ui-version="2"] .ui-order-worklist,
html[data-ui-version="2"] .ui-team-table,
html[data-ui-version="2"] .ui-team-highlights {
  border-radius: var(--v2-radius-surface);
}

html[data-ui-version="2"] :is(button.primary, .primary, button.secondary, .secondary, input, textarea, select) {
  border-radius: var(--v2-radius-control);
}

html[data-ui-version="2"] :is(input, textarea, select) {
  border-color: var(--v2-border-strong);
  background: var(--v2-surface);
  color: var(--v2-text);
  font-size: var(--v2-type-body);
  line-height: 1.45;
}

html[data-ui-version="2"] :is(button, input, textarea, select, a):focus-visible {
  outline: 0;
  box-shadow: var(--v2-focus-ring);
}

html[data-ui-version="2"] :is(button.primary, .primary) {
  font-weight: 650;
  letter-spacing: 0;
}

html[data-ui-version="2"] :is(button.secondary, .secondary) { font-weight: 600; }

html[data-ui-version="2"] .ui-nav-children > button,
html[data-ui-version="2"] .ui-nav-group-toggle {
  font-size: var(--v2-type-label);
  line-height: 1.4;
}

html[data-ui-version="2"] body.ui-customer-record-open .vue-workbench-v2 {
  --wb-primary: var(--v2-primary);
  --wb-primary-hover: var(--v2-primary-hover);
  --wb-primary-soft: var(--v2-primary-soft);
  --wb-text: var(--v2-text);
  --wb-muted: var(--v2-muted);
  --wb-border: var(--v2-border);
  --wb-canvas: var(--v2-canvas);
  --wb-surface: var(--v2-surface);
  font-family: var(--v2-font-sans);
}

html[data-ui-version="2"] body.ui-customer-record-open .vue-workbench-hero,
html[data-ui-version="2"] body.ui-customer-record-open .vue-record-section,
html[data-ui-version="2"] body.ui-customer-record-open .vue-record-aside > section {
  border-radius: var(--v2-radius-record);
}

html[data-ui-version="2"] body.ui-customer-record-open .vue-workbench-hero h2 {
  font-size: var(--v2-type-page);
  font-weight: 700;
  letter-spacing: -0.018em;
}

@media (prefers-reduced-motion: reduce) {
  html[data-ui-version="2"] *,
  html[data-ui-version="2"] *::before,
  html[data-ui-version="2"] *::after {
    scroll-behavior: auto !important;
    transition-duration: 0.12ms !important;
    animation-duration: 0.12ms !important;
    animation-iteration-count: 1 !important;
  }
}

html[data-ui-version="2"] .vue-followup-entry {
  padding: 12px 0;
  border-bottom: 1px solid var(--v2-border);
  min-width: 0;
  scroll-margin-top: 16px;
}
html[data-ui-version="2"] .vue-followup-entry p { white-space: pre-wrap; overflow-wrap: anywhere; }
html[data-ui-version="2"] .vue-followup-entry.is-selected { outline: 1px solid var(--v2-primary); outline-offset: 4px; }
html[data-ui-version="2"] .vue-followup-history .action-row { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }

/* Release readability floor: dense does not mean micro-copy. Keep this last. */
html[data-ui-version="2"] .vue-timeline-help { font-size: 12px; }
html[data-ui-version="2"] body {
  font-size: 14px;
  line-height: 1.5;
}

html[data-ui-version="2"] :is(
  .ui-v2-independent-surface,
  .ui-workspace-shell,
  .ui-customer-workspace,
  .vue-workbench-v2,
  .task-action-modal,
  .crm-dialog
) :is(p, small, label, span, td, th, button, input, textarea, select) {
  line-height: 1.45;
}

html[data-ui-version="2"] :is(
  .ui-v2-independent-surface,
  .ui-workspace-shell,
  .ui-customer-workspace,
  .vue-workbench-v2,
  .task-action-modal,
  .crm-dialog,
  .business-progress-funnel,
  .business-progress-work,
  .business-progress-team-list,
  .ui-dense-table,
  .ui-conversion-strip,
  .ui-funnel-stack,
  .ui-outcome-grid,
  .ui-result-advice,
  .ui-governance-note,
  .ui-team-matrix
) small {
  font-size: 12px !important;
}

html[data-ui-version="2"] main.shell small,
html[data-ui-version="2"] .main small,
html[data-ui-version="2"] .performance-range {
  font-size: 12px !important;
}

html[data-ui-version="2"] body[data-role="sales"][data-ui-section="dashboard"] #dashboardSalesResultRow {
  display: none !important;
}

html[data-ui-version="2"] .ui-dense-table :is(strong, b),
html[data-ui-version="2"] .ui-dense-table > header,
html[data-ui-version="2"] .ui-dense-table > header span,
html[data-ui-version="2"] .ui-inline-action,
html[data-ui-version="2"] .ui-dense-toolbar :is(input, select),
html[data-ui-version="2"] .ui-dense-pager :is(span, button) {
  font-size: 13px;
}

html[data-ui-version="2"] .ui-version-fallback :is(span, strong) {
  font-size: 12px;
  line-height: 1.45;
}

html[data-ui-version="2"] .ui-team-matrix > header,
html[data-ui-version="2"] .ui-team-matrix > header span,
html[data-ui-version="2"] .ui-team-matrix p,
html[data-ui-version="2"] .ui-governance-note p,
html[data-ui-version="2"] .ui-result-advice,
html[data-ui-version="2"] .ui-result-advice p {
  font-size: 12px;
  line-height: 1.45;
}

html[data-ui-version="2"] .ui-account-table > header,
html[data-ui-version="2"] .ui-account-table > article {
  grid-template-columns: minmax(150px, .8fr) minmax(150px, .8fr) minmax(170px, .9fr) minmax(360px, 1.8fr);
}

html[data-ui-version="2"] .ui-account-actions,
html[data-ui-version="2"] .ui-surface-header-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  min-width: 0;
  flex-wrap: wrap;
}

html[data-ui-version="2"] .ui-account-actions .ui-inline-action {
  min-height: 34px;
  padding: 6px 10px;
  white-space: nowrap;
}

html[data-ui-version="2"] .ui-account-actions .ui-inline-action.is-danger {
  border-color: color-mix(in srgb, var(--v2-danger) 42%, var(--v2-border));
  color: var(--v2-danger);
}

html[data-ui-version="2"] .ui-account-actions .ui-inline-action:disabled {
  opacity: .42;
  cursor: not-allowed;
}

@media (max-width: 1180px) {
  html[data-ui-version="2"] .ui-account-table > header,
  html[data-ui-version="2"] .ui-account-table > article {
    grid-template-columns: minmax(140px, .8fr) minmax(140px, .8fr) minmax(150px, .8fr) minmax(240px, 1.3fr);
  }
  html[data-ui-version="2"] .ui-account-actions { justify-content: flex-start; }
}

html[data-ui-version="2"] .public-pool-flow {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  margin: 10px 0 12px;
  overflow: hidden;
  border: 1px solid var(--v2-border);
  border-radius: 10px;
  background: var(--v2-border);
}

html[data-ui-version="2"] .public-pool-flow > div {
  display: grid;
  gap: 3px;
  padding: 10px 12px;
  background: var(--v2-surface);
}

html[data-ui-version="2"] .public-pool-flow span { color: var(--v2-muted); font-size: 12px; }
html[data-ui-version="2"] .public-pool-flow strong { color: var(--v2-text); font-size: 14px; }
html[data-ui-version="2"] .public-pool-flow[data-has-risk="true"] > div:nth-child(n+3) strong { color: var(--v2-danger); }

html[data-ui-version="2"] .ui-review-table > header,
html[data-ui-version="2"] .ui-review-table > article {
  grid-template-columns: minmax(230px, 1.25fr) minmax(260px, 1.4fr) minmax(140px, .65fr) 108px;
}

html[data-ui-version="2"] .ui-review-actions { justify-items: stretch; }
html[data-ui-version="2"] .ui-review-actions .ui-inline-action { width: 100%; white-space: nowrap; }
html[data-ui-version="2"] .ui-review-actions .ui-inline-action.is-primary {
  border-color: var(--v2-primary);
  background: var(--v2-primary);
  color: #fff;
}

@media (max-width: 1180px) {
  html[data-ui-version="2"] .ui-review-table > header,
  html[data-ui-version="2"] .ui-review-table > article {
    grid-template-columns: minmax(190px, 1.1fr) minmax(220px, 1.25fr) 126px 104px;
  }
}

@media (max-width: 1040px) {
  html[data-ui-version="2"] .public-pool-flow { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  html[data-ui-version="2"] .ui-review-table > header,
  html[data-ui-version="2"] .ui-review-table > article { grid-template-columns: minmax(190px, 1fr) minmax(220px, 1.2fr) 104px; }
}

/* Global UI defect closure: keep these overrides last so legacy styles cannot reintroduce glyphs or native controls. */
html[data-ui-version="2"] .sidebar .nav :is(.ui-nav-create, .ui-nav-group-toggle)::before {
  display: none !important;
  content: none !important;
}

html[data-ui-version="2"] .ui-nav-group-toggle {
  grid-template-columns: 20px minmax(0, 1fr) 16px;
  min-height: 40px;
  gap: 9px;
  padding: 7px 10px;
  color: var(--v2-text);
  font-size: 14px;
  line-height: 1.4;
}

html[data-ui-version="2"] .ui-nav-group-toggle svg:first-child {
  width: 18px;
  height: 18px;
  color: currentColor;
  opacity: .9;
}

html[data-ui-version="2"] .ui-nav-children > button {
  display: grid;
  grid-template-columns: 20px minmax(0, 1fr);
  align-items: center;
  gap: 9px;
  min-height: 40px;
  padding: 8px 10px;
  color: color-mix(in srgb, var(--v2-text) 72%, var(--v2-muted));
  font-size: 14px;
  line-height: 1.4;
}

html[data-ui-version="2"] .ui-nav-children > button::before {
  position: static !important;
  inset: auto !important;
  display: block !important;
  width: 6px !important;
  height: 6px !important;
  justify-self: center;
  border: 0 !important;
  border-radius: 50%;
  background: currentColor;
  content: "" !important;
  opacity: .45;
}

html[data-ui-version="2"] .ui-nav-children > button.active::before {
  background: var(--v2-primary);
  opacity: 1;
}

html[data-ui-version="2"] .public-pool-audit-tabs button {
  appearance: none;
  font: inherit;
}

@media (max-width: 768px) {
  html[data-ui-version="2"] .ui-nav-group-toggle,
  html[data-ui-version="2"] .ui-nav-children > button,
  html[data-ui-version="2"] .topbar button,
  html[data-ui-version="2"] #mobileToolsToggle,
  html[data-ui-version="2"] .ui-account-actions .ui-inline-action {
    min-height: 44px !important;
  }

  html[data-ui-version="2"] body.ui-customer-record-open .vue-current-focus > button,
  html[data-ui-version="2"] body.ui-customer-record-open .vue-stage-control > button,
  html[data-ui-version="2"] body.ui-customer-record-open .vue-record-tabs button {
    min-height: 44px !important;
    white-space: nowrap;
  }
}

html[data-ui-version="2"] .ui-summary-drilldown {
  position: relative;
  appearance: none;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: var(--v2-text);
  cursor: pointer;
}

html[data-ui-version="2"] .ui-summary-drilldown:hover {
  background: var(--v2-primary-soft);
  color: var(--v2-primary);
}

html[data-ui-version="2"] .ui-summary-drilldown > i {
  position: absolute;
  right: 5px;
  font-style: normal;
  opacity: 0;
}

html[data-ui-version="2"] .ui-summary-drilldown:is(:hover, :focus-visible) > i { opacity: 1; }

html[data-ui-version="2"] .ui-abnormal-count {
  justify-self: end;
  min-width: 42px;
  min-height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 7px;
  padding: 5px 8px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: var(--v2-text);
  cursor: pointer;
}

html[data-ui-version="2"] .ui-abnormal-count:hover { background: var(--v2-primary-soft); color: var(--v2-primary); }
html[data-ui-version="2"] .ui-abnormal-count b { font-size: 16px; }
html[data-ui-version="2"] .ui-abnormal-count i { font-style: normal; opacity: .6; }

html[data-ui-version="2"] :is(.ui-conversion-control, .ui-conversion-loss) {
  position: relative;
  width: 100%;
  min-height: 100%;
  display: grid;
  align-content: center;
  gap: 3px;
  padding: 12px 16px;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--v2-text);
  text-align: left;
}

html[data-ui-version="2"] button:is(.ui-conversion-control, .ui-conversion-loss) { cursor: pointer; }
html[data-ui-version="2"] button:is(.ui-conversion-control, .ui-conversion-loss):hover { background: var(--v2-primary-soft); color: var(--v2-primary); }
html[data-ui-version="2"] :is(.ui-conversion-control, .ui-conversion-loss) span { color: var(--v2-muted); font-size: 12px; }
html[data-ui-version="2"] :is(.ui-conversion-control, .ui-conversion-loss) strong { color: inherit; font-size: 22px; }
html[data-ui-version="2"] :is(.ui-conversion-control, .ui-conversion-loss) small { color: var(--v2-muted); font-size: 12px; }
html[data-ui-version="2"] .ui-conversion-progress {
  position: absolute;
  left: 16px;
  right: 16px;
  bottom: 8px;
  height: 3px;
  border-radius: 999px;
  background: linear-gradient(to right, var(--v2-primary) var(--rate), var(--v2-border) var(--rate));
}
html[data-ui-version="2"] .ui-conversion-arrow,
html[data-ui-version="2"] .ui-conversion-loss > i {
  position: absolute;
  top: 50%;
  right: 10px;
  bottom: auto;
  left: auto;
  width: auto;
  height: auto;
  translate: 0 -50%;
  background: none;
  font-style: normal;
  opacity: 0;
}
html[data-ui-version="2"] button:is(.ui-conversion-control, .ui-conversion-loss):is(:hover, :focus-visible) > :is(.ui-conversion-arrow, i:last-child) { opacity: .75; }

html[data-ui-version="2"] .ui-conversion-strip article,
html[data-ui-version="2"] .ui-conversion-diagnostics article { padding: 0; }

/* Let grid children shrink to the actual viewport rather than their content width. */
html[data-ui-version="2"] .ui-v2-independent-surface.active { grid-template-columns: minmax(0, 1fr); }
html[data-ui-version="2"] .ui-dense-toolbar { flex-wrap: wrap; }
html[data-ui-version="2"] .ui-dense-pager { flex-wrap: wrap; gap: 8px; }
@media (max-width: 700px) {
  html[data-ui-version="2"] .ui-dense-toolbar label { flex: 1 1 100%; min-width: 0; }
  html[data-ui-version="2"] .ui-stage-tabs { max-width: 100%; }
  html[data-ui-version="2"] .ui-account-menu a { right: auto; left: 0; }
}