@import url("./css/tokens.css?v=3");

/* VeriCase app rebrand override.
   Final shared layer: loaded after the page-level brand/design stack by nav-shell.js. */

:root {
  color-scheme: light;
  --color-line: rgba(10, 16, 20, 0.1);
  --font-mono: "SF Mono", "JetBrains Mono", Consolas, monospace;
  --bg-primary: var(--color-paper);
  --bg-secondary: var(--color-ivory);
  --bg-tertiary: var(--color-vellum);
  --bg-elevated: var(--color-paper);
  --bg-card: var(--color-paper);
  --bg-sidebar: var(--color-ink);
  --text-primary: var(--color-graphite);
  --text-secondary: var(--color-stone);
  --text-tertiary: #6f7880;
  --text-muted: #818a92;
  --border-default: var(--color-line);
  --border-muted: rgba(10, 16, 20, 0.07);
  --vericase-teal: var(--color-teal);
  --vericase-teal-dark: var(--color-teal-dark);
  --vericase-teal-light: #009588;
  --vericase-teal-rgb: 14, 106, 106;
  --vericase-teal-ghost: rgba(14, 106, 106, 0.06);
  --vericase-blue: var(--color-teal);
  --vericase-blue-dark: var(--color-teal-dark);
  --vericase-blue-light: var(--color-teal-soft);
  --vericase-blue-rgb: 14, 106, 106;
  --vericase-navy: var(--color-ink);
  --vericase-gold: var(--color-amber);
  --vericase-gold-light: #b89157;
  --vericase-gold-muted: var(--color-brass-deep);
  --vericase-gold-rgb: 159, 122, 68;
  --surface-paper-dots: radial-gradient(rgba(10, 16, 20, 0.025) 1px, transparent 1px);
  --surface-paper-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.72), rgba(252, 250, 246, 0.98));
  --shadow-xs: 0 1px 2px rgba(10, 16, 20, 0.04);
  --shadow-sm: 0 1px 3px rgba(10, 16, 20, 0.06);
  --shadow-md: 0 8px 28px -24px rgba(10, 16, 20, 0.42);
  --shadow-card: 0 0 0 1px rgba(10, 16, 20, 0.018), 0 8px 60px -48px rgba(35, 30, 25, 0.24);
  --shadow-lg: 0 18px 70px -52px rgba(10, 16, 20, 0.38);
  --shadow-xl: 0 24px 80px -50px rgba(10, 16, 20, 0.48);
  --ease-out-expo: cubic-bezier(0.22, 1, 0.36, 1);
}

html,
body {
  font-family: var(--font-sans) !important;
  font-feature-settings: "ss01", "ss02", "kern", "liga";
  background: var(--color-paper) !important;
  color: var(--text-primary) !important;
}

body {
  background-image: var(--surface-paper-dots) !important;
  background-size: var(--surface-paper-dots-size) !important;
}

.app-shell,
.app-main {
  background: var(--color-paper) !important;
  background-image: var(--surface-paper-dots) !important;
  background-size: var(--surface-paper-dots-size) !important;
}

.app-content {
  background: transparent !important;
  color: var(--text-primary) !important;
}

.app-header {
  height: 64px;
  background: rgba(250, 248, 245, 0.94) !important;
  border-bottom: 1px solid rgba(10, 16, 20, 0.1) !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
}

.app-header-title {
  color: var(--color-ink) !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
}

.app-header-breadcrumb,
.app-header-breadcrumb a,
.app-header-breadcrumb .breadcrumb-current {
  color: var(--text-secondary) !important;
}

.app-header-breadcrumb a:hover {
  color: var(--color-ink) !important;
}

.app-main::after {
  content: "";
  position: fixed;
  top: 64px;
  left: 232px;
  right: 0;
  height: 1px;
  z-index: 210;
  pointer-events: none;
  background: linear-gradient(90deg, rgba(159, 122, 68, 0.46), rgba(14, 106, 106, 0.32), transparent 72%);
}

.app-sidebar.collapsed ~ .app-main::after {
  left: 0;
}

.app-sidebar {
  background:
    radial-gradient(72% 55% at 0% 0%, rgba(181, 151, 90, 0.16), transparent 68%),
    radial-gradient(60% 45% at 100% 34%, rgba(7, 46, 27, 0.35), transparent 72%),
    #0b3b24 !important;
  border-right: 1px solid rgba(245, 240, 232, 0.1) !important;
  box-shadow: inset -1px 0 0 rgba(181, 151, 90, 0.16) !important;
}

.sidebar-wordmark-text,
.auth-wordmark,
.near-brand-page-wordmark {
  font-family: var(--font-serif) !important;
  font-style: normal !important;
  font-weight: 400 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
}

.nav-section-title,
.context-label,
.project-context-label,
.eyebrow,
.case-intel-kicker,
.greeting-kicker,
.workstream-kicker,
.project-kpi-label,
.vc-v2-report-kicker {
  font-family: var(--font-mono) !important;
  font-size: 0.68rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  color: rgba(159, 122, 68, 0.78) !important;
  font-variant-numeric: tabular-nums;
}

.nav-item,
.nav-subgroup-header {
  color: rgba(250, 248, 245, 0.72) !important;
  border-radius: var(--radius-control) !important;
}

.nav-item:hover,
.nav-subgroup-header:hover {
  background: rgba(250, 248, 245, 0.07) !important;
  color: var(--color-ivory) !important;
}

.nav-item.active,
.nav-subgroup:has(.nav-item.active) .nav-subgroup-header {
  background: rgba(216, 233, 231, 0.12) !important;
  color: var(--color-ivory) !important;
}

.nav-item.active::before {
  background: var(--color-teal-soft) !important;
}

.nav-item.active i,
.nav-item.active svg,
.vericase-tick {
  color: var(--color-teal-soft) !important;
  -webkit-text-fill-color: currentColor !important;
}

.nav-badge {
  background: var(--color-amber) !important;
  color: var(--color-ink) !important;
}

.project-context,
.workspace-indicator .context-value,
.control-centre-btn,
.new-project-btn,
.nav-quick-search {
  background: rgba(250, 248, 245, 0.06) !important;
  border: 1px solid rgba(250, 248, 245, 0.12) !important;
  border-radius: var(--radius-control) !important;
  box-shadow: none !important;
}

.project-context {
  border-left-color: var(--color-amber) !important;
}

.workspace-indicator .context-value:hover,
.control-centre-btn:hover,
.new-project-btn:hover,
.project-context:hover {
  background: rgba(250, 248, 245, 0.1) !important;
  border-color: rgba(250, 248, 245, 0.2) !important;
}

.card,
.panel,
.modal,
.modal-content,
.dropdown-menu,
.popover,
.drawer,
.widget,
.stat-card,
.metric-card,
.workspace-card,
.quick-action-card,
.content-card,
.project-kpi-card,
.project-workstream-card,
.project-overview-surface,
.data-grid-wrapper,
.pst-table-wrap,
.ag-root-wrapper,
.vc-keyboard-overlay__card,
[class*="card"]:not(.toast):not(.nav-badge),
[class*="panel"]:not(.app-content) {
  background-color: var(--color-paper) !important;
  background-image: var(--surface-paper-dots), var(--surface-paper-gradient) !important;
  background-size: var(--surface-paper-dots-size), auto !important;
  border: 1px solid var(--color-line) !important;
  border-radius: var(--radius-control) !important;
  box-shadow: var(--shadow-card) !important;
  color: var(--text-primary) !important;
}

.card:hover,
.workspace-card:hover,
.quick-action-card:hover,
.project-kpi-card:hover,
.project-workstream-card:hover {
  border-color: var(--color-line-strong) !important;
  box-shadow: var(--shadow-lg) !important;
}

.btn,
button:not(.ag-button):not(.toast-close) {
  border-radius: var(--radius-control) !important;
  font-family: var(--font-sans) !important;
  font-weight: 600 !important;
  transition: transform 0.18s var(--ease-out-expo), background 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease !important;
}

.btn-primary,
.btn-vericase,
button[type="submit"],
.toolbar-ai-btn,
.btn-ai-wizard {
  background: var(--color-ink) !important;
  color: var(--color-ivory) !important;
  border: 1px solid var(--color-ink) !important;
  box-shadow: none !important;
}

.btn-primary:hover,
.btn-vericase:hover,
button[type="submit"]:hover,
.toolbar-ai-btn:hover,
.btn-ai-wizard:hover {
  background: var(--color-teal-dark) !important;
  border-color: var(--color-teal-dark) !important;
  transform: translateY(-1px);
}

.btn-secondary,
.btn-navy,
.btn-outline,
.btn-ghost,
.correspondence-shell-action {
  background: rgba(250, 248, 245, 0.66) !important;
  color: var(--color-ink) !important;
  border: 1px solid var(--color-line-strong) !important;
  box-shadow: none !important;
}

.btn-secondary:hover,
.btn-navy:hover,
.btn-outline:hover,
.btn-ghost:hover,
.correspondence-shell-action:hover {
  background: var(--color-cream) !important;
  border-color: rgba(10, 16, 20, 0.28) !important;
}

input:not([type="checkbox"]):not([type="radio"]),
select,
textarea,
.input,
.form-control,
.nav-quick-search,
.ai-query-box {
  background: rgba(255, 255, 255, 0.62) !important;
  color: var(--color-ink) !important;
  border: 1px solid var(--color-line-strong) !important;
  border-radius: var(--radius-control) !important;
  box-shadow: none !important;
}

input:focus,
select:focus,
textarea:focus,
.input:focus,
.form-control:focus,
.nav-quick-search:focus {
  border-color: rgba(14, 106, 106, 0.54) !important;
  outline: 3px solid rgba(14, 106, 106, 0.18) !important;
  outline-offset: 1px;
  box-shadow: none !important;
}

