/**
 * 占用态 (`.rc--occupied`) 与多条预留 (`.rc--reserved.rc--multi`) 的状态色覆盖：
 * 深绿底白字、各子元素的对比色重写（文案 / 联系人 / 时刻 / 标签 / 进度条 /
 * multi 项 / 金额 / 印章）、行内付款角标颜色，以及 multi 列表 + 「查看全部」
 * 弹层内 compact 子项的肤色与防裁切处理。
 */

/* ==================== Occupied background ==================== */

.rc--occupied {
  background: #17503A;
  color: #ffffff;
}

.rc--occupied .rc-room-name,
.rc--occupied .rc-room-name-count {
  color: #ffffff;
}

.rc--occupied .rc-capacity {
  color: rgba(255, 255, 255, 0.6);
}

.rc--occupied .rc-items-count,
.rc--occupied .rc-compact__items-count {
  color: rgba(255, 255, 255, 0.8);
}

.rc--occupied .rc-compact__items-count--in-scroll {
  color: rgba(255, 255, 255, 0.8);
}

.rc--occupied .rc-contact__name {
  color: #ffffff;
}

.rc--occupied .rc-order-line__number {
  color: #ffffff;
}

.rc--occupied .rc-time-row__contact {
  color: #ffffff;
}

.rc--occupied .rc-contact__phone {
  color: rgba(255, 255, 255, 0.6);
}

.rc--occupied .rc-time-row {
  color: rgba(255, 255, 255, 0.8);
}

.rc--occupied .rc-sep {
  color: rgba(255, 255, 255, 0.3);
}

.rc--occupied .rc-tag--occupied {
  background: rgba(255, 255, 255, 0.15);
  color: #ffffff;
}

.rc--reserved .rc-order-line__status {
  background: #e8f4fd;
  color: #1677b6;
}

.rc--occupied .rc-order-line__status {
  background: rgba(255, 255, 255, 0.15);
  color: #ffffff;
}

.rc--occupied .rc-next {
  border-top-color: rgba(255, 255, 255, 0.2);
  color: rgba(255, 255, 255, 0.6);
}

.rc--occupied .rc-next__label {
  /** occupied 态卡片底色为深红/紫，原 0.4 透明白看不清；
   *  与上面 .rc-next__label 同样的强调策略：提高对比度到接近纯白 */
  color: rgba(255, 255, 255, 0.92);
}

.rc--occupied .rc-next__sep {
  color: rgba(255, 255, 255, 0.3);
}

.rc--occupied .rc-progress__bar {
  background: rgba(255, 255, 255, 0.2);
}

.rc--occupied .rc-multi-item {
  background: rgba(255, 255, 255, 0.1);
}

.rc--occupied .rc-multi-item__name {
  color: #ffffff;
}

.rc--occupied .rc-multi-item__time {
  color: rgba(255, 255, 255, 0.6);
}

.rc--occupied .rc-multi-more {
  color: rgba(255, 255, 255, 0.5);
}

.rc--occupied .rc-multi-more:hover {
  color: #ffffff;
}

/** 多条占用：每条 compact 半透明白底（圆桌/方桌/查看全部弹层一致，优先级高于通用 .rc-compact） */
.rc--occupied.rc--multi .rc-multi-list > .rc-compact,
.rc--occupied.rc--multi .rc-multi-modal-body .rc-compact {
  background: rgba(255, 255, 255, 0.08);
}

/**
 * 多条占用/预留（方桌列表 + 查看全部弹层）：行宽不足时 flex 子项默认 min-width:auto 会撑破容器，
 * 右侧金额 + 已付/未付 tag 被 .rc-multi-list / modal-body 的 overflow-x:hidden 裁切。
 * 收窄单项与行的最小宽度，并允许右侧商务列收缩；.rc-compact__pay-row 已 wrap，tag 可换行避免被裁切。
 */
.rc--occupied.rc--multi .rc-multi-list > .rc-compact,
.rc--reserved.rc--multi .rc-multi-list > .rc-compact,
.rc--occupied.rc--multi .rc-multi-modal-body .rc-compact,
.rc--reserved.rc--multi .rc-multi-modal-body .rc-compact {
  min-width: 0;
  max-width: 100%;
}

