feat(monthly-comparison): detail 모드 근태 인라인 편집

- 각 일별 카드에 편집 버튼 (detail 모드 전용)
- 인라인 폼: 근무시간 + 휴가유형 선택
- 저장 → POST /attendance/records (upsert + vacation balance 자동 연동)
- 휴가유형 선택 시 시간 자동 조정 (연차→0, 반차→4, 반반차→6)
- attendance_type_id 자동 결정

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

system1-factory/web/css/monthly-comparison.css

@@ -303,3 +303,18 @@
 .ds-link { color: #2563eb; font-size: 0.8rem; text-decoration: underline; }
 
 @media (max-width: 480px) { body { max-width: 480px; margin: 0 auto; } }
+
+/* Inline Edit */
+.mc-edit-btn { background: none; border: none; color: #9ca3af; cursor: pointer; font-size: 12px; padding: 2px 6px; margin-left: auto; }
+.mc-edit-btn:hover { color: #2563eb; }
+.mc-attend-row { display: flex; align-items: center; }
+.mc-edit-form { display: flex; flex-direction: column; gap: 6px; padding: 4px 0; }
+.mc-edit-row { display: flex; align-items: center; gap: 6px; font-size: 13px; }
+.mc-edit-row label { width: 36px; font-weight: 600; color: #6b7280; font-size: 12px; }
+.mc-edit-input { width: 60px; padding: 4px 6px; border: 1px solid #d1d5db; border-radius: 6px; font-size: 13px; text-align: center; }
+.mc-edit-select { padding: 4px 6px; border: 1px solid #d1d5db; border-radius: 6px; font-size: 13px; flex: 1; }
+.mc-edit-actions { display: flex; gap: 6px; margin-top: 2px; }
+.mc-edit-save { padding: 4px 12px; background: #10b981; color: white; border: none; border-radius: 6px; font-size: 12px; cursor: pointer; }
+.mc-edit-save:hover { background: #059669; }
+.mc-edit-cancel { padding: 4px 12px; background: #e5e7eb; color: #374151; border: none; border-radius: 6px; font-size: 12px; cursor: pointer; }
+.mc-edit-cancel:hover { background: #d1d5db; }