.app-sidebar .nav-quick-search,
.app-sidebar input.nav-quick-search {
  background: rgba(250, 248, 245, 0.06) !important;
  color: var(--color-ivory) !important;
  border-color: rgba(250, 248, 245, 0.12) !important;
}

.app-sidebar .nav-quick-search::placeholder {
  color: rgba(250, 248, 245, 0.34) !important;
}

.app-sidebar .nav-quick-search:focus {
  background: rgba(250, 248, 245, 0.09) !important;
  border-color: rgba(216, 233, 231, 0.36) !important;
  outline-color: rgba(216, 233, 231, 0.12) !important;
}

.badge,
.tag,
.chip,
.pill,
[class*="badge"],
[class*="chip"],
[class*="tag"] {
  border-radius: var(--radius-paper) !important;
  background: rgba(10, 16, 20, 0.045) !important;
  color: var(--text-secondary) !important;
  border: 1px solid rgba(10, 16, 20, 0.08) !important;
  box-shadow: none !important;
}

.badge-teal,
.badge-gold,
.status-dot--active,
.status-dot--success {
  background: var(--color-teal) !important;
  color: var(--color-ivory) !important;
}

.nav-badge {
  background: var(--color-amber) !important;
  color: var(--color-ink) !important;
  border-color: transparent !important;
  border-radius: var(--radius-paper) !important;
}

.auth-shell,
.near-brand-control-centre .app-content,
.near-brand-dashboard .app-content {
  background: transparent !important;
}

.near-brand-auth .auth-brand-panel {
  background: transparent !important;
  background-image: none !important;
  border-top: 0 !important;
  border-bottom: 0 !important;
  border-left: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.near-brand-auth .auth-form-panel {
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.near-brand-auth #submitBtn,
.near-brand-auth button[type="submit"] {
  background: #0a1014 !important;
  color: #faf8f5 !important;
  border: 1px solid #0a1014 !important;
  box-shadow: none !important;
  opacity: 1 !important;
}

.near-brand-auth #submitBtn:hover:not(:disabled),
.near-brand-auth button[type="submit"]:hover:not(:disabled) {
  background: #064848 !important;
  border-color: #064848 !important;
}

.auth-headline,
.near-brand-command-title,
.page-title,
.dashboard-title,
.section-title,
h1:not(.modal-title),
h2:not(.modal-title) {
  color: var(--color-ink) !important;
  letter-spacing: 0 !important;
}

.auth-headline,
.near-brand-command-title {
  font-family: var(--font-serif) !important;
  font-weight: 300 !important;
  line-height: 0.98 !important;
}

.auth-card {
  background: rgba(252, 250, 246, 0.78) !important;
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
}

.toolbar,
.toolbar-top-row,
.stats-bar,
.filter-bar,
.view-toggle-group,
.tabs-nav,
.tab-content.active {
  background: rgba(252, 250, 246, 0.86) !important;
  border-color: var(--color-line) !important;
  box-shadow: none !important;
}

.tab.active,
.tab-btn.active,
.section-tab.active,
.btn-group .btn.active {
  background: var(--color-ink) !important;
  color: var(--color-ivory) !important;
  border-color: var(--color-ink) !important;
}

.ag-theme-quartz,
.ag-theme-vericase {
  --ag-font-family: var(--font-sans);
  --ag-header-font-family: var(--font-sans);
  --ag-foreground-color: var(--color-graphite);
  --ag-secondary-foreground-color: var(--color-stone);
  --ag-background-color: var(--color-paper);
  --ag-odd-row-background-color: var(--color-ivory);
  --ag-row-hover-color: rgba(14, 106, 106, 0.05);
  --ag-selected-row-background-color: rgba(14, 106, 106, 0.08);
  /* Parchment header: ink on vellum (black header bar retired). */
  --ag-header-background-color: #efe9dd;
  --ag-header-foreground-color: var(--color-ink);
  --ag-border-color: rgba(10, 16, 20, 0.1);
  --ag-row-border-color: rgba(10, 16, 20, 0.07);
  --ag-border-radius: var(--radius-control);
  --ag-header-font-size: 12.5px;
  --ag-header-font-weight: 700;
}

.ag-theme-quartz .ag-header,
.ag-theme-vericase .ag-header {
  background: #efe9dd !important;
  border-bottom: 1px solid rgba(10, 16, 20, 0.14) !important;
}

.ag-theme-quartz .ag-header-cell-text,
.ag-theme-vericase .ag-header-cell-text {
  color: var(--color-ink) !important;
  font-family: var(--ag-header-font-family, var(--font-sans)) !important;
  font-size: 12.5px !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

.ag-theme-quartz .ag-row,
.ag-theme-vericase .ag-row {
  background: var(--color-paper) !important;
  border-bottom: 1px solid rgba(10, 16, 20, 0.07) !important;
  color: var(--color-graphite) !important;
}

.ag-theme-quartz .ag-row-odd,
.ag-theme-vericase .ag-row-odd {
  background: var(--color-ivory) !important;
}

.ag-theme-quartz .ag-row:hover,
.ag-theme-vericase .ag-row:hover {
  background: rgba(216, 233, 231, 0.36) !important;
}

.toast {
  background: var(--color-ink) !important;
  color: var(--color-ivory) !important;
  border: 1px solid rgba(250, 248, 245, 0.12) !important;
  border-radius: var(--radius-control) !important;
  box-shadow: var(--shadow-xl) !important;
}

a {
  color: var(--color-teal);
}

a:hover {
  color: var(--color-teal-dark);
}

.text-muted {
  color: var(--text-muted) !important;
}

.visually-hidden,
.sr-only {
  position: absolute !important;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  white-space: nowrap;
}

.near-brand-control-centre .btn.btn-vericase,
.near-brand-control-centre button.btn-vericase {
  background: var(--color-ink) !important;
  color: var(--color-ivory) !important;
  border-color: var(--color-ink) !important;
  box-shadow: none !important;
}

.near-brand-control-centre .btn.btn-vericase:hover,
.near-brand-control-centre button.btn-vericase:hover {
  background: var(--color-teal-dark) !important;
  border-color: var(--color-teal-dark) !important;
}

.near-brand-control-centre .btn.btn-outline,
.near-brand-control-centre button.btn-outline {
  background: #e0cfb2 !important;
  color: var(--color-ink) !important;
  border-color: rgba(111, 84, 47, 0.22) !important;
}

.near-brand-control-centre .quick-action-icon {
  background: rgba(216, 233, 231, 0.58) !important;
  color: var(--color-teal-dark) !important;
  border: 1px solid rgba(14, 106, 106, 0.16) !important;
}

.near-brand-control-centre .empty-state,
.near-brand-control-centre .empty-state.onboarding-state {
  background-color: #e6d7c0 !important;
  background-image: var(--surface-paper-dots) !important;
  background-size: var(--surface-paper-dots-size) !important;
  border-color: rgba(111, 84, 47, 0.2) !important;
}

.near-brand-control-centre .onboarding-icon,
.near-brand-control-centre .cc-empty-visual {
  background: var(--color-ivory) !important;
  border-color: var(--color-amber) !important;
  color: var(--color-amber) !important;
  box-shadow: none !important;
}

.near-brand-control-centre .app-content {
  background-color: #e8decd !important;
  background-image:
    linear-gradient(180deg, rgba(232, 222, 205, 0.98), rgba(222, 210, 188, 0.95)),
    var(--surface-paper-dots) !important;
  background-size: auto, var(--surface-paper-dots-size) !important;
}

.near-brand-control-centre .near-brand-command-desk {
  gap: 28px !important;
}

.near-brand-control-centre .near-brand-command-band,
.near-brand-control-centre #workspaceDetailMode .ws-header {
  background-color: #efe4d4 !important;
  background-image: var(--surface-paper-dots) !important;
  background-size: var(--surface-paper-dots-size) !important;
  border: 1px solid rgba(111, 84, 47, 0.18) !important;
  border-left: 3px solid var(--color-amber) !important;
  border-radius: var(--radius-control) !important;
  padding: 22px 26px !important;
  box-shadow: none !important;
}

.near-brand-control-centre .near-brand-command-title,
.near-brand-control-centre #workspaceDetailMode .ws-name {
  font-size: clamp(2.2rem, 3.15vw, 4rem) !important;
  line-height: 0.98 !important;
}

.near-brand-control-centre .greeting-subtitle,
.near-brand-control-centre #workspaceDetailMode .ws-header-subtitle {
  max-width: 76ch;
  color: var(--color-stone) !important;
  font-size: 0.92rem !important;
}

.near-brand-control-centre .near-brand-status-panel {
  background-color: #e1d1b9 !important;
  background-image: var(--surface-paper-dots) !important;
  background-size: var(--surface-paper-dots-size) !important;
  border: 1px solid rgba(111, 84, 47, 0.2) !important;
  border-left: 3px solid var(--color-amber) !important;
  border-radius: var(--radius-control) !important;
  padding: 16px !important;
}

.near-brand-control-centre .cc-section-header h2,
.near-brand-control-centre .stats-panel-title,
.near-brand-control-centre .section-title,
.near-brand-control-centre .ws-phase-kicker,
.near-brand-control-centre .ws-header-actions-label {
  font-family: var(--font-mono) !important;
  font-size: 0.68rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  color: var(--color-brass-deep, #6f542f) !important;
}

.near-brand-control-centre .workspaces-section,
.near-brand-control-centre #activitySection,
.near-brand-control-centre .cc-deadlines,
.near-brand-control-centre .users-table,
.near-brand-control-centre .hub-tabs,
.near-brand-control-centre .ws-phase-card,
.near-brand-control-centre .case-intel-landing,
.near-brand-control-centre .ws-briefing-band,
.near-brand-control-centre .ws-settings-panel {
  background-color: #e9decc !important;
  background-image: var(--surface-paper-dots) !important;
  background-size: var(--surface-paper-dots-size) !important;
  border: 1px solid rgba(111, 84, 47, 0.22) !important;
  border-left: 4px solid rgba(159, 122, 68, 0.86) !important;
  border-radius: var(--radius-control) !important;
  box-shadow: none !important;
}

.near-brand-control-centre .workspaces-section,
.near-brand-control-centre #activitySection {
  padding: 16px 18px 20px !important;
}

