/**
 * Cognifiy utilities — small, readable helpers. Prefer component classes for UI.
 */

.u-tabular { font-variant-numeric: tabular-nums; }
.u-mono { font-family: var(--font-mono); font-variant-numeric: tabular-nums; }
.u-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.u-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.u-left { text-align: left; }
.u-center { text-align: center; }
.u-mt-0 { margin-top: 0; }
.u-mb-0 { margin-bottom: 0; }
.u-mb-2 { margin-bottom: var(--space-2); }
.u-mb-4 { margin-bottom: var(--space-4); }
.u-mb-6 { margin-bottom: var(--space-6); }
.u-mb-8 { margin-bottom: var(--space-8); }
.u-gap-2 { gap: var(--space-2); }
.u-gap-3 { gap: var(--space-3); }
.u-gap-4 { gap: var(--space-4); }
.u-flex { display: flex; }
.u-flex-wrap { flex-wrap: wrap; }
.u-items-center { align-items: center; }
.u-justify-between { justify-content: space-between; }
.u-stack {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
}
.u-max-form { max-width: var(--content-form); }
.u-max-readiness { max-width: var(--content-readiness); }
.u-max-dashboard { max-width: var(--content-dashboard); }
.u-max-workspace { max-width: var(--content-workspace); }