/* ─────────────────────────────────────────────────────────────
   Settlescan — Utility classes (Tailwind-style atomic helpers)
   Keep narrow; pair with component CSS for the heavy lifting.
   ───────────────────────────────────────────────────────────── */

.flex   { display: flex; }
.iflex  { display: inline-flex; }
.grid   { display: grid; }
.block  { display: block; }
.hidden { display: none; }

.items-center  { align-items: center; }
.items-stretch { align-items: stretch; }
.justify-center  { justify-content: center; }
.justify-between { justify-content: space-between; }

.gap-1 { gap: 4px; }
.gap-2 { gap: 8px; }
.gap-3 { gap: 12px; }
.gap-4 { gap: 16px; }
.gap-6 { gap: 24px; }
.gap-8 { gap: 32px; }

.w-full { width: 100%; }
.h-full { height: 100%; }

.text-center { text-align: center; }
.text-sm { font-size: 13px; }
.text-md { font-size: 15px; }
.text-lg { font-size: 18px; }

.font-bold   { font-weight: 700; }
.font-black  { font-weight: 900; }

.opacity-50 { opacity: 0.5; }
.opacity-70 { opacity: 0.7; }

.relative { position: relative; }
.absolute { position: absolute; }
.fixed    { position: fixed; }

.z-10 { z-index: 10; }
.z-20 { z-index: 20; }
.z-30 { z-index: 30; }

.overflow-hidden { overflow: hidden; }

.pointer-none { pointer-events: none; }