/* Small helper classes that you can reuse anywhere.
For spacing, Margin, Padding, alignment, display, etc.
Example: .text-center {
    text-align: center;
}
*/

/* ---------------------------------------------------------------------------
   Flex/grid gap scale.

   This app is on Bootstrap 4.6, which has no gap-* utilities (they arrived in
   Bootstrap 5). Views across the repo already write class="d-flex gap-3" etc.
   expecting them to work, so they are defined here rather than per-page.

   Values follow the Bootstrap 5 scale so the class names mean what a developer
   expects. gap-8 is a house convention (a literal 8px) that predates this block
   and is kept as-is; it is also declared in layout.css and dashboard.css with
   the same value.
   --------------------------------------------------------------------------- */
.gap-0 { gap: 0; }
.gap-1 { gap: 0.25rem; }  /* 4px  */
.gap-2 { gap: 0.5rem; }   /* 8px  */
.gap-3 { gap: 1rem; }     /* 16px */
.gap-4 { gap: 1.5rem; }   /* 24px */
.gap-5 { gap: 3rem; }     /* 48px */
.gap-8 { gap: 8px; }