/* Phase 2 visual bridge: campaigns, proposals, CRM and pipeline surfaces. */
body.dashboard-client-flat-theme > .shell :is(
  .campaign-hero-card,
  .campaign-flow-map,
  .campaign-step-shell,
  .campaign-studio,
  .campaign-approval-card,
  .campaign-calendar-card,
  .campaign-metric-card,
  .campaign-performance-card,
  .campaign-referral-card,
  .campaign-ops-card,
  .campaign-kpi-card,
  .campaign-channel-status-card,
  .campaign-week-plan-card,
  .campaign-network-panel,
  .campaign-draft-box,
  .campaign-progress-card,
  .campaign-progress-overview,
  .campaign-progress-insight,
  .campaign-track-card,
  .campaign-lane-card,
  .campaign-op-card,
  .campaign-channel-card,
  .campaign-chart-box,
  .proposal-toolbar-card,
  .proposal-metric-card,
  .proposal-card,
  .proposal-stage-card,
  .crm-surface-card,
  .crm-panel,
  .company-metric-card,
  .company-card,
  .company-stage-card,
  .workspace-surface-stat-card,
  .workspace-surface-action-card,
  .workspace-connection-card,
  .workspace-surface-checklist,
  .pipeline-panel-clean,
  .pipeline-data-card,
  #sales-pipeline .pipeline-lane,
  #sales-pipeline .pipeline-ticket
) {
  min-width: 0 !important;
  border: 1px solid var(--lf-color-border) !important;
  border-radius: var(--lf-radius-lg) !important;
  background: var(--lf-color-surface) !important;
  color: var(--lf-color-text) !important;
  box-shadow: none !important;
}

body.dashboard-client-flat-theme > .shell :is(
  .campaign-hero-card,
  .campaign-studio,
  .campaign-flow-map,
  .proposal-toolbar-card,
  .crm-surface-card,
  .pipeline-panel-clean
) {
  padding: var(--lf-space-5) !important;
}

body.dashboard-client-flat-theme > .shell :is(
  .campaign-metric-card,
  .campaign-kpi-card,
  .proposal-metric-card,
  .company-metric-card,
  .workspace-surface-stat-card,
  .pipeline-data-card
) {
  min-height: 112px !important;
  padding: var(--lf-space-4) !important;
}

body.dashboard-client-flat-theme > .shell :is(
  .campaign-flow-head,
  .campaign-card-header,
  .campaign-network-head,
  .campaign-calendar-head,
  .campaign-performance-head,
  .campaign-referral-head,
  .campaign-ops-head,
  .proposal-card-header,
  .company-card-header,
  .pipeline-lane-header
) {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: var(--lf-space-3) !important;
  padding: 0 !important;
  border-bottom-color: var(--lf-color-border) !important;
}

body.dashboard-client-flat-theme > .shell :is(
  .campaign-hero-title,
  .campaign-flow-head h3,
  .campaign-step-shell h3,
  .campaign-card-header h3,
  .campaign-network-head h3,
  .campaign-calendar-head h3,
  .campaign-performance-head h3,
  .campaign-referral-head h3,
  .campaign-ops-head h3,
  .campaign-metric-copy strong,
  .campaign-kpi-card strong,
  .proposal-page-title,
  .proposal-toolbar-copy h2,
  .proposal-card-header h3,
  .proposal-metric-copy strong,
  .company-card h3,
  .company-stage-card strong,
  .pipeline-lane-header strong
) {
  color: var(--lf-color-text) !important;
  letter-spacing: 0 !important;
}

body.dashboard-client-flat-theme > .shell .campaign-hero-title {
  font-size: clamp(32px, 3.1vw, 44px) !important;
  line-height: var(--lf-line-tight) !important;
  font-weight: 900 !important;
}

body.dashboard-client-flat-theme > .shell :is(
  .campaign-hero-copy,
  .campaign-flow-head p,
  .campaign-step-shell p,
  .campaign-card-header p,
  .campaign-network-head p,
  .campaign-calendar-head p,
  .campaign-performance-head p,
  .campaign-referral-head p,
  .campaign-ops-head p,
  .campaign-metric-copy span,
  .campaign-metric-copy small,
  .campaign-kpi-card span,
  .proposal-toolbar-copy p,
  .proposal-card-header a,
  .proposal-metric-copy span,
  .proposal-metric-copy small,
  .company-card p,
  .company-stage-card small,
  .pipeline-lane-header span,
  .pipeline-ticket small
) {
  color: var(--lf-color-muted) !important;
}

