/* =========================================
   이음 예약 목록 — 라인 탭 + 상태 카드
   공통 리셋·헤더·탭·배지·아이콘·GNB 는 tokens.css 사용
========================================= */
.app{background:var(--g50);padding-bottom:calc(96px + env(safe-area-inset-bottom))}

/* ---------- 카드 목록 ---------- */
.rlist{display:flex;flex-direction:column;gap:10px;padding:16px}
.rcard{background:var(--white);border-radius:8px;padding:16px;display:flex;flex-direction:column;gap:12px}

/* 상단: 상태 배지 + 날짜 — 텍스트는 공통 .fs-* (tokens.css) 사용 */
.rcard__top{display:flex;align-items:center;justify-content:space-between}

/* 본문: 썸네일 + 정보 */
.rcard__body{display:flex;gap:12px;align-items:flex-start;cursor:pointer}
/* 썸네일은 공통 .thumb .thumb--60 (tokens.css) 사용 — 어두운 그라데이션만 보정 */
.rcard__thumb{background:var(--g900)}
.rcard__thumb::after{content:"";position:absolute;inset:0;background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.56))}
.rcard__info{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}
.rcard__loc-row{display:flex;align-items:center;justify-content:space-between;gap:4px}
.rcard__name{line-height:24px}
.rcard__date-row{display:flex;align-items:center;gap:4px}
/* D-day 배지(.dday/.dday--today)는 공통 tokens.css 사용 */
/* 환불 박스 */
.refund{background:var(--g50);border-radius:6px;padding:16px;display:flex;align-items:center;justify-content:space-between}

/* 안내 문구 */
.rcard__note{display:flex;align-items:center;gap:4px}
.rcard__note i{flex:none}

/* 구분선 */
.rcard__divider{height:1px;background:var(--g200)}

/* 액션 버튼 (공통 .btn 사용) */
.rcard__actions{display:flex;flex-direction:column;gap:8px}
.rcard__btns{display:flex;gap:8px}