/* Phase 3 unified visual language: Prospectos typography + Dashboard icon system. */
body.dashboard-client-flat-theme > .shell {
  color: var(--lf-color-text) !important;
  font-family: var(--lf-font-sans) !important;
  font-size: 14px !important;
  font-weight: 650 !important;
  line-height: 1.45 !important;
}

body.dashboard-client-flat-theme > .shell :is(
  .dashboard-welcome-title,
  .panel-header h1,
  .panel-header h2,
  .panel-header h3,
  .settings-card h3,
  .settings-card h4,
  .help-hero h1,
  .support-hero h1,
  .library-hero h1,
  .plans-admin-title,
  .campaign-hero-title,
  .proposal-title,
  .clients-page-title
) {
  color: var(--lf-color-text) !important;
  font-family: var(--lf-font-sans) !important;
  font-weight: 820 !important;
  letter-spacing: 0 !important;
}

body.dashboard-client-flat-theme > .shell :is(
  .dashboard-welcome-title,
  .help-hero h1,
  .support-hero h1,
  .library-hero h1
) {
  font-size: clamp(30px, 2.3vw, 42px) !important;
  line-height: 1.08 !important;
}

body.dashboard-client-flat-theme > .shell :is(
  .panel-header h3,
  .settings-card h3,
  .settings-card h4,
  .dashboard-global-panel .panel-header h3,
  .dashboard-global-header h3
) {
  font-size: 20px !important;
  line-height: 1.18 !important;
}

body.dashboard-client-flat-theme > .shell :is(
  .muted,
  .subtitle,
  .panel-header p,
  .analytics-metric-sub,
  .settings-card p,
  .dashboard-global-header p,
  .dashboard-global-panel .panel-header p,
  .lead-meta,
  .client-meta,
  .campaign-card p,
  .proposal-card p,
  .billing-card p,
  .support-card p,
  .help-topic-card p
) {
  color: var(--lf-color-muted) !important;
  font-size: 13px !important;
  font-weight: 620 !important;
  line-height: 1.42 !important;
  letter-spacing: 0 !important;
}

body.dashboard-client-flat-theme > .shell :is(
  .data-table th,
  .lead-table th,
  .lf-table th,
  .dashboard-table th,
  .proposal-table th,
  .campaign-table-modern th,
  .ticket-admin-table th,
  .ticket-table th,
  .plans-admin-table th
) {
  color: color-mix(in srgb, var(--lf-color-muted) 88%, var(--lf-color-text)) !important;
  font-size: 11px !important;
  font-weight: 760 !important;
  letter-spacing: 0.015em !important;
}

body.dashboard-client-flat-theme > .shell :is(
  .data-table td,
  .lead-table td,
  .lf-table td,
  .dashboard-table td,
  .proposal-table td,
  .campaign-table-modern td,
  .ticket-admin-table td,
  .ticket-table td,
  .plans-admin-table td
) {
  color: var(--lf-color-text) !important;
  font-size: 14px !important;
  font-weight: 620 !important;
  line-height: 1.36 !important;
}

body.dashboard-client-flat-theme > .shell :is(
  .company-cell-name,
  .client-name,
  .lead-name,
  .ticket-row-title,
  .proposal-row-title,
  .campaign-name,
  .plan-name,
  .dashboard-global-plan-copy strong
) {
  color: var(--lf-color-text) !important;
  font-weight: 760 !important;
  letter-spacing: 0 !important;
}

body.dashboard-client-flat-theme > .shell :is(
  .btn-secondary,
  .dashboard-mini-button,
  .dashboard-task-footer,
  .dashboard-table-action,
  .dashboard-create-client-button,
  .dashboard-ai-task-button,
  .pipeline-add-button,
  .plans-create-button,
  .integration-quick-button,
  .company-action-btn,
  .control-action,
  .billing-primary-button,
  .help-button,
  .library-button,
  .ticket-primary-button,
  .support-button,
  .support-link-button,
  .ai-send-button
) {
  font-weight: 760 !important;
}

body.dashboard-client-flat-theme > .shell :is(
  .dashboard-status-chip,
  .dashboard-plan-chip,
  .status-badge,
  .campaign-status,
  .campaign-approval-status,
  .proposal-status-pill,
  .ticket-pill,
  .help-kicker,
  .library-eyebrow
) {
  font-weight: 760 !important;
  letter-spacing: 0 !important;
}

body.dashboard-client-flat-theme > .shell :is(
  .analytics-metric-icon,
  .dashboard-global-stat-icon,
  .dashboard-global-summary-icon,
  .campaign-kpi-icon,
  .campaign-metric-icon,
  .proposal-metric-icon,
  .proposal-topbar-icon,
  .proposal-toolbar-icon,
  .company-metric-icon,
  .pipeline-data-icon,
  .help-topic-icon,
  .support-card-icon,
  .app-header-title-icon,
  .pipeline-title-icon,
  .notification-row-icon,
  .plans-create-icon
) {
  width: 44px !important;
  min-width: 44px !important;
  height: 44px !important;
  display: inline-grid !important;
  place-items: center !important;
  border: 1px solid color-mix(in srgb, currentColor 16%, transparent) !important;
  border-radius: 14px !important;
  background: color-mix(in srgb, currentColor 12%, #ffffff) !important;
  box-shadow: none !important;
}

body.dashboard-client-flat-theme > .shell :is(
  .analytics-metric-icon svg,
  .dashboard-global-stat-icon svg,
  .dashboard-global-summary-icon svg,
  .campaign-kpi-icon svg,
  .campaign-metric-icon svg,
  .proposal-metric-icon svg,
  .proposal-topbar-icon svg,
  .proposal-toolbar-icon svg,
  .company-metric-icon svg,
  .pipeline-data-icon svg,
  .help-topic-icon svg,
  .support-card-icon svg,
  .app-header-title-icon svg,
  .pipeline-title-icon svg,
  .notification-row-icon svg,
  .plans-create-icon svg
) {
  width: 20px !important;
  height: 20px !important;
  stroke-width: 2.2 !important;
}

body.dashboard-client-flat-theme > .shell > .sidebar :is(.nav-icon, .sidebar-footer-icon) {
  border-radius: 13px !important;
  background: color-mix(in srgb, var(--lf-nav-icon-color, currentColor) 12%, #ffffff) !important;
  color: var(--lf-nav-icon-color, currentColor) !important;
}

body.dashboard-client-flat-theme > .shell > .sidebar .nav-dot.active,
body.dashboard-client-flat-theme > .shell > .sidebar .nav-dot.is-active {
  border-color: color-mix(in srgb, var(--lf-color-primary) 18%, transparent) !important;
  background: color-mix(in srgb, var(--lf-color-primary) 11%, #ffffff) !important;
}

body.dashboard-client-flat-theme > .shell > .sidebar .nav-label {
  font-weight: 760 !important;
}
