/* 阿橘+1 LIFF — 點餐紀錄（09A-P5）：頁面專屬，其餘見 finance-common.css。
 * roadmap §2.6：舊檔第 3 行有一條散落在規則外的宣告，把 #app 整條規則吃掉（沒有 480px 容器與 padding）；已整檔重寫。 */
.history-card-title { font-size: var(--font-size-body); font-weight: var(--font-weight-bold); color: var(--color-text-strong); margin-bottom: var(--space-2); }

/* ── 09A-P8：點餐紀錄（頁面專屬；共用層 finance-common.css 不動） ── */
.h-context { margin: var(--space-2) 0 0; font-size: var(--font-size-sm); color: var(--color-text-soft); line-height: var(--line-height-body); overflow-wrap: anywhere; }
.h-trend { padding: var(--space-3) var(--space-4); }
.h-trend .history-card-title { margin: 0 0 var(--space-1); font-size: var(--font-size-sm); color: var(--color-text-soft); }
.h-trend .fin-bars { height: 88px; }
.h-trend-note { margin-top: var(--space-1); font-size: var(--font-size-sm); color: var(--color-text-soft); }
.h-list { display: flex; flex-direction: column; gap: var(--space-2); }
h2.h-date { margin-left: 0; margin-right: 0; }

/* 一團一張卡：店名＋金額 → 時間・份數（・群組）→ 品項 */
.h-order { padding: var(--space-3) var(--space-4); background: var(--color-bg-card); border-radius: var(--radius-md); box-shadow: var(--shadow-sm); }
.h-order-head { display: flex; align-items: baseline; justify-content: space-between; gap: var(--space-3); }
.h-store { flex: 1; min-width: 0; margin: 0; font-size: var(--font-size-body); font-weight: var(--font-weight-bold); color: var(--color-text-strong); overflow-wrap: anywhere; }
.h-amt { flex: 0 0 auto; font-size: var(--font-size-lg); font-weight: var(--font-weight-bold); color: var(--color-text-strong); font-variant-numeric: tabular-nums; white-space: nowrap; }
.h-store-list { margin-top: 2px; font-size: var(--font-size-sm); color: var(--color-text-soft); overflow-wrap: anywhere; }
.h-meta { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-1); margin-top: var(--space-1); font-size: var(--font-size-sm); color: var(--color-text-soft); }
.h-dot { color: var(--color-text-soft); }
.h-ledger { padding: 0 var(--space-2); border-radius: var(--radius-pill); background: var(--color-bg-sunken); border: 1px solid var(--color-border); color: var(--color-text-primary); overflow-wrap: anywhere; }

.h-items { list-style: none; margin: var(--space-2) 0 0; padding: var(--space-2) 0 0; border-top: 1px dashed var(--color-border); display: flex; flex-direction: column; gap: var(--space-2); }
.h-item { display: flex; align-items: flex-start; gap: var(--space-2); }
.h-qty { flex: 0 0 36px; font-size: var(--font-size-body); font-weight: var(--font-weight-bold); color: var(--color-text-strong); font-variant-numeric: tabular-nums; }
.h-item-body { flex: 1; min-width: 0; }
.h-item-name { font-size: var(--font-size-body); color: var(--color-text-strong); overflow-wrap: anywhere; }
.h-item-opts { margin-top: 1px; font-size: var(--font-size-sm); color: var(--color-text-soft); overflow-wrap: anywhere; }
.h-item-note { margin-top: var(--space-1); padding: 2px var(--space-2); border-radius: var(--radius-sm); background: var(--color-warning-surface); color: var(--color-warning-fg); font-size: var(--font-size-sm); overflow-wrap: anywhere; }
.h-note-label { font-weight: var(--font-weight-bold); margin-right: var(--space-1); }
.h-item-price { flex: 0 0 auto; font-size: var(--font-size-sm); color: var(--color-text-soft); font-variant-numeric: tabular-nums; white-space: nowrap; padding-top: 2px; }
.h-items-unknown { margin-top: var(--space-2); padding-top: var(--space-2); border-top: 1px dashed var(--color-border); font-size: var(--font-size-sm); color: var(--color-text-soft); }
.h-cap { margin: var(--space-3) 0 0; font-size: var(--font-size-sm); color: var(--color-text-soft); text-align: center; }
.h-empty-action { margin-top: var(--space-3); }
.h-empty-action .fin-btn { text-decoration: none; }
.h-nowrap { white-space: nowrap; }
.h-list .h-date { margin-bottom: 0; }
#orders-list .fin-skel--icon { display: none; }   /* 卡片沒有圖示，骨架也不畫 */
.h-empty-action { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--space-2); }