/* Darken muted text across the page for legibility */
:root {
  --muted: #1a1916 !important;
  --text-dim: #1a1916 !important;
  --crm-muted: #1a1916 !important;
  --crm-text-2: #1a1916 !important;
}
.kicker, .section-label, .field-label, .stat-label, .card-title,
.spec-label, .menu-label, .division-label, .prc-head h4,
.badge, .stage-pill, .chip, .pill, .tag,
.brand-mark, .brand-wordmark,
#app-bar *, #caller-header *, #client-summary *, .tweaks *, .modal * {
  text-transform: none !important;
  letter-spacing: normal !important;
}
/* Darken text where gray was being used */
.field-label, .stat-label, .spec-label, .prc-meta,
.card .row-meta, .menu-label, .kicker, .section-label,
.muted, .text-dim, [class*="muted"], [class*="dim"],
.stat-value.dim, .row-meta, .card-summary {
  color: #1a1916 !important;
}
/* Make overdue badge unmistakable — high-specificity to beat earlier color rules */
.badge.overdue, .pill.overdue, .stage-overdue, [class*="overdue"] {
  color: #ffffff !important;
  background: #E11D2E !important;
  border-color: #E11D2E !important;
  font-weight: 800 !important;
}
#client-summary .row.invoice .row-side .badge { order: 99; margin-left: auto; }
#client-summary .row.invoice .row-side .badge.overdue {
  font-size: 10.5px !important;
  font-weight: 700 !important;
  padding: 2px 8px !important;
  line-height: 1.4 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  align-self: center !important;
  background: #E11D2E !important;
  color: #ffffff !important;
  border-color: #E11D2E !important;
}
/* .invoice-amount is the dollar value, NOT an overdue badge — exempt it from
   the [class*="overdue"] red background so the amount stays readable. */
#client-summary .invoice-amount,
#client-summary .invoice-amount.overdue {
  color: #1a1916 !important;
  background: transparent !important;
  border: 0 !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  line-height: 1.4 !important;
}
/* keep tiny letterspacing on micro-uppercase headings only if needed */
.card-title, .prc-head h4, .section-label {
  letter-spacing: 0.01em !important;
}