body.dashboard-client-flat-theme > .shell :is(
  .campaign-btn,
  .campaign-btn-secondary,
  .campaign-btn-ghost,
  .campaign-anchor,
  .campaigns-action-btn,
  .campaign-network-tab,
  .campaign-panel-tab,
  .proposal-topbar-button,
  .proposal-toolbar-button,
  .proposal-open-button,
  .proposal-pagination-current,
  .proposal-pagination-page,
  .company-toolbar-button--compact
) {
  min-height: 40px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: var(--lf-space-2) !important;
  border: 1px solid var(--lf-color-border) !important;
  border-radius: var(--lf-radius-md) !important;
  background: var(--lf-color-surface-muted) !important;
  color: var(--lf-color-text) !important;
  box-shadow: none !important;
  font-size: var(--lf-font-size-sm) !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  text-decoration: none !important;
  text-transform: none !important;
}

body.dashboard-client-flat-theme > .shell :is(
  .campaign-btn:hover,
  .campaign-btn-secondary:hover,
  .campaign-btn-ghost:hover,
  .campaign-anchor:hover,
  .campaign-network-tab:hover,
  .campaign-panel-tab:hover,
  .proposal-topbar-button:hover,
  .proposal-toolbar-button:hover,
  .proposal-open-button:hover,
  .proposal-pagination-page:hover,
  .company-toolbar-button--compact:hover
) {
  border-color: var(--lf-color-border-strong) !important;
  background: var(--lf-color-surface) !important;
  color: var(--lf-color-primary) !important;
  transform: none !important;
}

body.dashboard-client-flat-theme > .shell :is(
  .campaign-btn-primary,
  .campaign-anchor.is-primary,
  .campaigns-action-btn--primary,
  .proposal-toolbar-button--primary,
  .campaign-network-tab.is-active,
  .campaign-panel-tab.is-active
) {
  border-color: transparent !important;
  background: var(--lf-color-primary) !important;
  color: #ffffff !important;
}

body.dashboard-client-flat-theme > .shell :is(
  .campaign-field input,
  .campaign-field select,
  .campaign-field textarea,
  .campaign-draft-box input,
  .campaign-draft-box textarea,
  .proposal-topbar-search,
  .proposal-topbar-search input,
  .proposal-table-search,
  .proposal-table-search input,
  .company-table-search,
  .company-table-search input
) {
  min-height: 42px !important;
  border: 1px solid var(--lf-color-border) !important;
  border-radius: var(--lf-radius-md) !important;
  background: var(--lf-color-surface) !important;
  color: var(--lf-color-text) !important;
  box-shadow: none !important;
  font-size: var(--lf-font-size-sm) !important;
}

body.dashboard-client-flat-theme > .shell :is(
  .campaign-field input,
  .campaign-field select,
  .campaign-field textarea,
  .campaign-draft-box input,
  .campaign-draft-box textarea,
  .proposal-topbar-search input,
  .proposal-table-search input,
  .company-table-search input
):focus {
  border-color: var(--lf-color-primary) !important;
  box-shadow: var(--lf-focus-ring) !important;
  outline: none !important;
}