.near-brand-control-centre .quick-actions-grid {
  grid-template-columns: repeat(auto-fit, minmax(min(260px, 100%), 1fr)) !important;
}

.near-brand-control-centre .quick-action-card {
  max-width: 420px !important;
}

.near-brand-control-centre .ws-doc-source-switch {
  align-items: flex-start !important;
}

.near-brand-control-centre .ws-doc-source-tabs {
  flex: 1 1 480px !important;
  min-width: 0 !important;
}

.near-brand-control-centre .ws-doc-source-copy {
  flex: 1 1 320px !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow-wrap: break-word !important;
}

.near-brand-control-centre .ws-section-group {
  background-color: rgba(238, 229, 214, 0.86) !important;
  background-image: var(--surface-paper-dots) !important;
  background-size: var(--surface-paper-dots-size) !important;
  border: 1px solid rgba(111, 84, 47, 0.16) !important;
  border-left: 2px solid rgba(159, 122, 68, 0.68) !important;
  border-radius: var(--radius-control) !important;
  padding: 12px !important;
}

.near-brand-control-centre .ws-section-header {
  background-color: #ded0b9 !important;
  border: 1px solid rgba(111, 84, 47, 0.24) !important;
  border-radius: 4px !important;
  box-shadow: none !important;
}

.near-brand-control-centre .ws-section-body {
  background-color: rgba(229, 217, 197, 0.76) !important;
  border: 1px solid rgba(111, 84, 47, 0.12) !important;
  border-radius: 4px !important;
  padding: 14px !important;
  min-height: 140px !important;
}

.near-brand-control-centre .ws-section-empty-hint {
  color: var(--color-stone) !important;
}

