/* Versioned dashboard typography overrides for beta browsers with cached Next chunks. */
html .dashboard-layout h1,
html .dashboard-layout .compact-title,
html .dashboard-layout .premium-hero h1 {
  font-size: var(--app-type-6) !important;
  line-height: var(--app-line-heading);
}

html .dashboard-layout h2,
html .dashboard-layout .progress-label,
html .dashboard-layout .onboarding-summary-progress strong,
html .dashboard-layout .premium-metric-card strong {
  font-size: var(--app-type-5) !important;
  line-height: var(--app-line-heading);
}

html .dashboard-layout h3,
html .dashboard-layout .stat-card strong,
html .dashboard-layout .premium-card-header h2,
html .dashboard-layout .ai-insights-panel h2 {
  font-size: var(--app-type-4) !important;
  line-height: var(--app-line-heading);
}

html .dashboard-layout h4,
html .dashboard-layout .checklist-item strong,
html .dashboard-layout .activity-item strong,
html .dashboard-layout .site-health-item strong,
html .dashboard-layout .ai-insights-panel h3 {
  font-size: var(--app-type-3) !important;
  line-height: var(--app-line-heading);
}

html .dashboard-layout h5 {
  font-size: var(--app-type-2) !important;
  line-height: 1.25;
}

html .dashboard-layout h6 {
  font-size: var(--app-type-1) !important;
  line-height: var(--app-line-heading);
}

html .dashboard-layout .note,
html .dashboard-layout .subtitle,
html .dashboard-layout .panel-card,
html .dashboard-layout .empty-state,
html .dashboard-layout .field input,
html .dashboard-layout .field select,
html .dashboard-layout .field textarea,
html .dashboard-layout .inline-controls select,
html .dashboard-layout .command-bar input,
html .dashboard-layout .ai-follow-up input,
html .dashboard-layout .dashboard-brand strong,
html .dashboard-layout .user-menu strong,
html .dashboard-layout .workspace-switcher select,
html .dashboard-layout .workspace-select-link,
html .dashboard-layout .environment-pill strong,
html .dashboard-layout .dashboard-nav-item span,
html .dashboard-layout .topbar-link,
html .dashboard-layout .onboarding-step-row strong,
html .dashboard-layout .quick-action strong,
html .dashboard-layout .primary-button,
html .dashboard-layout .secondary-button,
html .dashboard-layout .danger-button,
html .dashboard-layout .primary-link,
html .dashboard-layout .secondary-link {
  font-size: var(--app-type-0) !important;
}

html .dashboard-layout .dashboard-brand small,
html .dashboard-layout .user-menu small,
html .dashboard-layout .field span,
html .dashboard-layout .muted-link,
html .dashboard-layout .error,
html .dashboard-layout .success,
html .dashboard-layout .quick-action span,
html .dashboard-layout .checklist-item small,
html .dashboard-layout .activity-item small,
html .dashboard-layout .site-health-item small,
html .dashboard-layout .premium-hero p,
html .dashboard-layout .premium-card-header p,
html .dashboard-layout .chart-empty-state span,
html .dashboard-layout .premium-empty span,
html .dashboard-layout .ai-insights-panel p,
html .dashboard-layout .ai-insights-panel li,
html .dashboard-layout .ai-insights-panel small,
html .dashboard-layout .ai-recommendation {
  font-size: var(--app-type--1) !important;
}

html .dashboard-layout .eyebrow,
html .dashboard-layout .premium-eyebrow,
html .dashboard-layout .dashboard-nav-section p,
html .dashboard-layout .workspace-switcher span,
html .dashboard-layout .environment-pill span,
html .dashboard-layout .sidebar-whats-new span,
html .dashboard-layout .sidebar-whats-new strong,
html .dashboard-layout .environment-pill::before,
html .dashboard-layout .stat-card span,
html .dashboard-layout .stat-card small,
html .dashboard-layout .metric-card-topline,
html .dashboard-layout .premium-metric-card small,
html .dashboard-layout .premium-card-header a,
html .dashboard-layout .ai-panel-links a,
html .dashboard-layout .period-pill,
html .dashboard-layout .chart-legend,
html .dashboard-layout .funnel-step span,
html .dashboard-layout .funnel-step small,
html .dashboard-layout .premium-table th,
html .dashboard-layout .premium-table td,
html .dashboard-layout .channel-bar-row span,
html .dashboard-layout .channel-bar-row small,
html .dashboard-layout .beta-badge,
html .dashboard-layout .badge,
html .dashboard-layout .activity-item time,
html .dashboard-layout .command-message,
html .dashboard-layout .smart-suggestions span,
html .dashboard-layout .smart-suggestions button {
  font-size: var(--app-type--2) !important;
}