/* ============================================================
   Layout utilities
   A deliberately tiny set — only classes that are actually used.
   Add a class here when a real, repeated need appears in markup;
   don't add speculative helpers. For one-off styling, prefer a
   component's scoped .razor.css referencing design tokens.
   ============================================================ */

/* Row with the two ends pushed apart (e.g. primary action | secondary). */
.row-between {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-3);
}

/* Muted helper text (replaces the orphaned Bootstrap .text-muted). */
.text-muted {
    color: var(--color-text-muted);
}