body.dashboard-client-flat-theme > .shell :is(
  .campaign-eyebrow,
  .campaign-status,
  .campaign-approval-status,
  .campaign-tag,
  .campaign-progress-tag,
  .campaign-step-badge,
  .campaign-progress-kicker,
  .proposal-header-badge,
  .proposal-toolbar-badge,
  .proposal-status-pill,
  .pipeline-ticket-chip
) {
  min-height: 26px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: var(--lf-space-1) !important;
  width: fit-content !important;
  padding: 4px 9px !important;
  border: 1px solid color-mix(in srgb, var(--lf-color-primary) 18%, transparent) !important;
  border-radius: var(--lf-radius-pill) !important;
  background: var(--lf-color-primary-soft) !important;
  color: var(--lf-color-primary) !important;
  font-size: var(--lf-font-size-xs) !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

body.dashboard-client-flat-theme > .shell :is(
  .campaign-status.is-ready,
  .campaign-approval-status.is-approved,
  .proposal-status-pill.is-won,
  .proposal-status-pill.is-approved
) {
  border-color: color-mix(in srgb, var(--lf-color-success) 22%, transparent) !important;
  background: color-mix(in srgb, var(--lf-color-success) 10%, transparent) !important;
  color: var(--lf-color-success) !important;
}

body.dashboard-client-flat-theme > .shell :is(
  .campaign-status.is-missing,
  .campaign-approval-status.is-pending,
  .proposal-status-pill.is-pending
) {
  border-color: color-mix(in srgb, var(--lf-color-warning) 26%, transparent) !important;
  background: color-mix(in srgb, var(--lf-color-warning) 12%, transparent) !important;
  color: var(--lf-color-warning) !important;
}

body.dashboard-client-flat-theme > .shell :is(
  .campaign-progress-dot,
  .campaign-kpi-icon,
  .campaign-metric-icon,
  .proposal-metric-icon,
  .proposal-topbar-icon,
  .proposal-toolbar-icon,
  .company-metric-icon,
  .pipeline-data-icon
) {
  width: 42px !important;
  min-width: 42px !important;
  height: 42px !important;
  display: inline-grid !important;
  place-items: center !important;
  border: 1px solid color-mix(in srgb, var(--lf-color-primary) 18%, transparent) !important;
  border-radius: var(--lf-radius-md) !important;
  background: var(--lf-color-primary-soft) !important;
  color: var(--lf-color-primary) !important;
  box-shadow: none !important;
}

body.dashboard-client-flat-theme > .shell .campaign-progress-meter {
  background: var(--lf-color-surface-muted) !important;
}

body.dashboard-client-flat-theme > .shell .campaign-progress-meter::before {
  background: var(--lf-color-primary) !important;
  box-shadow: none !important;
}

body.dashboard-client-flat-theme > .shell :is(.campaign-day, .campaign-calendar-label, .proposal-task-row) {
  border: 1px solid var(--lf-color-border) !important;
  border-radius: var(--lf-radius-md) !important;
  background: var(--lf-color-surface-muted) !important;
  color: var(--lf-color-text) !important;
}

body.dashboard-client-flat-theme > .shell .campaign-day.is-today {
  border-color: color-mix(in srgb, var(--lf-color-primary) 22%, transparent) !important;
  background: var(--lf-color-primary-soft) !important;
  color: var(--lf-color-primary) !important;
}

body.dashboard-client-flat-theme > .shell :is(.proposal-table-shell, .campaign-table-modern) {
  overflow: auto !important;
  border: 1px solid var(--lf-color-border) !important;
  border-radius: var(--lf-radius-lg) !important;
  background: var(--lf-color-surface) !important;
  box-shadow: none !important;
}

body.dashboard-client-flat-theme > .shell :is(.proposal-table, .campaign-table-modern table) {
  width: 100% !important;
  border-collapse: collapse !important;
}

body.dashboard-client-flat-theme > .shell :is(.proposal-table th, .proposal-table td, .campaign-table-modern th, .campaign-table-modern td) {
  padding: var(--lf-space-3) var(--lf-space-4) !important;
  border-bottom: 1px solid var(--lf-color-border) !important;
}

body.dashboard-client-flat-theme > .shell :is(.proposal-table th, .campaign-table-modern th) {
  color: var(--lf-color-muted) !important;
  font-size: var(--lf-font-size-xs) !important;
  font-weight: 900 !important;
  letter-spacing: 0.02em !important;
  text-transform: uppercase !important;
}

body.dashboard-client-flat-theme > .shell #sales-pipeline :is(.pipeline-board, .pipeline-lanes) {
  gap: var(--lf-space-4) !important;
}

body.dashboard-client-flat-theme > .shell #sales-pipeline .pipeline-lane {
  padding: var(--lf-space-4) !important;
}

body.dashboard-client-flat-theme > .shell #sales-pipeline .pipeline-ticket {
  padding: var(--lf-space-4) !important;
  border-radius: var(--lf-radius-md) !important;
}

body.dashboard-client-flat-theme > .shell :is(.campaign-chart-box canvas, .proposal-line-chart svg) {
  max-width: 100% !important;
}