/**
 * 房间卡样式：入口仅做分片 @import，具体规则见同目录下 `ReservationFloorRoomCard-*.less`。
 *
 * 分片职责（按 import 顺序 = CSS 级联顺序，禁止调整顺序，否则会破坏后置覆盖）：
 *   1. keyframes              全局 @keyframes（不依赖任何选择器作用域）
 *   2. shell-base             根 `.pisell-res-floor-room-card` 容器 + CSS 变量 + halo + edge progress + 内层 `.rc` 经典外壳
 *   3. shell-circle           圆桌（`[data-shape='circle']`）专属布局
 *   4. tooltip-time           小卡极简模式（方桌 / 圆桌共用 DOM） + `[data-tooltip-time='on']` 整链 overflow
 *   5. header                 顶栏：桌名 / 容量 / 状态 Tag
 *   6. body                   正文：滚动 / 图标 / 联系人 / 订单号 / 时刻
 *   7. amount                 金额行与全局 highlight 色
 *   8. progress               通用进度条
 *   9. stamp                  支付印章
 *  10. next-empty-locked      下一档预约 + 空态 + 锁定 + occupied-pay / timeout 描边
 *  11. occupied               占用态 + 多条预留的状态色覆盖（深绿底白字）
 *  12. compact                多预约列表内单条 compact 行
 *  13. multi-list             多预约列表容器 / 「查看全部」弹层
 *  14. theme                  主题 B (compact) / 主题 C (wide) + modal-shell 弹层外壳
 *  15. square-chip            方桌「双 chip 紧贴」布局
 *  16. density                响应式密度（comfortable / compact / mini / micro）
 */
@import './ReservationFloorRoomCard-keyframes.less';

.pisell-res-floor-room-card {
  @import './ReservationFloorRoomCard-shell-base.less';
  @import './ReservationFloorRoomCard-shell-circle.less';
  @import './ReservationFloorRoomCard-tooltip-time.less';
  @import './ReservationFloorRoomCard-header.less';
  @import './ReservationFloorRoomCard-body.less';
  @import './ReservationFloorRoomCard-amount.less';
  @import './ReservationFloorRoomCard-progress.less';
  @import './ReservationFloorRoomCard-stamp.less';
  @import './ReservationFloorRoomCard-next-empty-locked.less';
  @import './ReservationFloorRoomCard-occupied.less';
  @import './ReservationFloorRoomCard-compact.less';
  @import './ReservationFloorRoomCard-multi-list.less';
  @import './ReservationFloorRoomCard-theme.less';
  @import './ReservationFloorRoomCard-square-chip.less';
  @import './ReservationFloorRoomCard-density.less';
}

/** 暗色 floorMap 背景下，reserved halo 提升亮度与发光，避免在灰黑底上对比不足 */
.pisell-floor-map-layout[data-appearance-mode='dark'] .pisell-res-floor-room-card {
  --rc-reserved-halo-border: rgba(44, 214, 152, 0.98);
  --rc-reserved-halo-glow: rgba(121, 242, 192, 0.44);
  --rc-reserved-halo-glow-soft: rgba(121, 242, 192, 0.24);
  --rc-reserved-halo-glow-size: 8px;
  --rc-reserved-halo-glow-soft-size: 6px;
  --rc-reserved-halo-hover-glow-size: 8px;
  --rc-reserved-halo-hover-glow-soft-size: 6px;
}

/** 低代码 Modal 内容区内的房间卡上下留白 */
.pisell-lowcode-modal-body .pisell-res-floor-room-card {
  margin: 0;

  .rc {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
}

/** 平面图多预约「查看全部」Modal：内容区内边距（压过 Pisell PC Modal 默认 `0 24px`） */
.pisell-lowcode-modal-root .pisell-res-floor-view-all-modal-wrap .pisell-lowcode-modal-content .pisell-lowcode-modal-body {
  padding: 6px !important;
  box-sizing: border-box;
}