▼ 1 カード分の表示例 (Emma Wilson)
1
2
3
4
5
6
7
8
9
10
11
Ski
Guide
Paid
Emma Wilson
¥412,000
Feb 22 – 25
FD
AM
PM
+1
YOYuka +2
-
1
Service バッジ
この予約に含まれるサービス（Ski / Snb / Guide）。複数あれば横並びで全部表示（例：Ski + Guide）。
-
2
Status バッジ
予約の状態（Paid / Reserved / Invoice / Quotation / Cancelled 等）。色でも識別可。
-
3
左端 色帯（4px）
Status と同じ色。スクロール中に視線を上下するだけで状態が分かる「副信号」。
-
4
顧客名（hero）
カードで一番大きく目立つ表記。Agent予約でも 実際の代表者の本名（Agent名ではない）。
-
5
合計金額
税込合計。右上アンカー。全カードで同じ位置に揃うので縦スクロール時に金額比較が容易。
-
6
日付範囲
開始 – 終了の省略表記（同月：Feb 18 – 20 / 別月：Feb 28 – Mar 2 / 1日：Feb 17）。
-
7
Product chips（時間帯）
アイテム1個に1チップ。FD（Full Day）/ AM / PM / EVE。色で時間帯を識別。4個以上は +N 省略表示。
-
8
担当インストラクター（+N）
最も多くのアイテムを持つ人を表示。+N は他に N 人いる印。展開すると全担当の内訳が見える。
-
9
参加者アイコン
人型シルエット 1 個 = 1 人。数字ではなく形で把握。6人以上は 5 個 + +N。
-
10
Booked Via（流入経路）
Agent名 / Referral名 / Web。種別は • AGENT（青ピル）/ • REFERRAL（紫ピル）/ 🌐 Web アイコンで明示。
-
11
Booking ID + › 矢印
参照用のID。右下に muted で表示。› はタップで詳細展開できる印（カードどこをタップしてもOK）。
カードをタップすると、Booking Info（基本情報）/ Items（アイテム明細）/ Rental / Price Summary の4セクションに分かれた詳細が展開されます。閉じるにはカード上部の同じ場所、または下部の Close details ボタンをタップ。
色・記号レジェンド
Status バッジ（色 = 状態）
Paid 支払完了
Reserved Agent経由・月末請求待ち
Invoice 請求書発行済
Quotation 見積り送付済
Cancelled キャンセル
Deposit 一部入金
Draft 下書き
Service バッジ（カード上部）
Ski スキーレッスン
Snb スノーボードレッスン
Guide ガイド (バックカントリー等)
複数併存可（例: Ski + Guide）
Product chips（時間帯）
FD Full Day（1日）
AM 午前半日
PM 午後半日
EVE 夜間
Booked Via ピル
AGENT
代金を顧客代わりに集金する仲介業者
REFERRAL
顧客紹介のみ（集金しない）
アイコン・補助記号
YO
インストラクターのイニシャル + 担当色
+2
他に N 人の担当者がいる印（タップで詳細）
›
展開可能の印（カードタップでもOK）