/* orders.css — "Đơn của tôi" list + order-row card. */

.orders-scroll { flex: 1; padding: 14px 16px calc(96px + env(safe-area-inset-bottom)); }
.orders-list { display: flex; flex-direction: column; gap: 10px; }

.order-row {
  display: block; width: 100%; padding: 13px 14px; transition: transform 150ms ease;
}
.order-row:active { transform: scale(.99); }
.order-row-top { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.order-row-code { font-family: var(--font-mono); font-weight: 600; font-size: var(--fs-body); letter-spacing: .5px; }
.order-row-title { font-size: var(--fs-body); margin-top: 8px; line-height: var(--lh-snug); text-wrap: pretty; }
.order-row-foot { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; margin-top: 8px; }
.order-row-time { font-size: var(--fs-small); color: var(--muted); }
.order-row-amount { font-family: var(--font-head); font-weight: 700; font-size: var(--fs-amount-sm); }

.order-detail-scroll { flex: 1; padding: 16px 16px calc(96px + env(safe-area-inset-bottom)); display: flex; flex-direction: column; gap: 14px; }

.claim-link { min-height: 44px; padding: 0 14px; border-radius: var(--r1); border: 1px solid var(--dan); background: var(--dan-50); color: var(--dan-fg); font-weight: 600; font-size: var(--fs-label); display: inline-flex; align-items: center; justify-content: center; }
.claim-note { padding: 13px; border-radius: var(--r2); background: var(--warn-50); border: 1px solid #F3E0BC; font-size: var(--fs-note); color: var(--warn-fg); line-height: var(--lh-normal); }