/**
 * WFOPS utilities.css
 * 최소한의 유틸 클래스
 * 점진 이전용 - 기존 common.css와 병행
 */

/* --- Spacing --- */
.mt-0 { margin-top: 0; }
.mt-1 { margin-top: 4px; }
.mt-2 { margin-top: 8px; }
.mt-3 { margin-top: 12px; }
.mt-4 { margin-top: 16px; }

.mb-0 { margin-bottom: 0; }
.mb-1 { margin-bottom: 4px; }
.mb-2 { margin-bottom: 8px; }
.mb-3 { margin-bottom: 12px; }
.mb-4 { margin-bottom: 16px; }

.p-2 { padding: 8px; }
.p-3 { padding: 12px; }
.p-4 { padding: 16px; }

/* --- Text --- */
.text-center { text-align: center; }
.text-right { text-align: right; }

.text-muted { color: #6b7280; }
.text-danger { color: #dc2626; }
.text-success { color: #22c55e; }

/* --- Display --- */
.d-block { display: block; }
.d-flex { display: flex; }
.d-none { display: none; }

/* --- Width --- */
.w-100 { width: 100%; }

/* --- Grid --- */
.grid-3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 6px;
  align-items: center;
}

.grid-4 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 6px;
  align-items: center;
}

.gap-1 { gap: 4px; }
.gap-2 { gap: 8px; }
.gap-3 { gap: 12px; }