/**
 * 方桌（`&:not([data-shape='circle'])`）「双 chip 紧贴」布局：
 * `.rc` 外壳作纯裁切容器，header / body 各自独立 chip；中缝由 header 1px 虚线
 * 承担（默认浅灰，预订青蓝，占用近白）；含 unified 合并区分支、tooltip 极简
 * 区 (`> .rc-tooltip-time-main`)、占用 / 预约 / 锁定态背景下沉，以及
 * multi-list 在 chip 布局下的内边距对齐。圆桌不在此作用域。
 */

/* ============================================================
   方桌「双 chip 紧贴」布局：
   ─────────────────────────────────────────────
   视觉结构：
     ┌──── header chip (独立 bg + 全圆角) ────┐
     │           桌名 / Cap / Tag             │
     └────────── 1px 虚线（状态分色）────────┘   ← 紧贴，无 gap
     ┌──── body chip   (独立 bg + 全圆角)  ───┐
     │              主预约信息                │
     └────────────────────────────────────────┘
   - 两块都有圆角，但相邻边贴合，靠 .rc 自身 overflow:hidden + 内边间隔 0；
   * - 中缝仅由 header 的 1px 虚线承担（占用：接近白；预定：青蓝，与占用区分）
   * - body 不再加内描边，避免标题栏下沿多出一条线
   * - 圆桌仍是整圆轮廓，不在此作用域
   ============================================================ */
&:not([data-shape='circle']) {
  /** .rc 仅作为外壳：圆角 + 阴影 + 裁剪超出，padding/gap 给到 header / body */
  .rc {
    padding: 0;
    gap: 0;
    overflow: hidden;
  }

  /**
   * 方桌作用域：去掉 .rc 上的占用态深绿底，避免与下方 body chip 同色融为一片
   * 而看不出圆角/分块。深绿改由 body chip 自带（见下方 .rc--occupied > .rc-body 规则）。
   * 圆桌仍走顶层 `.rc--occupied { background: #17503A }`，外形不变。
   */
  .rc.rc--occupied {
    background: transparent;
  }

  /** 选中态：内描边压在最外壳上，与双 chip 整体造型对齐 */
  .rc.rc--floor-detail-open {
    box-shadow: inset 0 0 0 2px rgba(24, 144, 255, 0.92),
      var(--shadow-card);
  }

  /**
   * header / body 各自独立 chip，背景与下方 body 保持一致（透出 .rc / 由状态规则下沉），
   * 中缝用 header 的虚线底边与占用/预定分色，不再给 body 加内描边。
   * compact/mini/micro 时顶栏与正文包在 .rc-unified 内，选择器增加「> .rc-unified >」分支。
   */
  .rc > .rc-unified {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: 0;
    overflow: hidden;
  }

  /** tooltip 极简卡合并区：等同 `.rc-unified` 占位；溢出由 `[data-tooltip-time=on]` 抬为 visible */
  .rc > .rc-tooltip-time-main {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: 0;
    overflow: visible;
    border-radius: var(--radius-m);
  }

  /** 独立顶栏（comfortable）：底边虚线即「双 chip」中缝 */
  .rc > .rc-header {
    padding: 2px 6px;
    min-height: 32px;
    /** 与 .rc 外圆角同源（var(--radius-m)），保证 header 下圆角、body 上圆角与卡片外圆角一致 */
    border-radius: var(--radius-m);
    box-shadow: none;
    background: transparent;
    /** 中缝：默认用浅灰虚线，浅色底上才看得见（占用/预订单独覆盖色） */
    border-bottom: 1px dashed rgba(0, 0, 0, 0.12);
    margin: 0;
  }

  /**
   * 合并布局（compact/mini/micro）：顶栏与正文同在一块里，不再画底边虚线，避免出现「一条缝」。
   */
  .rc > .rc-unified > .rc-header {
    padding: 2px 6px;
    min-height: 32px;
    border-radius: var(--radius-m);
    box-shadow: none;
    background: transparent;
    border-bottom: none;
    margin: 0;
  }

  /** comfortable：body/compact/list 作为整块 chip，必须占满宽度（避免出现左右“空白”） */
  .rc > .rc-body,
  .rc > .rc-compact,
  .rc > .rc-multi-list {
    padding: 6px;
    border-radius: var(--radius-m);
    background: transparent;
    box-shadow: none;
    margin: 0;
    flex: 1 1 auto;
    min-height: 0;
  }

  /** 合并布局（compact/mini/micro）：header/body 处在 unified 内时水平居中 */
  .rc > .rc-unified > .rc-body,
  .rc > .rc-unified > .rc-compact,
  .rc > .rc-unified > .rc-multi-list,
  .rc > .rc-unified > .rc-multi-micro-summary {
    padding: 6px;
    border-radius: var(--radius-m);
    background: transparent;
    box-shadow: none;
    margin: 0;
    flex: 1 1 auto;
    min-height: 0;
  }

  /** 预定中：与占用同样为虚线中缝，改为青蓝系（仅独立顶栏） */
  .rc--reserved > .rc-header {
    border-bottom: 1px dashed rgba(22, 119, 182, 0.55);
  }

  .rc--reserved > .rc-unified > .rc-header {
    border-bottom: none;
  }

  /** Occupied：独立顶栏与 body 之间白虚线中缝；合并布局不要缝 */
  .rc--occupied > .rc-header {
    background: #17503a;
    border-bottom: 1px dashed rgba(255, 255, 255, 0.85);
  }

  .rc--occupied > .rc-unified > .rc-header {
    background: #17503a;
    border-bottom: none;
  }

  /**
   * Occupied 态下 body chip 自带深绿底（原本挂在 .rc 上，会和 chip 圆角同色融为一片）；
   */
  .rc--occupied > .rc-body,
  .rc--occupied > .rc-compact,
  .rc--occupied > .rc-multi-list,
  .rc--occupied > .rc-unified > .rc-body,
  .rc--occupied > .rc-unified > .rc-compact,
  .rc--occupied > .rc-unified > .rc-multi-list,
  .rc--occupied > .rc-unified > .rc-multi-micro-summary,
  .rc--occupied > .rc-tooltip-time-main > .rc-tooltip-time-root {
    background: #17503a;
  }

  /** Locked：.rc 维持斜纹底；header 用纯白覆盖压住条纹，保证可读 */
  .rc--locked {
    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--locked > .rc-header,
  .rc--locked > .rc-unified > .rc-header {
    background: var(--c-surface);
  }

  /** 多预订列表：负 margin 已不需要，与 chip padding 对齐 */
  .rc > .rc-multi-list,
  .rc > .rc-unified > .rc-multi-list {
    margin: 0;
  }
  .rc > .rc-multi-list > .rc-next,
  .rc > .rc-multi-list > .rc-multi-more,
  .rc > .rc-unified > .rc-multi-list > .rc-next,
  .rc > .rc-unified > .rc-multi-list > .rc-multi-more {
    padding-left: 0;
    padding-right: 0;
  }
}