.near-brand-control-centre .ws-add-section-btn {
  background-color: #efe6d8 !important;
  border-color: rgba(159, 122, 68, 0.46) !important;
  color: var(--color-brass-deep, #6f542f) !important;
}

.near-brand-control-centre .quick-action-card,
.near-brand-control-centre .workspace-card,
.near-brand-control-centre .cc-profile-card,
.near-brand-control-centre .stat-column,
.near-brand-control-centre .stat-pill,
.near-brand-control-centre .item-card,
.near-brand-control-centre .activity-item,
.near-brand-control-centre .deadline-item,
.near-brand-control-centre .users-table td,
.near-brand-control-centre .users-table th {
  background: #e4d4bd !important;
  background-image: var(--surface-paper-dots) !important;
  background-size: var(--surface-paper-dots-size) !important;
  border-color: rgba(111, 84, 47, 0.16) !important;
  box-shadow: none !important;
}

.near-brand-control-centre .quick-action-card:hover,
.near-brand-control-centre .workspace-card:hover,
.near-brand-control-centre .item-card:hover {
  background: #eadcc7 !important;
  background-image: var(--surface-paper-dots) !important;
  background-size: var(--surface-paper-dots-size) !important;
  border-color: rgba(159, 122, 68, 0.44) !important;
}

body.near-brand-control-centre a.quick-action-card,
body.near-brand-control-centre .workspace-card,
body.near-brand-control-centre .empty-state.onboarding-state,
body.near-brand-control-centre .cc-empty-state {
  background: #d8c5a8 !important;
  background-image: var(--surface-paper-dots) !important;
  background-size: var(--surface-paper-dots-size) !important;
  border-color: rgba(111, 84, 47, 0.2) !important;
}

body.near-brand-control-centre a.quick-action-card {
  border-left: 3px solid rgba(159, 122, 68, 0.72) !important;
}

body.near-brand-control-centre .app-main .app-content a.quick-action-card,
body.near-brand-control-centre .app-main .app-content .workspace-card,
body.near-brand-control-centre .app-main .app-content .cc-profile-card,
body.near-brand-control-centre .app-main .app-content .workspace-detail-panel,
body.near-brand-control-centre .app-main .app-content .stat-column,
body.near-brand-control-centre .app-main .app-content .item-card,
body.near-brand-control-centre .app-main .app-content .activity-item,
body.near-brand-control-centre .app-main .app-content .deadline-item,
body.near-brand-control-centre .app-main .app-content .about-card,
body.near-brand-control-centre .app-main .app-content .about-hero,
body.near-brand-control-centre .app-main .app-content .team-member-card,
body.near-brand-control-centre .app-main .app-content .note-item,
body.near-brand-control-centre .app-main .app-content .doc-card,
body.near-brand-control-centre .app-main .app-content .mgmt-table,
body.near-brand-control-centre .app-main .app-content .users-table,
body.near-brand-control-centre .app-main .app-content .modal-content {
  background-color: #d8c5a8 !important;
  background-image: var(--surface-paper-dots) !important;
  background-size: var(--surface-paper-dots-size) !important;
  border-color: rgba(111, 84, 47, 0.2) !important;
  box-shadow: none !important;
}

body.near-brand-control-centre .app-main .app-content a.quick-action-card {
  border-left: 3px solid rgba(159, 122, 68, 0.72) !important;
}

body.near-brand-control-centre .app-main .app-content .empty-state .btn,
body.near-brand-control-centre .app-main .app-content .cc-empty-state .btn {
  background: var(--color-ink) !important;
  border-color: var(--color-ink) !important;
  color: var(--color-ivory) !important;
}

.near-brand-control-centre .section-title::before {
  background: var(--color-amber) !important;
}

.near-brand-control-centre .workspace-card {
  border-top: 0 !important;
  border-left: 3px solid var(--color-amber) !important;
}

.near-brand-control-centre .badge-warning,
.near-brand-control-centre .ws-stepper-step.step-building .ws-stepper-num,
.near-brand-control-centre .ws-stepper-status.status-building,
.near-brand-control-centre .case-intel-confidence.medium,
.near-brand-control-centre .about-meta-badge.warn {
  background: rgba(159, 122, 68, 0.16) !important;
  color: var(--color-brass-deep, #6f542f) !important;
  border-color: rgba(159, 122, 68, 0.24) !important;
}

@media (max-width: 1100px) {
  .near-brand-control-centre .near-brand-command-desk {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .near-brand-control-centre .near-brand-command-desk > *,
  .near-brand-control-centre .near-brand-command-band,
  .near-brand-control-centre .near-brand-status-panel {
    min-width: 0 !important;
    max-width: 100% !important;
  }
}

@media (max-width: 768px) {
  .near-brand-control-centre .near-brand-command-band,
  .near-brand-control-centre #workspaceDetailMode .ws-header {
    padding: 18px 20px !important;
  }

  .near-brand-control-centre .near-brand-command-title,
  .near-brand-control-centre #workspaceDetailMode .ws-name {
    font-size: clamp(2rem, 12vw, 2.7rem) !important;
  }

  .near-brand-control-centre .workspaces-section,
  .near-brand-control-centre .workspace-grid,
  .near-brand-control-centre .empty-state,
  .near-brand-control-centre .empty-state.onboarding-state,
  .near-brand-control-centre .cc-empty-state {
    min-width: 0 !important;
    max-width: 100% !important;
  }

  .near-brand-control-centre .control-tabs {
    flex-wrap: wrap !important;
    overflow-x: visible !important;
  }

  .near-brand-control-centre .control-tab {
    flex: 1 1 150px !important;
  }

  .near-brand-control-centre .empty-state.onboarding-state,
  .near-brand-control-centre .cc-empty-state {
    padding: 40px 18px !important;
  }

  .near-brand-control-centre .onboarding-title,
  .near-brand-control-centre .cc-empty-state h2,
  .near-brand-control-centre .greeting-subtitle,
  .near-brand-control-centre .quick-action-title {
    overflow-wrap: break-word !important;
    word-break: normal !important;
    white-space: normal !important;
    line-height: 1.16 !important;
  }

  .app-main::after {
    left: 0;
  }

  .app-content {
    padding: 14px !important;
    margin: 0 !important;
  }
}

body.near-brand-auth.auth-single-slice {
  min-height: 100svh;
  background-color: #f1eadf !important;
  background-image:
    linear-gradient(180deg, rgba(250, 248, 245, 0.9), rgba(237, 229, 214, 0.72)),
    var(--surface-paper-dots) !important;
  background-size: auto, var(--surface-paper-dots-size) !important;
  color: var(--color-ink) !important;
}

body.near-brand-auth.auth-single-slice .auth-shell {
  min-height: 100svh;
  width: 100%;
  max-width: 640px;
  margin: 0 auto;
  padding: clamp(28px, 7vh, 72px) 24px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: stretch !important;
  gap: 22px !important;
}

body.near-brand-auth.auth-single-slice .auth-brand-panel {
  min-height: auto !important;
  padding: 0 !important;
  border: 0 !important;
  text-align: center !important;
  align-items: center !important;
}

body.near-brand-auth.auth-single-slice .auth-wordmark {
  color: var(--color-ink) !important;
  font-size: clamp(2rem, 8vw, 2.85rem) !important;
  line-height: 1 !important;
}

body.near-brand-auth.auth-single-slice .auth-kicker {
  margin: 8px 0 0;
  color: var(--color-brass-deep, #6f542f);
  font-family: var(--font-mono);
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0;
  text-transform: uppercase;
}

body.near-brand-auth.auth-single-slice .auth-form-panel {
  width: 100%;
  display: block !important;
}

body.near-brand-auth.auth-single-slice .auth-card {
  width: 100%;
  max-width: none !important;
  padding: clamp(22px, 4vw, 34px) !important;
  background:
    linear-gradient(180deg, rgba(244, 239, 230, 0.95), rgba(250, 248, 245, 0.98)),
    var(--surface-paper-dots) !important;
  background-size: auto, var(--surface-paper-dots-size) !important;
  border: 1px solid rgba(111, 84, 47, 0.18) !important;
  border-left: 4px solid rgba(159, 122, 68, 0.8) !important;
  border-radius: 8px !important;
  box-shadow: 0 22px 70px -58px rgba(10, 16, 20, 0.42) !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

body.near-brand-auth.auth-single-slice .auth-form-heading {
  margin-bottom: 22px;
  padding-bottom: 16px;
  border-bottom: 1px solid rgba(10, 16, 20, 0.1);
}

body.near-brand-auth.auth-single-slice .auth-form-heading .auth-kicker {
  margin: 0 0 8px;
}

body.near-brand-auth.auth-single-slice .auth-form-heading h1 {
  margin: 0;
  color: var(--color-ink);
  font-family: var(--font-serif);
  font-size: clamp(2rem, 7vw, 2.8rem);
  font-weight: 300;
  line-height: 1;
  letter-spacing: 0;
}

body.near-brand-auth.auth-single-slice label {
  color: var(--color-ink) !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
}

body.near-brand-auth.auth-single-slice .input-icon {
  color: var(--color-brass-deep, #6f542f) !important;
}

body.near-brand-auth.auth-single-slice input {
  min-height: 48px;
  background: rgba(252, 250, 246, 0.9) !important;
  border: 1px solid rgba(10, 16, 20, 0.18) !important;
  border-radius: 6px !important;
  color: var(--color-ink) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.62) !important;
}

body.near-brand-auth.auth-single-slice input:focus {
  border-color: rgba(14, 106, 106, 0.55) !important;
  box-shadow: 0 0 0 3px rgba(14, 106, 106, 0.1) !important;
}

body.near-brand-auth.auth-single-slice input:-webkit-autofill,
body.near-brand-auth.auth-single-slice input:-webkit-autofill:hover,
body.near-brand-auth.auth-single-slice input:-webkit-autofill:focus {
  -webkit-text-fill-color: var(--color-ink) !important;
  box-shadow: 0 0 0 1000px #efe7d8 inset !important;
  transition: background-color 9999s ease-out !important;
}

body.near-brand-auth.auth-single-slice .remember-forgot {
  gap: 14px;
  margin-bottom: 1.25rem !important;
}

body.near-brand-auth.auth-single-slice .remember-me,
body.near-brand-auth.auth-single-slice .register-link,
body.near-brand-auth.auth-single-slice .feature-item {
  color: var(--color-stone) !important;
}

body.near-brand-auth.auth-single-slice .forgot-link {
  color: var(--color-teal-dark) !important;
}

body.near-brand-auth.auth-single-slice #submitBtn,
body.near-brand-auth.auth-single-slice button[type="submit"] {
  min-height: 52px;
  border-radius: 6px !important;
  font-weight: 750 !important;
  letter-spacing: 0 !important;
}

body.near-brand-auth.auth-single-slice .register-link {
  border-top-color: rgba(10, 16, 20, 0.1) !important;
}

body.near-brand-auth.auth-single-slice .auth-assurance {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  margin-top: 1.35rem !important;
  padding-top: 0 !important;
  border-top: 1px solid rgba(10, 16, 20, 0.1) !important;
  border-bottom: 1px solid rgba(10, 16, 20, 0.08);
}

body.near-brand-auth.auth-single-slice .auth-assurance .feature-item {
  min-height: 62px;
  margin: 0 !important;
  padding: 12px 10px;
  justify-content: center;
  gap: 8px;
  border-left: 1px solid rgba(10, 16, 20, 0.08);
  font-size: 0.78rem !important;
  line-height: 1.25;
  text-align: center;
}

body.near-brand-auth.auth-single-slice .auth-assurance .feature-item:first-child {
  border-left: 0;
}

body.near-brand-auth.auth-single-slice .auth-assurance .feature-item i {
  color: var(--color-brass-deep, #6f542f) !important;
  font-size: 0.95rem !important;
}

@media (max-width: 560px) {
  body.near-brand-auth.auth-single-slice .auth-shell {
    min-height: 100svh;
    padding: 18px 14px !important;
    justify-content: flex-start !important;
  }

  body.near-brand-auth.auth-single-slice .auth-card {
    padding: 20px !important;
  }

  body.near-brand-auth.auth-single-slice .remember-forgot {
    align-items: flex-start;
    flex-wrap: wrap;
  }

  body.near-brand-auth.auth-single-slice .auth-assurance {
    grid-template-columns: 1fr;
  }

  body.near-brand-auth.auth-single-slice .auth-assurance .feature-item {
    min-height: 44px;
    justify-content: flex-start;
    border-left: 0;
    border-top: 1px solid rgba(10, 16, 20, 0.08);
    text-align: left;
  }

  body.near-brand-auth.auth-single-slice .auth-assurance .feature-item:first-child {
    border-top: 0;
  }
}

/* Legal register correction: remove dashboard rail/split-page treatments. */
body.near-brand-control-centre .app-content {
  background-color: #f3eee5 !important;
  background-image:
    linear-gradient(180deg, rgba(248, 244, 236, 0.98), rgba(239, 232, 220, 0.96)),
    var(--surface-paper-dots) !important;
}

body.near-brand-control-centre .app-content,
body.near-brand-control-centre .app-content input,
body.near-brand-control-centre .app-content select,
body.near-brand-control-centre .app-content textarea,
body.near-brand-control-centre .app-content button {
  font-family: Georgia, "Times New Roman", serif !important;
}

body.near-brand-control-centre .near-brand-command-desk {
  display: block !important;
  grid-template-columns: minmax(0, 1fr) !important;
}

body.near-brand-control-centre .near-brand-status-panel {
  display: none !important;
}

body.near-brand-control-centre .near-brand-command-band,
body.near-brand-control-centre #workspaceDetailMode .ws-header {
  background-color: #f8f3ea !important;
  border-color: rgba(111, 84, 47, 0.16) !important;
}

body.near-brand-control-centre .overview-register-stats {
  margin: 0 0 22px;
  padding: 0;
  border-top: 1px solid rgba(111, 84, 47, 0.18);
  border-bottom: 1px solid rgba(111, 84, 47, 0.18);
}

body.near-brand-control-centre .overview-register-stats .stats-bar {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0 !important;
}

body.near-brand-control-centre .overview-register-stats .stat-pill {
  min-height: 54px;
  width: 100%;
  justify-content: flex-start;
  background: rgba(248, 244, 236, 0.72) !important;
  border: 0 !important;
  border-left: 1px solid rgba(111, 84, 47, 0.14) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: var(--color-graphite) !important;
}

body.near-brand-control-centre .overview-register-stats .stat-pill:first-child {
  border-left: 0 !important;
}

body.near-brand-control-centre .overview-register-stats .stat-pill strong,
body.near-brand-control-centre .stat-row-value,
body.near-brand-control-centre .workspace-stat-value,
body.near-brand-control-centre .section-count,
body.near-brand-control-centre .tab-badge {
  font-family: Georgia, "Times New Roman", serif !important;
  font-variant-numeric: tabular-nums;
  letter-spacing: 0 !important;
}

body.near-brand-control-centre .greeting-kicker,
body.near-brand-control-centre .cc-section-header h2,
body.near-brand-control-centre .stats-panel-title,
body.near-brand-control-centre .section-title,
body.near-brand-control-centre .ws-phase-kicker,
body.near-brand-control-centre .ws-header-kicker,
body.near-brand-control-centre .ws-header-actions-label {
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 0.82rem !important;
  font-style: italic !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  color: var(--color-brass-deep, #6f542f) !important;
}

body.near-brand-control-centre .near-brand-command-title,
body.near-brand-control-centre #workspaceDetailMode .ws-name {
  font-family: Georgia, "Times New Roman", serif !important;
  font-weight: 400 !important;
}

body.near-brand-control-centre .workspaces-section,
body.near-brand-control-centre #activitySection,
body.near-brand-control-centre .cc-deadlines,
body.near-brand-control-centre .users-table,
body.near-brand-control-centre .hub-tabs,
body.near-brand-control-centre .ws-phase-card,
body.near-brand-control-centre .case-intel-landing,
body.near-brand-control-centre .ws-briefing-band,
body.near-brand-control-centre .ws-settings-panel,
body.near-brand-control-centre .ws-section-group,
body.near-brand-control-centre .ws-section-body {
  background-color: #f4eee3 !important;
  border-color: rgba(111, 84, 47, 0.16) !important;
  box-shadow: none !important;
}

body.near-brand-control-centre .quick-action-card,
body.near-brand-control-centre .workspace-card,
body.near-brand-control-centre .cc-profile-card,
body.near-brand-control-centre .stat-column,
body.near-brand-control-centre .stat-pill,
body.near-brand-control-centre .item-card,
body.near-brand-control-centre .activity-item,
body.near-brand-control-centre .deadline-item,
body.near-brand-control-centre .about-card,
body.near-brand-control-centre .about-hero,
body.near-brand-control-centre .team-member-card,
body.near-brand-control-centre .note-item,
body.near-brand-control-centre .doc-card {
  background-color: #fbf8f2 !important;
  background-image: var(--surface-paper-dots) !important;
  border-color: rgba(111, 84, 47, 0.14) !important;
}

body.near-brand-control-centre .quick-actions-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

body.near-brand-control-centre .quick-action-card {
  max-width: none !important;
  min-height: 86px;
}

body.near-brand-control-centre #workspaceDetailMode .ws-header {
  display: block !important;
}

body.near-brand-control-centre #workspaceDetailMode .ws-header .header-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  margin-top: 18px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

body.near-brand-control-centre #workspaceDetailMode .ws-header-actions-label {
  display: none !important;
}

body.near-brand-control-centre #workspaceDetailMode .ws-header-actions-row {
  display: flex !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
}