.rc--occupied.rc--multi .rc-multi-list > .rc-compact .rc-compact__row,
.rc--reserved.rc--multi .rc-multi-list > .rc-compact .rc-compact__row,
.rc--occupied.rc--multi .rc-multi-modal-body .rc-compact .rc-compact__row,
.rc--reserved.rc--multi .rc-multi-modal-body .rc-compact .rc-compact__row {
  min-width: 0;
}

.rc--occupied.rc--multi .rc-multi-list > .rc-compact .rc-compact__right,
.rc--reserved.rc--multi .rc-multi-list > .rc-compact .rc-compact__right,
.rc--occupied.rc--multi .rc-multi-modal-body .rc-compact .rc-compact__right,
.rc--reserved.rc--multi .rc-multi-modal-body .rc-compact .rc-compact__right {
  flex-shrink: 1;
  min-width: 0;
}

.rc--occupied.rc--multi .rc-multi-list > .rc-compact .rc-compact__pay-row,
.rc--reserved.rc--multi .rc-multi-list > .rc-compact .rc-compact__pay-row,
.rc--occupied.rc--multi .rc-multi-modal-body .rc-compact .rc-compact__pay-row,
.rc--reserved.rc--multi .rc-multi-modal-body .rc-compact .rc-compact__pay-row {
  max-width: 100%;
  justify-content: flex-end;
}

/* 多条预留：与 multi 占用同列表结构，浅色预留肤 + 紧凑行可读深色字 */

.rc--reserved.rc--multi {
  background: #ffffff;
}

/**
 * 多条预留：每条 compact 浅蓝底。用列表容器提高优先级，确保压过下方通用 .rc-compact 白底（圆桌/方桌一致）。
 */
.rc--reserved.rc--multi .rc-multi-list > .rc-compact,
.rc--reserved.rc--multi .rc-multi-modal-body .rc-compact {
  background: rgba(22, 119, 182, 0.08);
}

.rc--reserved.rc--multi .rc-compact__name {
  color: var(--c-text-1);
}

.rc--reserved.rc--multi .rc-compact__scroll {
  color: var(--c-text-2);
}

.rc--reserved.rc--multi .rc-compact__amount {
  color: var(--c-text-1);
}

.rc--reserved.rc--multi .rc-compact__items-count,
.rc--reserved.rc--multi .rc-compact__items-count--in-scroll {
  color: var(--c-text-2);
}

.rc--reserved.rc--multi .rc-multi-more {
  color: var(--c-text-3);
}

.rc--reserved.rc--multi .rc-multi-more:hover {
  color: var(--c-text-1);
}

.rc--reserved.rc--multi .rc-progress__bar {
  background: rgba(0, 0, 0, 0.1);
}

.rc--reserved.rc--multi .rc-progress__fill {
  background: #1677b6;
}

.rc--occupied .rc-amount {
  color: #ffffff;
}

/** 未付金额：与 `--rc-pay-unpaid` 同源（高于上一行白字） */
.rc--occupied .rc-amount.rc-highlight--unpaid,
.rc--occupied .rc-compact__amount.rc-highlight--unpaid {
  color: var(--rc-pay-unpaid);
}

/** 已付金额保持白字；徽章/印章单独用绿色 */

.rc--occupied .rc-amount.rc-highlight--paid,
.rc--occupied .rc-compact__amount.rc-highlight--paid {
  color: #ffffff;
}

/**
 * 占用态下 rc-highlight--paid 仅用于金额容器时由上方白字规则覆盖；
 * 此处仅作用于非金额节点，避免误把金额行染成浅绿。
 */
.rc--occupied .rc-highlight--paid:not(.rc-amount):not(.rc-compact__amount) {
  color: #7ef5a0;
}

.rc--occupied .rc-highlight--unpaid {
  color: var(--rc-pay-unpaid);
}

.rc--occupied .rc-highlight--overtime {
  color: #f5c542;
}

.rc--occupied .rc-highlight--danger {
  color: var(--rc-pay-unpaid);
}

.rc--occupied .rc-stamp--paid {
  border-color: #34c759;
  color: #7ef5a0;
}

/** 占用态行内付款角标（圆桌单条 / 多条 compact）与方桌印章已付绿对齐 */
.rc--occupied .rc-compact__badge--paid {
  border-color: #34c759;
  color: #7ef5a0;
}

.rc--occupied .rc-stamp--unpaid {
  border-color: var(--rc-pay-unpaid);
  color: var(--rc-pay-unpaid);
}
