/* ops-list.css — GSP v2 운영 리스트 공통 디자인 토큰/유틸 (2026-06-28)
 * 표준: reference/DESIGN_STANDARD_2026-06-28.md
 * 원칙: 기존 .badge/.act-btn/body 등은 덮지 않음(additive). 신규 토큰·유틸·보강 배지만 정의 → 깨짐 위험 0.
 * 차후: ops-readable.js(런타임 !important)를 이 파일로 점진 이관. 신규 화면은 .ops-* 유틸 우선 사용.
 */

/* 0) 네비게이션 안정화 — 스크롤바 공간 항상 예약(페이지 간 이동 시 좌우 흔들림 방지).
 *    2026-07-23: purchase/orders 등 일부 페이지가 navigation-stability.css 미포함이라
 *    스크롤바 유무로 콘텐츠 폭이 튀는 문제 → 공통 CSS에 통합해 재발방지(모든 ops-list 포함 페이지 일관). */
html { scrollbar-gutter: stable; }

/* 1) 공통 색 토큰 (화면별 inline :root 미정의 시 fallback) */
:root {
  --gsp-ink:#1A1A1A; --gsp-ink-2:#4B4B4B; --gsp-ink-3:#8A8A82; --gsp-ink-4:#BDBDB5;
  --gsp-surface-2:#EEECEA; --gsp-border:#E2E0D8;
  --gsp-blue:#185FA5; --gsp-blue-bg:#E6F1FB; --gsp-blue-text:#0C447C;
  --gsp-green-bg:#EAF3DE; --gsp-green-text:#3B6D11;
  --gsp-amber-bg:#FAEEDA; --gsp-amber-text:#854F0B;
  --gsp-red-bg:#FCEBEB; --gsp-red-text:#A32D2D;       /* 삭제/사고/실손실/즉시차단 전용 */
}

/* 2) 정보성 배지(회색) — 경과일 D+N·자동추정·미사용. 빨강 남용 대체.
   (inventory 등은 이미 .badge-gray 보유 → 동일값으로 안전 통일) */
.badge-gray { background: var(--gsp-surface-2); color: var(--gsp-ink-3); }
.badge-info { background: var(--gsp-blue-bg); color: var(--gsp-blue-text); }

/* 3) 테이블 유틸 — 금액 우측+mono, 보조 회색, 코드 mono (신규 클래스, 옵트인) */
.ops-num   { text-align: right; font-family:'Pretendard',-apple-system,BlinkMacSystemFont,sans-serif; font-variant-numeric: tabular-nums; }
.ops-mono  { font-family:'Pretendard',-apple-system,BlinkMacSystemFont,sans-serif; }
.ops-muted { color: var(--gsp-ink-3); font-size: 11px; }
.ops-strong{ font-weight: 600; color: var(--gsp-ink); }   /* 행당 핵심값 1개에만 */

/* 4) 행당 경고 배지 접기 표식 (+N) */
.ops-badge-more { background: var(--gsp-surface-2); color: var(--gsp-ink-3); font-size:9px; padding:1px 5px; border-radius:4px; margin:1px; display:inline-block; }

/* 5) 버튼 의미 토큰 — 신규 클래스(기존 act-btn 미간섭). danger 는 우측 배치 권장 */
.ops-btn-danger  { border-color:#C94545; color:#A32D2D; }
.ops-btn-neutral { background:#fff; border:1px solid var(--gsp-border); color:var(--gsp-ink-2); }