/**
 * 「下一档预约」(`.rc-next` / `__label / __sep / __guest-chunks`)、空态文案 / 背景
 * (`.rc--empty / .rc-empty-text`)、占用付款 / 超时态描边
 * (`.rc--occupied-pay / .rc--occupied-timeout`)、Locked 斜纹底与锁图标
 * (`.rc--locked / .rc-lock-icon / .rc-locked-text`)。
 */

/* ==================== Next Booking ==================== */

.rc-next {
  border-top: 1px dashed var(--c-border);
  padding-top: 8px;
  margin-top: 2px;
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 12px;
  color: var(--c-text-3);
  flex-wrap: wrap;
}

.rc-next__label {
  font-size: 10px;
  /** 「Next」标签作为下一档预约的视觉锚点，从 --c-text-4 提至 --c-text-1 + 600 加粗，
   *  与主标题层级对齐，保证小尺寸卡片下仍可被快速识别 */
  color: var(--c-text-1);
  font-weight: 600;
  letter-spacing: 0.04em;
}

.rc-next__sep {
  color: var(--c-text-4);
}

.rc-next__guest-chunks {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  row-gap: 2px;
  max-width: 100%;
}

/* ==================== Empty / Locked special ==================== */

.rc--empty {
  background: #ffffff;
}

.rc-empty-text {
  font-size: 13px;
  color: var(--c-text-2);
  padding: 0 2px 2px;
}

/* demo CARD_CLASS 细分态（原 css 未定义，补视觉区分） */

.rc--occupied-pay {
  box-shadow: inset 0 0 0 1px rgba(245, 197, 66, 0.45);
}

.rc--occupied-timeout {
  box-shadow: inset 0 0 0 1px rgba(245, 197, 66, 0.5);
}

.rc--locked {
  opacity: 0.5;
  background: repeating-linear-gradient(-45deg,
  var(--c-surface),
  var(--c-surface) 6px,
  var(--c-surface-muted, #f5f5f5) 6px,
  var(--c-surface-muted, #f5f5f5) 12px);
}

.rc-lock-icon {
  color: var(--c-text-4);
  margin-bottom: 4px;
}

.rc-locked-text {
  font-size: 12px;
  color: var(--c-text-2);
}