body.near-brand-auth.auth-single-slice {
  width: 100%;
  overflow-x: hidden;
  font-family: Georgia, "Times New Roman", serif !important;
}

body.near-brand-auth.auth-single-slice .auth-shell {
  max-width: none !important;
  width: 100% !important;
  padding-inline: clamp(24px, 7vw, 120px) !important;
  align-items: center !important;
}

body.near-brand-auth.auth-single-slice .auth-form-panel,
body.near-brand-auth.auth-single-slice .auth-card {
  width: min(100%, 580px) !important;
  max-width: 580px !important;
}

body.near-brand-auth.auth-single-slice .auth-kicker {
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 0.9rem !important;
  font-style: italic !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

body.near-brand-auth.auth-single-slice label,
body.near-brand-auth.auth-single-slice input,
body.near-brand-auth.auth-single-slice button[type="submit"],
body.near-brand-auth.auth-single-slice .remember-me,
body.near-brand-auth.auth-single-slice .register-link,
body.near-brand-auth.auth-single-slice .feature-item {
  font-family: Georgia, "Times New Roman", serif !important;
}

body.near-brand-auth.auth-single-slice button[type="submit"] {
  font-weight: 600 !important;
}

body.near-brand-auth.auth-single-slice .vericase-watermark {
  display: none !important;
}

@media (max-width: 900px) {
  body.near-brand-control-centre .overview-register-stats .stats-bar,
  body.near-brand-control-centre .quick-actions-grid {
    grid-template-columns: 1fr !important;
  }
}

body.near-brand-control-centre .app-main .app-content a.quick-action-card,
body.near-brand-control-centre .app-main .app-content .workspace-card,
body.near-brand-control-centre .app-main .app-content .cc-profile-card,
body.near-brand-control-centre .app-main .app-content .workspace-detail-panel,
body.near-brand-control-centre .app-main .app-content .stat-column,
body.near-brand-control-centre .app-main .app-content .item-card,
body.near-brand-control-centre .app-main .app-content .activity-item,
body.near-brand-control-centre .app-main .app-content .deadline-item,
body.near-brand-control-centre .app-main .app-content .about-card,
body.near-brand-control-centre .app-main .app-content .about-hero,
body.near-brand-control-centre .app-main .app-content .team-member-card,
body.near-brand-control-centre .app-main .app-content .note-item,
body.near-brand-control-centre .app-main .app-content .doc-card,
body.near-brand-control-centre .app-main .app-content .mgmt-table,
body.near-brand-control-centre .app-main .app-content .users-table,
body.near-brand-control-centre .app-main .app-content .modal-content {
  background-color: #fbf8f2 !important;
  background-image: var(--surface-paper-dots) !important;
  border-color: rgba(111, 84, 47, 0.14) !important;
  box-shadow: none !important;
}

/* Workspace detail process-flow redesign. Keep this late and tightly scoped. */
body.near-brand-control-centre .app-content:has(#workspaceDetailMode.workspace-process-flow:not(.hidden)) {
  background: #f4f5f7 !important;
  background-image: none !important;
}

body.near-brand-control-centre #workspaceDetailMode.workspace-process-flow {
  --ws-flow-bg: #f4f5f7;
  --ws-flow-surface: #ffffff;
  --ws-flow-surface-muted: #f8fafc;
  --ws-flow-line: #d8dde5;
  --ws-flow-line-strong: #aeb8c6;
  --ws-flow-ink: #17202b;
  --ws-flow-muted: #5e6a79;
  --ws-flow-teal: #0e6a6a;
  --ws-flow-amber: #9f7a44;
  max-width: none !important;
  color: var(--ws-flow-ink) !important;
}

body.near-brand-control-centre #workspaceDetailMode.workspace-process-flow.is-immersive-docs {
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

body.near-brand-control-centre #workspaceDetailMode.workspace-process-flow .ws-back-btn {
  margin: 0 0 10px !important;
  color: var(--ws-flow-muted) !important;
}

body.near-brand-control-centre #workspaceDetailMode.workspace-process-flow .ws-header {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 18px !important;
  margin: 0 0 10px !important;
  padding: 16px 18px !important;
  background: var(--ws-flow-surface) !important;
  background-image: none !important;
  border: 1px solid var(--ws-flow-line) !important;
  border-left: 0 !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}

body.near-brand-control-centre #workspaceDetailMode.workspace-process-flow .ws-header::before,
body.near-brand-control-centre #workspaceDetailMode.workspace-process-flow .ws-header::after {
  display: none !important;
}

body.near-brand-control-centre #workspaceDetailMode.workspace-process-flow .ws-header-kicker {
  font-family: var(--font-mono) !important;
  font-size: 0.66rem !important;
  font-style: normal !important;
  font-weight: 650 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  color: var(--ws-flow-teal) !important;
}

body.near-brand-control-centre #workspaceDetailMode.workspace-process-flow .ws-name {
  font-family: var(--font-sans) !important;
  font-size: clamp(1.35rem, 1.35vw + 0.9rem, 2.15rem) !important;
  line-height: 1.08 !important;
  letter-spacing: 0 !important;
  color: var(--ws-flow-ink) !important;
  -webkit-text-fill-color: var(--ws-flow-ink) !important;
}

body.near-brand-control-centre #workspaceDetailMode.workspace-process-flow .ws-header-subtitle,
body.near-brand-control-centre #workspaceDetailMode.workspace-process-flow .ws-meta-pill {
  color: var(--ws-flow-muted) !important;
}

body.near-brand-control-centre #workspaceDetailMode.workspace-process-flow .ws-meta-pill i {
  color: var(--ws-flow-teal) !important;
}

body.near-brand-control-centre #workspaceDetailMode.workspace-process-flow .ws-header .header-actions {
  min-width: 0 !important;
}

body.near-brand-control-centre #workspaceDetailMode.workspace-process-flow .ws-header-actions-label {
  display: none !important;
}

body.near-brand-control-centre #workspaceDetailMode.workspace-process-flow .stats-bar {
  margin: 0 0 10px !important;
  gap: 6px !important;
}

body.near-brand-control-centre #workspaceDetailMode.workspace-process-flow .stat-pill {
  min-height: 30px !important;
  padding: 5px 10px !important;
  background: var(--ws-flow-surface) !important;
  background-image: none !important;
  border: 1px solid var(--ws-flow-line) !important;
  border-radius: 999px !important;
  color: var(--ws-flow-muted) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

body.near-brand-control-centre #workspaceDetailMode.workspace-process-flow .stat-pill strong {
  color: var(--ws-flow-ink) !important;
}

body.near-brand-control-centre #workspaceDetailMode.workspace-process-flow .ws-global-search > div {
  background: var(--ws-flow-surface) !important;
  border: 1px solid var(--ws-flow-line) !important;
  border-radius: 8px !important;
}

body.near-brand-control-centre #workspaceDetailMode.workspace-process-flow .ws-health-gauge,
body.near-brand-control-centre #workspaceDetailMode.workspace-process-flow .intel-widget,
body.near-brand-control-centre #workspaceDetailMode.workspace-process-flow .ws-briefing-band {
  margin-bottom: 10px !important;
}

body.near-brand-control-centre #workspaceDetailMode.workspace-process-flow .workspace-process-body {
  display: grid !important;
  grid-template-columns: minmax(230px, 280px) minmax(0, 1fr) !important;
  gap: 14px !important;
  align-items: start !important;
}

body.near-brand-control-centre #workspaceDetailMode.workspace-process-flow .workspace-flow-rail {
  position: sticky !important;
  top: 78px !important;
  align-self: start !important;
  max-height: calc(100vh - 92px) !important;
  max-height: calc(100dvh - 92px) !important;
  overflow: auto !important;
  padding: 10px !important;
  background: #eef1f5 !important;
  background-image: none !important;
  border: 1px solid var(--ws-flow-line) !important;
  border-radius: 8px !important;
}

body.near-brand-control-centre #workspaceDetailMode.workspace-process-flow .workspace-flow-label,
body.near-brand-control-centre #workspaceDetailMode.workspace-process-flow .matter-section-label {
  margin: 0 0 8px !important;
  font-family: var(--font-mono) !important;
  font-size: 0.66rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: var(--ws-flow-muted) !important;
}

body.near-brand-control-centre #workspaceDetailMode.workspace-process-flow .hub-tabs {
  display: grid !important;
  gap: 4px !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-left: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

body.near-brand-control-centre #workspaceDetailMode.workspace-process-flow .hub-tab {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 22px minmax(0, 1fr) auto !important;
  gap: 8px !important;
  align-items: center !important;
  min-height: 50px !important;
  width: 100% !important;
  padding: 8px 9px !important;
  background: transparent !important;
  border: 1px solid transparent !important;
  border-radius: 6px !important;
  color: var(--ws-flow-muted) !important;
  text-align: left !important;
}

body.near-brand-control-centre #workspaceDetailMode.workspace-process-flow .hub-tab:hover {
  background: rgba(255, 255, 255, 0.72) !important;
  color: var(--ws-flow-ink) !important;
}

