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

:where(body.dashboard-client-flat-theme > .shell :is(
  .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);
  font-family: var(--lf-font-sans);
  font-weight: var(--lf-font-weight-820);
  letter-spacing: 0;
}

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

:where(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: var(--lf-font-size-xl);
  line-height: 1.18;
}

:where(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);
  font-size: var(--lf-font-size-sm);
  font-weight: var(--lf-font-weight-620);
  line-height: 1.42;
  letter-spacing: 0;
}

:where(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));
  font-size: var(--lf-font-size-xs);
  font-weight: var(--lf-font-weight-760);
  letter-spacing: 0.015em;
}

:where(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);
  font-size: var(--lf-font-size-md);
  font-weight: var(--lf-font-weight-620);
  line-height: 1.36;
}

:where(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);
  font-weight: var(--lf-font-weight-760);
  letter-spacing: 0;
}

:where(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: var(--lf-font-weight-760);
}

:where(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: var(--lf-font-weight-760);
  letter-spacing: 0;
}

:where(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;
  min-width: 44px;
  height: 44px;
  display: inline-grid;
  place-items: center;
  border: 1px solid color-mix(in srgb, currentColor 16%, transparent);
  border-radius: var(--lf-radius-md);
  background: color-mix(in srgb, currentColor 12%, var(--lf-color-on-primary));
  box-shadow: none;
}

:where(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;
  height: 20px;
  stroke-width: 2.2;
}
}