/* ============================================================
   utilities.css — small single-purpose helpers that replace repeated
   inline styles. Loaded after tokens.css in base.html.

   Font-size utilities map to the type scale in tokens.css; prefer these
   (and the tokens) over inline font-size in new work.
   ============================================================ */

.cursor-pointer { cursor: pointer; }
.text-muted-eg  { color: var(--text-muted); }

/* Flex/grid child min-width reset. Bootstrap 5.3 ships no `.min-w-0`, but the
   markup relies on it (mobile dashboard cards, table cells) so that
   `.text-truncate` children can actually shrink below their content width
   instead of overflowing the card. Referenced across ~11 templates. */
.min-w-0 { min-width: 0; }

/* Font-size scale (→ tokens.css --fs-*) */
.fz-2xs     { font-size: var(--fs-2xs); }
.fz-xs      { font-size: var(--fs-xs); }
.fz-sm      { font-size: var(--fs-sm); }
.fz-base    { font-size: var(--fs-base); }
.fz-md      { font-size: var(--fs-md); }
.fz-lg      { font-size: var(--fs-lg); }
.fz-xl      { font-size: var(--fs-xl); }
.fz-2xl     { font-size: var(--fs-2xl); }
.fz-display { font-size: var(--fs-display); }