body.near-brand-control-centre #workspaceDetailMode.workspace-process-flow .hub-tab.active {
  background: var(--ws-flow-surface) !important;
  border-color: var(--ws-flow-line) !important;
  color: var(--ws-flow-ink) !important;
  box-shadow: none !important;
}

body.near-brand-control-centre #workspaceDetailMode.workspace-process-flow .hub-tab.active::before {
  content: "" !important;
  position: absolute !important;
  left: -1px !important;
  top: 8px !important;
  bottom: 8px !important;
  width: 3px !important;
  border-radius: 999px !important;
  background: var(--ws-flow-teal) !important;
}

body.near-brand-control-centre #workspaceDetailMode.workspace-process-flow .hub-tab i {
  color: inherit !important;
}

body.near-brand-control-centre #workspaceDetailMode.workspace-process-flow .phase-tab-copy {
  min-width: 0 !important;
  font-size: 0.82rem !important;
  font-weight: 750 !important;
  line-height: 1.18 !important;
}

body.near-brand-control-centre #workspaceDetailMode.workspace-process-flow .phase-caption {
  margin-top: 2px !important;
  font-size: 0.68rem !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  color: var(--ws-flow-muted) !important;
}

body.near-brand-control-centre #workspaceDetailMode.workspace-process-flow .tab-count {
  background: #edf7f6 !important;
  color: var(--ws-flow-teal) !important;
  border: 1px solid rgba(14, 106, 106, 0.18) !important;
  border-radius: 999px !important;
}

body.near-brand-control-centre #workspaceDetailMode.workspace-process-flow .workspace-phase-workbench {
  min-width: 0 !important;
}

body.near-brand-control-centre #workspaceDetailMode.workspace-process-flow #wsWorkflowStepper {
  display: none !important;
}

body.near-brand-control-centre #workspaceDetailMode.workspace-process-flow .ws-phase-card,
body.near-brand-control-centre #workspaceDetailMode.workspace-process-flow .case-intel-landing,
body.near-brand-control-centre #workspaceDetailMode.workspace-process-flow .ws-settings-panel,
body.near-brand-control-centre #workspaceDetailMode.workspace-process-flow .ws-doc-immersive .section-header,
body.near-brand-control-centre #workspaceDetailMode.workspace-process-flow .ws-doc-source-switch,
body.near-brand-control-centre #workspaceDetailMode.workspace-process-flow .dms-toolbar,
body.near-brand-control-centre #workspaceDetailMode.workspace-process-flow .ws-doc-launchpad,
body.near-brand-control-centre #workspaceDetailMode.workspace-process-flow .dms-dropzone,
body.near-brand-control-centre #workspaceDetailMode.workspace-process-flow .ws-documents-shell,
body.near-brand-control-centre #workspaceDetailMode.workspace-process-flow .doc-chat-panel {
  background: var(--ws-flow-surface) !important;
  background-image: none !important;
  border: 1px solid var(--ws-flow-line) !important;
  border-left: 0 !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}

body.near-brand-control-centre #workspaceDetailMode.workspace-process-flow .ws-phase-card {
  margin-bottom: 10px !important;
  padding: 12px 14px !important;
}

body.near-brand-control-centre #workspaceDetailMode.workspace-process-flow .ws-phase-title {
  color: var(--ws-flow-ink) !important;
}

body.near-brand-control-centre #workspaceDetailMode.workspace-process-flow .ws-phase-copy {
  color: var(--ws-flow-muted) !important;
}

body.near-brand-control-centre #workspaceDetailMode.workspace-process-flow .ws-phase-subnav {
  gap: 6px !important;
}

body.near-brand-control-centre #workspaceDetailMode.workspace-process-flow .ws-phase-subtab,
body.near-brand-control-centre #workspaceDetailMode.workspace-process-flow .ws-explore-pill {
  border-radius: 6px !important;
  border-color: var(--ws-flow-line) !important;
  background: var(--ws-flow-surface-muted) !important;
  color: var(--ws-flow-muted) !important;
}

body.near-brand-control-centre #workspaceDetailMode.workspace-process-flow .ws-phase-subtab.active,
body.near-brand-control-centre #workspaceDetailMode.workspace-process-flow .ws-explore-pill.active {
  border-color: rgba(14, 106, 106, 0.34) !important;
  background: #edf7f6 !important;
  color: var(--ws-flow-teal) !important;
}

body.near-brand-control-centre #workspaceDetailMode.workspace-process-flow .matter-overview-surface {
  display: grid !important;
  gap: 12px !important;
}

body.near-brand-control-centre #workspaceDetailMode.workspace-process-flow .matter-overview-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1.45fr) minmax(280px, 0.7fr) !important;
  gap: 12px !important;
}

body.near-brand-control-centre #workspaceDetailMode.workspace-process-flow .matter-overview-primary,
body.near-brand-control-centre #workspaceDetailMode.workspace-process-flow .matter-next-action,
body.near-brand-control-centre #workspaceDetailMode.workspace-process-flow .matter-facts,
body.near-brand-control-centre #workspaceDetailMode.workspace-process-flow .matter-intelligence-zone {
  background: var(--ws-flow-surface) !important;
  border: 1px solid var(--ws-flow-line) !important;
  border-radius: 8px !important;
  padding: 14px !important;
}

body.near-brand-control-centre #workspaceDetailMode.workspace-process-flow .matter-overview-progress {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 7px !important;
}

body.near-brand-control-centre #workspaceDetailMode.workspace-process-flow .matter-step {
  display: grid !important;
  grid-template-columns: 26px minmax(0, 1fr) auto !important;
  gap: 8px !important;
  align-items: center !important;
  width: 100% !important;
  min-height: 58px !important;
  padding: 7px 8px !important;
  background: var(--ws-flow-surface-muted) !important;
  border: 1px solid var(--ws-flow-line) !important;
  border-radius: 7px !important;
  color: var(--ws-flow-ink) !important;
  text-align: left !important;
  cursor: pointer !important;
}

body.near-brand-control-centre #workspaceDetailMode.workspace-process-flow .matter-step:hover {
  border-color: var(--ws-flow-line-strong) !important;
}

body.near-brand-control-centre #workspaceDetailMode.workspace-process-flow .matter-step-num {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 24px !important;
  height: 24px !important;
  border-radius: 999px !important;
  background: #e7ebf0 !important;
  color: var(--ws-flow-muted) !important;
  font-size: 0.72rem !important;
  font-weight: 800 !important;
}

body.near-brand-control-centre #workspaceDetailMode.workspace-process-flow .matter-step.is-complete .matter-step-num {
  background: #dff1ee !important;
  color: var(--ws-flow-teal) !important;
}

body.near-brand-control-centre #workspaceDetailMode.workspace-process-flow .matter-step-copy {
  display: grid !important;
  gap: 2px !important;
  min-width: 0 !important;
}

body.near-brand-control-centre #workspaceDetailMode.workspace-process-flow .matter-step-title,
body.near-brand-control-centre #workspaceDetailMode.workspace-process-flow .matter-next-action-title {
  font-weight: 800 !important;
  color: var(--ws-flow-ink) !important;
}

body.near-brand-control-centre #workspaceDetailMode.workspace-process-flow .matter-step-detail,
body.near-brand-control-centre #workspaceDetailMode.workspace-process-flow .matter-next-action-copy {
  margin: 0 !important;
  color: var(--ws-flow-muted) !important;
  font-size: 0.8rem !important;
  line-height: 1.45 !important;
}

body.near-brand-control-centre #workspaceDetailMode.workspace-process-flow .matter-step-state {
  padding: 2px 8px !important;
  border-radius: 999px !important;
  background: #eef1f5 !important;
  color: var(--ws-flow-muted) !important;
  font-size: 0.68rem !important;
  font-weight: 750 !important;
}

body.near-brand-control-centre #workspaceDetailMode.workspace-process-flow .matter-step.is-complete .matter-step-state {
  background: #dff1ee !important;
  color: var(--ws-flow-teal) !important;
}

body.near-brand-control-centre #workspaceDetailMode.workspace-process-flow .matter-fact-grid {
  display: grid !important;
  grid-template-columns: repeat(6, minmax(86px, 1fr)) !important;
  gap: 8px !important;
}

body.near-brand-control-centre #workspaceDetailMode.workspace-process-flow .matter-fact {
  padding: 10px !important;
  border: 1px solid var(--ws-flow-line) !important;
  border-radius: 7px !important;
  background: var(--ws-flow-surface-muted) !important;
}

body.near-brand-control-centre #workspaceDetailMode.workspace-process-flow .matter-fact-value {
  display: block !important;
  color: var(--ws-flow-ink) !important;
  font-family: var(--font-mono) !important;
  font-size: 1rem !important;
  font-weight: 800 !important;
}

body.near-brand-control-centre #workspaceDetailMode.workspace-process-flow .matter-fact-label {
  display: block !important;
  color: var(--ws-flow-muted) !important;
  font-size: 0.72rem !important;
}

body.near-brand-control-centre #workspaceDetailMode.workspace-process-flow .matter-intelligence-zone .case-intel-landing {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

body.near-brand-control-centre #workspaceDetailMode.workspace-process-flow .case-intel-header {
  padding: 0 0 10px !important;
}

body.near-brand-control-centre #workspaceDetailMode.workspace-process-flow .case-intel-body {
  gap: 10px !important;
}

body.near-brand-control-centre #workspaceDetailMode.workspace-process-flow .case-intel-card {
  background: var(--ws-flow-surface-muted) !important;
  background-image: none !important;
  border: 1px solid var(--ws-flow-line) !important;
  border-radius: 7px !important;
  box-shadow: none !important;
}

body.near-brand-control-centre #workspaceDetailMode.workspace-process-flow .ws-doc-immersive {
  gap: 10px !important;
  min-height: auto !important;
}

