/* ============================================================
   NEXORA · App Theme / Utilities
   Small single-purpose helpers for app screens only.
   ============================================================ */

.u-flex { display: flex; }
.u-ac { align-items: center; }
.u-sb { justify-content: space-between; }
.u-c { justify-content: center; }
.u-wrap { flex-wrap: wrap; }

.u-gap-1 { gap: 0.4rem; }
.u-gap-2 { gap: 0.6rem; }
.u-gap-3 { gap: 0.9rem; }
.u-gap-4 { gap: 1.2rem; }

.u-grid { display: grid; }
.u-stack { display: grid; align-content: start; gap: 0.7rem; }
.u-stack-lg { display: grid; align-content: start; gap: 1.2rem; }

/* Responsive auto-fit card grids */
.u-cards-2 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr));
  gap: 1.2rem;
}

.u-cards-3 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));
  gap: 1.2rem;
}

.u-mt-1 { margin-top: 0.5rem; }
.u-mt-2 { margin-top: 0.8rem; }
.u-mt-3 { margin-top: 1.2rem; }
.u-mt-4 { margin-top: 1.6rem; }

.u-mb-2 { margin-bottom: 0.8rem; }
.u-mb-3 { margin-bottom: 1.2rem; }

.u-muted { color: var(--text-2); }
.u-faint { color: var(--text-3); }
.u-nowrap { white-space: nowrap; }
.u-fill { width: 100%; }