73674385be
산업현장 10인치 태블릿에서의 가독성과 터치 조작성을 대폭 개선한다. HTML 시안(pop-design-v2)을 기반으로 기존 기능을 모두 보존하면서 디자인만 변경. [카드 헤더 재구성] - 품목명(item_name) 20px bold 강조 (기존: 미표시) - WO번호+공정명 14px 보조 정보로 전환 (기존: WO번호 13px 주인공) - 상태 배지 14px rounded-full pill (기존: 10px) - 재작업 배지 12px (기존: 9px) - 좌측 컬러바 4px (기존: 3px) [메트릭 3단 통일 구조] - 접수가능: 컨텍스트 + 파랑 박스(접수가능 N EA) - 진행중: 컨텍스트 + 주황 박스(생산 N / N EA) + 칩(양품/불량/잔여) - 완료: 컨텍스트+수율pill + 초록 박스(최종양품 N EA) + 칩 - 재작업: 컨텍스트 + 주황 박스(재작업 수량 N EA) - 핵심 수량 36px extrabold, 컨텍스트 14px (기존: 18px/10px) [카드 높이 일관성] - 메트릭 영역 flex-1 적용: 같은 행의 카드들이 동일 높이로 정렬 - 공정 흐름/버튼이 항상 카드 하단 고정 [공정 흐름 노드 기반 디자인] - 텍스트 칩 -> 40x40px 노드 박스 + 라벨 (기존: 10px 칩) - 커넥터 라인으로 공정 연결 시각화 [액션 버튼 대형화] - h-14(56px) full-width rounded-xl 17px bold (기존: h-7 28px 11px) [MES 카드 래퍼 패딩] - MES 카드 전용 p-1 제거 (카드 내부 충분한 패딩 px-5 보유)