body.near-brand-control-centre #workspaceDetailMode.workspace-process-flow #ws-panel-documents .section-header {
  grid-template-columns: minmax(0, 1fr) auto !important;
  margin-bottom: 0 !important;
  padding: 12px 14px !important;
}

body.near-brand-control-centre #workspaceDetailMode.workspace-process-flow .ws-doc-guide-panel {
  align-items: center !important;
  background: var(--ws-flow-surface-muted) !important;
  border: 1px solid var(--ws-flow-line) !important;
  border-radius: 7px !important;
  padding: 10px 12px !important;
}

body.near-brand-control-centre #workspaceDetailMode.workspace-process-flow .ws-doc-source-switch {
  padding: 8px !important;
  align-items: center !important;
}

body.near-brand-control-centre #workspaceDetailMode.workspace-process-flow .ws-doc-source-copy {
  color: var(--ws-flow-muted) !important;
  font-size: 0.78rem !important;
}

body.near-brand-control-centre #workspaceDetailMode.workspace-process-flow .about-status-bar {
  margin-bottom: 0 !important;
  background: #f7f9fb !important;
  border-color: var(--ws-flow-line) !important;
}

body.near-brand-control-centre #workspaceDetailMode.workspace-process-flow .dms-toolbar {
  padding: 10px !important;
}

body.near-brand-control-centre #workspaceDetailMode.workspace-process-flow .ws-doc-primary-controls {
  gap: 8px !important;
}

body.near-brand-control-centre #workspaceDetailMode.workspace-process-flow .ws-doc-primary-block {
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
}

body.near-brand-control-centre #workspaceDetailMode.workspace-process-flow .ws-doc-launchpad {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 10px !important;
  align-items: center !important;
  padding: 10px 12px !important;
}

body.near-brand-control-centre #workspaceDetailMode.workspace-process-flow .ws-doc-launchpad-actions {
  gap: 6px !important;
}

body.near-brand-control-centre #workspaceDetailMode.workspace-process-flow .dms-dropzone {
  padding: 14px !important;
  border-style: dashed !important;
  background: #f9fafb !important;
}

body.near-brand-control-centre #workspaceDetailMode.workspace-process-flow .ws-documents-shell {
  padding: 0 !important;
  overflow: hidden !important;
}

body.near-brand-control-centre #workspaceDetailMode.workspace-process-flow .ws-doc-library-sidebar,
body.near-brand-control-centre #workspaceDetailMode.workspace-process-flow .ws-doc-results-panel,
body.near-brand-control-centre #workspaceDetailMode.workspace-process-flow .ws-doc-preview-panel {
  background: var(--ws-flow-surface) !important;
  background-image: none !important;
  border-color: var(--ws-flow-line) !important;
  box-shadow: none !important;
}

body.near-brand-control-centre #workspaceDetailMode.workspace-process-flow .doc-chat-panel {
  margin-top: 0 !important;
}

@media (max-width: 1180px) {
  body.near-brand-control-centre #workspaceDetailMode.workspace-process-flow .workspace-process-body,
  body.near-brand-control-centre #workspaceDetailMode.workspace-process-flow .matter-overview-grid {
    grid-template-columns: 1fr !important;
  }

  body.near-brand-control-centre #workspaceDetailMode.workspace-process-flow .workspace-flow-rail {
    position: static !important;
    max-height: none !important;
  }

  body.near-brand-control-centre #workspaceDetailMode.workspace-process-flow .hub-tabs {
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)) !important;
  }
}

  @media (max-width: 760px) {
  body.near-brand-control-centre #workspaceDetailMode.workspace-process-flow .matter-overview-progress {
    grid-template-columns: 1fr !important;
  }

  body.near-brand-control-centre #workspaceDetailMode.workspace-process-flow .ws-header,
  body.near-brand-control-centre #workspaceDetailMode.workspace-process-flow .ws-doc-launchpad,
  body.near-brand-control-centre #workspaceDetailMode.workspace-process-flow #ws-panel-documents .section-header {
    grid-template-columns: 1fr !important;
  }

  body.near-brand-control-centre #workspaceDetailMode.workspace-process-flow .matter-fact-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.near-brand-control-centre #workspaceDetailMode.workspace-process-flow .matter-step {
    grid-template-columns: 26px minmax(0, 1fr) !important;
  }

  body.near-brand-control-centre #workspaceDetailMode.workspace-process-flow .matter-step-state {
    grid-column: 2 !important;
    justify-self: start !important;
  }
}

/* ============================================================
   Clean style (vc-clean) — neutralizes the parchment treatment
   above for pages opted into the flat fu3e-inspired surface
   system. Keep this block LAST so it wins the cascade.
   ============================================================ */

/* Flat canvas: one quiet neutral, no gradient washes, no grain. */
body.near-brand-control-centre.vc-clean .app-content {
  background-color: #f3f1ec !important;
  background-image: none !important;
}

/* Sans-serif restored for all UI controls and copy; serif stays
   on page titles only. */
body.near-brand-control-centre.vc-clean .app-content,
body.near-brand-control-centre.vc-clean .app-content input,
body.near-brand-control-centre.vc-clean .app-content select,
body.near-brand-control-centre.vc-clean .app-content textarea,
body.near-brand-control-centre.vc-clean .app-content button {
  font-family: var(--font-sans) !important;
}

/* Quiet secondary buttons: white, neutral hairline (was tan). */
body.near-brand-control-centre.vc-clean .btn.btn-outline,
body.near-brand-control-centre.vc-clean button.btn-outline {
  background: #ffffff !important;
  color: var(--color-ink) !important;
  border-color: rgba(10, 16, 20, 0.16) !important;
}

/* Empty states: flat light surface (was parchment + grain). */
body.near-brand-control-centre.vc-clean .empty-state,
body.near-brand-control-centre.vc-clean .empty-state.onboarding-state {
  background-color: #fafaf8 !important;
  background-image: none !important;
  border-color: rgba(10, 16, 20, 0.12) !important;
}

body.near-brand-control-centre.vc-clean .onboarding-icon,
body.near-brand-control-centre.vc-clean .cc-empty-visual {
  background: #ffffff !important;
  border-color: rgba(10, 16, 20, 0.14) !important;
  color: var(--color-stone) !important;
}

/* Micro-labels replace the amber serif-italic kickers. */
body.near-brand-control-centre.vc-clean .greeting-kicker,
body.near-brand-control-centre.vc-clean .cc-section-header h2,
body.near-brand-control-centre.vc-clean .stats-panel-title,
body.near-brand-control-centre.vc-clean .section-title,
body.near-brand-control-centre.vc-clean .ws-phase-kicker,
body.near-brand-control-centre.vc-clean .ws-header-kicker,
body.near-brand-control-centre.vc-clean .ws-header-actions-label {
  font-family: var(--font-sans) !important;
  font-size: 0.7rem !important;
  font-style: normal !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  color: var(--color-stone) !important;
}

/* Section titles need to read at normal size, not micro-label size. */
body.near-brand-control-centre.vc-clean .section-title {
  font-size: 0.95rem !important;
  letter-spacing: 0.02em !important;
  text-transform: none !important;
  color: var(--color-ink) !important;
}

/* Numerals: sans + tabular, not Georgia. */
body.near-brand-control-centre.vc-clean .overview-register-stats .stat-pill strong,
body.near-brand-control-centre.vc-clean .stat-row-value,
body.near-brand-control-centre.vc-clean .workspace-stat-value,
body.near-brand-control-centre.vc-clean .section-count,
body.near-brand-control-centre.vc-clean .tab-badge {
  font-family: var(--font-sans) !important;
  font-weight: 700 !important;
  font-variant-numeric: tabular-nums;
}

/* Page titles keep the brand serif (Fraunces), nothing else does. */
body.near-brand-control-centre.vc-clean .near-brand-command-title,
body.near-brand-control-centre.vc-clean #workspaceDetailMode .ws-name {
  font-family: var(--font-serif) !important;
  font-weight: 400 !important;
}

/* Flat white cards with one neutral border — no parchment, no grain,
   no amber accent edge. */
body.near-brand-control-centre.vc-clean .near-brand-command-band,
body.near-brand-control-centre.vc-clean #workspaceDetailMode .ws-header {
  background-color: #ffffff !important;
  background-image: none !important;
  border: 1px solid rgba(10, 16, 20, 0.09) !important;
  border-radius: 12px !important;
  box-shadow: 0 1px 3px rgba(10, 16, 20, 0.05) !important;
}

body.near-brand-control-centre.vc-clean .workspaces-section,
body.near-brand-control-centre.vc-clean #activitySection,
body.near-brand-control-centre.vc-clean .cc-deadlines,
body.near-brand-control-centre.vc-clean .users-table,
body.near-brand-control-centre.vc-clean .hub-tabs,
body.near-brand-control-centre.vc-clean .ws-phase-card,
body.near-brand-control-centre.vc-clean .case-intel-landing,
body.near-brand-control-centre.vc-clean .ws-briefing-band,
body.near-brand-control-centre.vc-clean .ws-settings-panel,
body.near-brand-control-centre.vc-clean .ws-section-group,
body.near-brand-control-centre.vc-clean .ws-section-body {
  background-color: #ffffff !important;
  background-image: none !important;
  border-color: rgba(10, 16, 20, 0.09) !important;
  box-shadow: 0 1px 3px rgba(10, 16, 20, 0.05) !important;
}

