/* Where Quasar's utility namespace overlaps the design's.

   Both frameworks ship flat utility classes and several names exist in both. Most
   collisions are harmless: the two rules set the same property, and the Tailwind
   one wins because its stylesheet is injected later and the design pages compile
   Tailwind with `important`. The cases below are the ones where Quasar reaches a
   property the Tailwind utility never sets, so nothing overrides it.

   Run tools/class_collisions.py after a new delivery from the agency. */

/* Quasar: `.flex { display: flex; flex-wrap: wrap }`. Tailwind's `.flex` sets
   display only, so every flex container in the design silently wraps - which puts
   the pillar card text under its icon instead of beside it. The design's own
   `flex-wrap` utilities still win, they carry !important. */
.flex {
  flex-wrap: nowrap;
}