body,
button,
input,
select,
textarea {
  font-family: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  line-height: 1.5;
}

h1,
h2,
h3,
.brand strong,
.card strong,
.metric strong,
.command-kpi strong,
.performance-head #performance-value strong,
.goal-ring strong,
.goal-numbers strong,
.billing-item strong,
.portfolio-score strong,
.projection-item strong,
.flow-summary strong,
.report-summary strong,
.filter-totals strong {
  font-family: "Montserrat", "Inter", ui-sans-serif, system-ui, sans-serif;
  font-variant-numeric: tabular-nums lining-nums;
}

h1,
h2,
h3 {
  line-height: 1.3;
}

header h2,
.command-head h3 {
  font-size: clamp(24px, 2.2vw, 28px);
  font-weight: 700;
  letter-spacing: -.025em;
}

.toolbar h3,
.panel h3,
.goal-head h3,
.panel-heading h3,
.flow-summary h3,
.report-heading h3,
.tracking-access-copy h3,
.tracking-config-card h3 {
  font-size: clamp(18px, 1.6vw, 20px);
  font-weight: 700;
  line-height: 1.3;
}

.performance-head #performance-value strong {
  font-size: clamp(28px, 3vw, 32px);
  font-weight: 800;
  line-height: 1.2;
}

.card strong,
.command-kpi strong,
.portfolio-score strong {
  font-size: clamp(22px, 2.3vw, 26px);
  font-weight: 700;
  line-height: 1.25;
}

.metric strong,
.flow-summary strong,
.report-summary strong,
.filter-totals strong,
.billing-item strong {
  font-size: clamp(17px, 1.8vw, 20px);
  font-weight: 700;
  line-height: 1.3;
}

.goal-ring strong {
  font-size: 22px;
  font-weight: 700;
}

.goal-numbers strong,
.projection-item strong {
  font-size: 14px;
  font-weight: 700;
}

.topbar nav button,
.topbar .logout,
.primary,
.secondary,
.filter-clear,
.quick-actions button,
.tracking-open {
  font-family: "Inter", ui-sans-serif, system-ui, sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.4;
}

label,
input,
select,
textarea {
  font-size: 14px;
}

label {
  font-weight: 600;
}

table {
  font-variant-numeric: tabular-nums lining-nums;
}

th {
  font-size: 12px;
  font-weight: 600;
  line-height: 1.4;
}

td,
td strong {
  font-size: 14px;
  line-height: 1.5;
}

td strong {
  font-weight: 600;
}

.badge,
.days-late,
.service-status,
.comparison,
.period-chip,
.danger-chip {
  font-size: 12px;
  font-weight: 600;
  line-height: 1.35;
}

.action {
  font-size: 12px;
  font-weight: 600;
  line-height: 1.4;
}

.command-period span,
.panel-kicker,
.performance-head #performance-value span,
#performance-comparison small,
.daily-legend,
.goal-empty p,
.goal-ring span,
.goal-numbers span,
.goal-time > div:first-child,
.goal-time small,
.command-kpi span,
.command-kpi small,
.billing-item > span,
.billing-item small,
.ranking-list span > strong,
.ranking-list small,
.projection-item span,
.portfolio-score span,
.portfolio-legend span,
.portfolio-legend strong,
.portfolio-pending,
.expense-bars span,
.expense-bars strong,
.expense-bars > small,
.dashboard-table td:first-child small,
.dashboard-empty {
  font-size: 12px;
  line-height: 1.5;
}

.daily-chart text {
  font: 11px/1.4 "Inter", sans-serif;
}

.muted,
.tracking-current,
.empty {
  line-height: 1.5;
}

@media (max-width: 720px) {
  header h2,
  .command-head h3 {
    font-size: 23px;
  }

  .toolbar h3,
  .panel h3,
  .goal-head h3,
  .panel-heading h3 {
    font-size: 18px;
  }

  .performance-head #performance-value strong {
    font-size: 28px;
  }

  .card strong,
  .command-kpi strong,
  .portfolio-score strong {
    font-size: 22px;
  }
}