ClaimDesk - クレーム・不具合対応管理システム

## 1. アプリの目的・ターゲットユーザー
顧客クレームや製品不具合の受付から原因分析・対策実施・水平展開・クローズまでを一元管理するWebアプリ。
ターゲット：中小製造業の品質管理部門・カスタマーサポート担当・営業部門。年間数件〜数百件のクレームを紙やExcelで管理している現場の「対応漏れ・再発防止策の徹底忘れ・報告書作成工数」を解消する。

## 2. 主要機能
- **クレーム登録・受付管理**：顧客名、発生日、製品・型番、クレーム内容（現象）、緊急度（高/中/低）、担当者をフォーム入力。受付No.を自動採番。
- **対応ステータス管理**：受付済→調査中→対策立案→対策実施→効果確認→クローズ の6段階ステータスをカンバン形式で視覚管理。ステータス変更時に変更日時を自動記録。
- **原因分析・対策記録**：各クレームに対し「直接原因・真因（なぜなぜ5回）・暫定処置・恒久対策・水平展開先」をフォームで記録。再発防止策を他ケースへ紐づけできる。
- **KPIダッシュボード**：月別受付件数、製品別・顧客別・原因分類別の件数グラフ（棒グラフ/円グラフ）、平均クローズ日数、未クローズ件数のサマリーカードを表示。
- **報告書印刷出力**：個別クレーム対応報告書をA4縦レイアウトのHTMLで生成し、ブラウザ印刷（PDF保存）に対応。会社名・ロゴテキストをヘッダーに設定可能。
- **期限アラート・検索**：回答期限を登録でき、超過・当日・翌日のケースを一覧上で色分け警告。製品名・顧客名・フリーワード・ステータス・期間での絞り込み検索。

## 3. 画面構成

### ページ一覧
| ページ | 説明 |
|---|---|
| ダッシュボード (index.php) | KPIカード、月別棒グラフ、直近10件リスト、未クローズ警告バナー |
| クレーム一覧 (list.php) | 検索フォーム＋テーブル一覧（No./顧客/製品/受付日/ステータス/担当/期限）。行クリックで詳細へ |
| 新規登録 (register.php) | 受付情報入力フォーム。顧客・製品はマスタから選択またはフリー入力 |
| 詳細・編集 (detail.php?id=) | 受付情報＋対応履歴タイムライン＋なぜなぜ分析入力欄＋対策記録フォーム。ステータス変更ボタン配置 |
| 報告書印刷 (report.php?id=) | A4縦レイアウトの対応報告書プレビュー（印刷ボタン付き） |
| マスタ管理 (master.php) | 顧客マスタ・製品マスタ・担当者マスタ・原因分類マスタのCRUD |
| 設定 (settings.php) | 会社名・担当部署名・回答期限デフォルト日数 |

### UI要素
- 上部ナビバー（PC固定）＋ハンバーガーメニュー（スマホ）
- ステータスバッジ：色付きpillラベル（受付済=グレー、調査中=青、対策立案=オレンジ、実施=紫、効果確認=水色、クローズ=緑）
- なぜなぜ分析：Why1〜Why5の入力欄を縦並びで配置
- 対応履歴タイムライン：ステータス変更・コメント追加を時系列で表示

## 4. データ構造（MySQLテーブル概要）

```sql
-- 顧客マスタ
customers: id, name, contact_person, tel, email, created_at

-- 製品マスタ
products: id, product_code, product_name, category, created_at

-- 担当者マスタ
staff: id, name, department, email, created_at

-- クレーム台帳（メイン）
claims: id, claim_no(自動採番), customer_id, product_id, staff_id,
received_date, due_date, severity(high/mid/low),
claim_content(TEXT), status(1〜6),
temp_action(TEXT), root_cause(TEXT),
permanent_action(TEXT), horizontal_deployment(TEXT),
closed_date, created_at, updated_at

-- なぜなぜ分析
whywhys: id, claim_id, level(1〜5), content, created_at

-- 対応履歴ログ
claim_logs: id, claim_id, staff_id, action_type(ステータス変更/コメント),
old_status, new_status, comment(TEXT), logged_at

-- 原因分類マスタ
cause_categories: id, name, created_at

-- 設定
settings: id, key, value
```

## 5. デザインの方向性
- **配色**：ベース白、アクセントカラー #1a56db（深青）、緊急度高は #f05252（赤）、クローズ済みは #057a55（緑）。業務システムらしい清潔感を重視。
- **フォント**：日本語はNoto Sans JP（CDN）、数字はMonospaceでNo.・日付を揃える。
- **レイアウト**：サイドナビ（PC幅240px）＋メインコンテンツのPanelレイアウト。スマホは縦1カラム。
- **グラフ**：Chart.js CDNで棒グラフ・円グラフを描画（外部APIキー不要）。
- **印刷CSS**：`@media print`でナビ・ボタンを非表示にし、A4縦に収まる報告書レイアウトを提供。
- **トーン**：派手な装飾なし。現場のタブレット・スマホでも操作しやすい大きめタップターゲット（44px以上）。