/* ══ 예약 티켓 — 한 벌 (D-539 R3 → D-745 시안 A «예약은 한 장이다») ═══════════════════════════
   [날짜 기둥 | 누구와 무엇을 | (상태)] — [내 예약] 목록·예약 상세(모달)·리뷰 쓰기 머리·세무사 상세의
   예약 모달(«만들어지는 티켓»)·/book이 이 파일 하나를 본다. 지면마다 베끼면 갈린다(D-731의 교훈).
   🔴 굵기는 500이다(design.md §2 — 700은 화면 머리만). 옛 800/700(D-541)은 시안 A에서 500으로
      내렸다 — 목록 카드(.rsv-card, client.css)가 이미 500이라 상세·모달만 굵었다.
   ⚠ 이 파일을 싣는 지면: reservations · reservation-detail(+조각 rsv-detail) · review-write ·
     tax-detail · book. 조각을 모달로 띄우는 지면은 이 파일과 annotate.css를 둘 다 링크해야 한다.
   날짜를 덩어리로 분리한다 — 왼쪽 칸이 「언제」만, 오른쪽이 「누구와 무엇을」을 맡는다(D-539).
   ⚠ 라벨-값 표로 되돌리지 마라. 예전 배치는 space-between이라 라벨과 값이 카드 양끝으로
     벌어져 눈이 660px을 건너야 했다(사용자 지적으로 뒤집은 자리다).
   ⚠ 이 머리 주석을 고칠 때 닫기 표시를 두 번 쓰지 마라 — 처음 만들 때 짝 없는 닫기 표시가 남아
     파서가 첫 규칙(.rsv-tk{display:flex})을 통째로 버렸고, 티켓이 세로로 쌓여 떴다(8091 실측).
     CssCommentBalanceTest가 이 짝을 잰다(주석 본문에 닫기 표시 글자를 적어도 걸린다 — 방금 그랬다). */
.rsv-tk { display: flex; align-items: center; gap: 18px; }
.rsv-tk-when {
  flex: none; width: 92px; text-align: center;
  border-right: 1px dashed var(--border); padding-right: 18px;
}
.rsv-tk-when b {
  display: block; font-size: 26px; font-weight: 500;
  letter-spacing: -.02em; line-height: 1.1; font-variant-numeric: tabular-nums;
}
.rsv-tk-when i {
  display: block; font-style: normal; font-size: 12px;
  color: var(--text-tertiary); margin-top: 3px;
}
.rsv-tk-when em {
  display: block; font-style: normal; font-size: 13.5px; font-weight: 500;
  color: var(--text-primary); margin-top: 5px; font-variant-numeric: tabular-nums;
}
.rsv-tk-main { min-width: 0; }
/* 🔴 «누구와 무엇을»이 주인공이다(D-541) — 작게 되돌리지 마라. 상태 칩이 오른쪽으로 물러난
   것도 같은 이유다: 칩은 부가 정보이고 이름·상품이 본문이다. */
.rsv-tk-who {
  margin: 0; font-size: 20px; font-weight: 500; letter-spacing: -.02em; line-height: 1.3;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.rsv-tk-what {
  margin: 5px 0 0; font-size: 15px; color: var(--text-secondary);
  display: flex; align-items: baseline; gap: 7px; flex-wrap: wrap;
}
/* 상태 칩 — 오른쪽 끝, 위쪽 정렬. 이름이 길어도 칩이 밀려나지 않게 flex:none. */
.rsv-tk-chip { margin-left: auto; align-self: flex-start; flex: none; }
.rsv-tk-what i { font-style: normal; color: var(--text-tertiary); }
/* 🔴 금액은 굵게 남긴다 — R3의 약점으로 지적한 자리다(한 줄에 섞이면 돈이 작아진다). */
/* 상품명이 굵다 — «무엇을 샀나»가 금액보다 먼저 읽혀야 한다(D-541에서 뒤집었다). */
.rsv-tk-what b { font-weight: 500; color: var(--text-primary); }
.rsv-tk-what span { font-variant-numeric: tabular-nums; }