/* 약속 동선 스케줄러 (ISS-010) — zone_block 색상 구분. brand-dna 기반. */
.appt {
  max-width: 480px;
  margin: 0 auto;
  padding: 24px 20px 40px;
  font-family: "Pretendard", -apple-system, BlinkMacSystemFont, sans-serif;
  color: #0D1B3E;
}

.appt__brand { font-size: 13px; font-weight: 700; color: #1B4FD8; margin: 0 0 6px; }
.appt__title { font-size: 24px; font-weight: 700; margin: 0; }
.appt__sub { font-size: 13px; color: #4B5A7A; margin: 6px 0 24px; }

/* 동선 추천 박스 */
.appt__suggest {
  background: #FFFFFF;
  border: 1px solid #D1D9EE;
  border-left: 3px solid #D97706;
  border-radius: 12px;
  padding: 16px 18px;
  margin-bottom: 24px;
}
.appt__suggest-title { font-size: 14px; font-weight: 700; color: #D97706; margin: 0 0 12px; }
.appt__suggest-row { font-size: 14px; line-height: 1.6; margin: 0 0 8px; display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }

/* zone_block 배지 — 5블록 색상 구분 */
.appt__zone {
  display: inline-block;
  font-size: 11px;
  font-weight: 700;
  padding: 3px 8px;
  border-radius: 6px;
  color: #fff;
  letter-spacing: 0.04em;
}
.appt__zone--north { background: #1B4FD8; }   /* 북: hero 블루 */
.appt__zone--south { background: #0F766E; }   /* 남: 틸 */
.appt__zone--east  { background: #B45309; }   /* 동: 앰버 다크 */
.appt__zone--west  { background: #6D28D9; }   /* 서: 퍼플 */
.appt__zone--etc   { background: #4B5A7A; }   /* 기타: 그레이 */

/* 약속 목록 */
.appt__list { display: flex; flex-direction: column; gap: 10px; }
.appt__item {
  background: #FFFFFF;
  border: 1px solid #D1D9EE;
  border-radius: 12px;
  padding: 14px 16px;
}
.appt__item-main { display: flex; align-items: center; gap: 10px; margin-bottom: 6px; }
.appt__item-name { font-size: 16px; font-weight: 600; }
.appt__item-meta { font-size: 13px; color: #4B5A7A; }
.appt__empty { text-align: center; color: #4B5A7A; font-size: 15px; padding: 40px 0; }