body.near-brand-control-centre.vc-clean .quick-action-card,
body.near-brand-control-centre.vc-clean .workspace-card,
body.near-brand-control-centre.vc-clean .cc-profile-card,
body.near-brand-control-centre.vc-clean .workspace-detail-panel,
body.near-brand-control-centre.vc-clean .stat-column,
body.near-brand-control-centre.vc-clean .stat-pill,
body.near-brand-control-centre.vc-clean .item-card,
body.near-brand-control-centre.vc-clean .activity-item,
body.near-brand-control-centre.vc-clean .deadline-item,
body.near-brand-control-centre.vc-clean .about-card,
body.near-brand-control-centre.vc-clean .about-hero,
body.near-brand-control-centre.vc-clean .team-member-card,
body.near-brand-control-centre.vc-clean .note-item,
body.near-brand-control-centre.vc-clean .doc-card,
body.near-brand-control-centre.vc-clean .mgmt-table,
body.near-brand-control-centre.vc-clean .modal-content,
body.near-brand-control-centre.vc-clean .app-main .app-content a.quick-action-card,
body.near-brand-control-centre.vc-clean .app-main .app-content .workspace-card,
body.near-brand-control-centre.vc-clean .app-main .app-content .cc-profile-card,
body.near-brand-control-centre.vc-clean .app-main .app-content .workspace-detail-panel,
body.near-brand-control-centre.vc-clean .app-main .app-content .stat-column,
body.near-brand-control-centre.vc-clean .app-main .app-content .item-card,
body.near-brand-control-centre.vc-clean .app-main .app-content .activity-item,
body.near-brand-control-centre.vc-clean .app-main .app-content .deadline-item,
body.near-brand-control-centre.vc-clean .app-main .app-content .about-card,
body.near-brand-control-centre.vc-clean .app-main .app-content .about-hero,
body.near-brand-control-centre.vc-clean .app-main .app-content .team-member-card,
body.near-brand-control-centre.vc-clean .app-main .app-content .note-item,
body.near-brand-control-centre.vc-clean .app-main .app-content .doc-card,
body.near-brand-control-centre.vc-clean .app-main .app-content .mgmt-table,
body.near-brand-control-centre.vc-clean .app-main .app-content .users-table,
body.near-brand-control-centre.vc-clean .app-main .app-content .modal-content {
  background-color: #ffffff !important;
  background-image: none !important;
  border-color: rgba(10, 16, 20, 0.09) !important;
  box-shadow: 0 1px 3px rgba(10, 16, 20, 0.05) !important;
}

/* Register stat strip: clean white cells, neutral hairlines. */
body.near-brand-control-centre.vc-clean .overview-register-stats {
  border-top-color: rgba(10, 16, 20, 0.09);
  border-bottom-color: rgba(10, 16, 20, 0.09);
}

body.near-brand-control-centre.vc-clean .overview-register-stats .stat-pill {
  background: #ffffff !important;
  border-left-color: rgba(10, 16, 20, 0.09) !important;
}

/* No decorative accent bars or amber card edges in the clean style. */
body.near-brand-control-centre.vc-clean .section-title::before {
  display: none !important;
}

/* ---- Visual-quality pass: contrast, hierarchy, presence ---- */

/* Readable ink, not washed-out parchment grey. */
body.near-brand-control-centre.vc-clean .app-content {
  color: #1b232c !important;
}

body.near-brand-control-centre.vc-clean .greeting-subtitle,
body.near-brand-control-centre.vc-clean #workspaceDetailMode .ws-header-subtitle {
  color: #525c66 !important;
  font-size: 1rem !important;
}

/* Hero band: generous padding, decisive title block. */
body.near-brand-control-centre.vc-clean .near-brand-command-band {
  padding: 28px 32px !important;
}

/* KPI strip: real stat cards with big tabular numerals, not tiny pills. */
body.near-brand-control-centre.vc-clean .overview-register-stats {
  border-top: 0 !important;
  border-bottom: 0 !important;
  margin: 4px 0 26px !important;
}

body.near-brand-control-centre.vc-clean .overview-register-stats .stats-bar {
  gap: 14px !important;
}

body.near-brand-control-centre.vc-clean .overview-register-stats .stat-pill {
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 6px !important;
  min-height: 0 !important;
  padding: 18px 20px 16px !important;
  background: #ffffff !important;
  border: 1px solid rgba(10, 16, 20, 0.1) !important;
  border-radius: 12px !important;
  box-shadow: 0 1px 2px rgba(10, 16, 20, 0.04), 0 10px 26px -18px rgba(10, 16, 20, 0.18) !important;
  font-size: 0.78rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.07em !important;
  text-transform: uppercase !important;
  color: #5a6470 !important;
}

body.near-brand-control-centre.vc-clean .overview-register-stats .stat-pill i {
  font-size: 0.85rem !important;
  opacity: 1 !important;
  color: var(--color-teal) !important;
}

body.near-brand-control-centre.vc-clean .overview-register-stats .stat-pill strong {
  display: block !important;
  font-size: 1.85rem !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  letter-spacing: -0.02em !important;
  color: #0c1318 !important;
}

/* Workspace cards: bold entity cards that invite the click. */
body.near-brand-control-centre.vc-clean .workspace-card {
  border: 1px solid rgba(10, 16, 20, 0.1) !important;
  border-radius: 14px !important;
  padding: 24px !important;
  box-shadow: 0 1px 2px rgba(10, 16, 20, 0.04), 0 12px 30px -20px rgba(10, 16, 20, 0.2) !important;
}

body.near-brand-control-centre.vc-clean .workspace-card:hover {
  transform: translateY(-3px) !important;
  border-color: rgba(14, 106, 106, 0.45) !important;
  box-shadow: 0 2px 4px rgba(10, 16, 20, 0.05), 0 18px 40px -18px rgba(14, 106, 106, 0.3) !important;
}

body.near-brand-control-centre.vc-clean .workspace-card-name {
  font-size: 1.08rem !important;
  font-weight: 800 !important;
  letter-spacing: -0.01em !important;
  color: #0c1318 !important;
}

body.near-brand-control-centre.vc-clean .workspace-card-icon {
  background: rgba(14, 106, 106, 0.09) !important;
  color: var(--color-teal) !important;
  border: 1px solid rgba(14, 106, 106, 0.14) !important;
}

/* The greedy [class*="card"] paper rule boxes every inner element of a
   workspace card (name/code/stats/footer). Strip that chrome: only the
   card itself is a card. */
body.near-brand-control-centre.vc-clean .workspace-card-header,
body.near-brand-control-centre.vc-clean .workspace-card-name,
body.near-brand-control-centre.vc-clean .workspace-card-code,
body.near-brand-control-centre.vc-clean .workspace-card-stats,
body.near-brand-control-centre.vc-clean .workspace-card-footer,
body.near-brand-control-centre.vc-clean .workspace-card-arrow {
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

body.near-brand-control-centre.vc-clean .workspace-card-footer {
  border-top: 1px solid rgba(10, 16, 20, 0.08) !important;
}

body.near-brand-control-centre.vc-clean .workspace-card-code {
  color: #828c98 !important;
}

body.near-brand-control-centre.vc-clean .workspace-stat-value {
  font-family: var(--font-sans) !important;
  font-size: 1.5rem !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em !important;
  font-variant-numeric: tabular-nums;
  color: #0c1318 !important;
}

body.near-brand-control-centre.vc-clean .workspace-stat-label {
  font-size: 0.68rem !important;
  color: #6a7480 !important;
}

body.near-brand-control-centre.vc-clean .workspace-status {
  background: rgba(5, 150, 105, 0.12) !important;
  color: #047857 !important;
}

/* Sections are organisational, not surfaces: no nested white boxes. */
body.near-brand-control-centre.vc-clean .ws-section-group,
body.near-brand-control-centre.vc-clean .ws-section-body {
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}

body.near-brand-control-centre.vc-clean .ws-section-body.ws-section-empty {
  border: 2px dashed rgba(10, 16, 20, 0.14) !important;
  border-radius: 12px !important;
  padding: 20px !important;
}

/* Section groups: quiet bold labels with a hairline, not tan bands. */
body.near-brand-control-centre.vc-clean .ws-section-header {
  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(10, 16, 20, 0.1) !important;
  border-radius: 0 !important;
  padding: 6px 2px 10px !important;
  margin-bottom: 18px !important;
}

body.near-brand-control-centre.vc-clean .ws-section-name {
  font-size: 0.78rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.1em !important;
  color: #38424d !important;
}

/* Quick action cards: confident icon tiles, readable copy. */
body.near-brand-control-centre.vc-clean .quick-action-card {
  border-radius: 14px !important;
  box-shadow: 0 1px 2px rgba(10, 16, 20, 0.04), 0 12px 30px -20px rgba(10, 16, 20, 0.2) !important;
  transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease !important;
}

body.near-brand-control-centre.vc-clean .quick-action-card:hover {
  transform: translateY(-2px) !important;
  border-color: rgba(14, 106, 106, 0.45) !important;
}

body.near-brand-control-centre.vc-clean .quick-action-icon {
  background: rgba(14, 106, 106, 0.09) !important;
  border: 1px solid rgba(14, 106, 106, 0.14) !important;
  color: var(--color-teal-dark) !important;
}

body.near-brand-control-centre.vc-clean .quick-action-title,
body.near-brand-control-centre.vc-clean .quick-action-card h3 {
  color: #0c1318 !important;
  font-weight: 750 !important;
}

body.near-brand-control-centre.vc-clean .ws-add-section-btn {
  background: #ffffff !important;
  background-image: none !important;
  color: var(--color-ink) !important;
  border: 1px solid rgba(10, 16, 20, 0.16) !important;
  box-shadow: none !important;
}

body.near-brand-control-centre.vc-clean .ws-add-section-btn:hover {
  border-color: rgba(14, 106, 106, 0.4) !important;
  background: rgba(14, 106, 106, 0.05) !important;
}