.u-stack-12 {
  display: grid;
  gap: var(--space-stack-sm);
}

.u-stack-16 {
  display: grid;
  gap: var(--space-stack-md);
}

.u-form-grid {
  display: grid;
  gap: var(--space-form-gap);
}

.u-surface-alt {
  background: var(--color-bg-surface-alt);
}

.u-border {
  border: 1px solid var(--color-border-default);
}

.u-rounded-card {
  border-radius: var(--radius-card);
}

/* Text Utilities - P-084.UI-FIX-7 */
.ui-text-muted {
  color: var(--color-text-muted);
}

.ui-text-soft {
  color: var(--color-text-soft);
}

.ui-text-primary {
  color: var(--color-primary);
}

.ui-text-success {
  color: var(--color-success);
}

.ui-text-danger {
  color: var(--color-danger);
}

.ui-text-warning {
  color: var(--color-warning);
}

.ui-text-sm {
  font-size: 12px;
}

.ui-text-xs {
  font-size: 11px;
}

.ui-text-right {
  text-align: right;
}

.ui-text-center {
  text-align: center;
}

/* Flex Utilities */
.ui-flex {
  display: flex;
}

.ui-flex-center {
  display: flex;
  align-items: center;
}

.ui-flex-gap-2 {
  gap: 8px;
}

.ui-flex-gap-3 {
  gap: 12px;
}

.ui-flex-wrap {
  flex-wrap: wrap;
}

.is-hidden {
  display: none !important;
}

/* ─── Meta Row Pattern ─────────────────────────────────── */
.ui-meta-row {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  font-size: var(--font-size-muted, 12px);
  color: var(--color-text-muted);
}

.ui-meta-icon {
  margin-right: 4px;
}

/* ─── Text Utilities (ek) ────────────────────────────────── */
.ui-text-small {
  font-size: var(--font-size-muted, 12px);
  color: var(--color-text-muted);
}

/* ─── Detail View ───────────────────────────────────────── */
.ui-detail-question {
  font-size: 15px;
  font-weight: 600;
  color: var(--color-text-main);
  margin: 0 0 14px;
  line-height: 1.5;
}

/* ─── Code Inline ────────────────────────────────────────── */
.ui-code {
  font-family: ui-monospace, 'SFMono-Regular', Consolas, monospace;
  font-size: 0.85em;
  background: var(--color-bg-surface-alt);
  border: 1px solid var(--color-border-default);
  border-radius: 4px;
  padding: 2px 6px;
  color: var(--color-text-main);
}