.pisell-floor-map-layout-item-layer {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}

.pisell-floor-map-layout-item {
  /* 必须裁剪在格子内，避免内容溢出到格子外导致位置错乱 */
  overflow: hidden;
  cursor: pointer;
  z-index: 0;

  /** hover 描边与编辑态选中一致（见 EditableItemLayer：`pisell-floor-map-layout-editable-item-selected`） */

  // &-hoverable&-hover-outline:hover {
  //   outline: 3px solid var(--fmap-primary, #1677ff);
  //   outline-offset: 0;
  //   box-shadow: 0 0 0 1px rgba(22, 119, 255, 0.25);
  //   z-index: 1;
  // }

  /** 阅读态：详情弹层等打开时由业务传入 `readModeSelectedItemId`，与编辑态选中描边一致 */
  &-read-selected {
    outline: 3px solid var(--fmap-primary, #1677ff);
    outline-offset: 0;
    box-shadow: 0 0 0 1px rgba(22, 119, 255, 0.25);
  }
}

/**
 * 房台小卡（tooltip-time）需要允许 tooltip 浮层越出格子边界。
 * 仅在 item 内包含该类卡片时放开 overflow，避免影响其它图元定位/裁剪。
 */
.pisell-floor-map-layout-item:has(.pisell-res-floor-room-card[data-tooltip-time='on']),
.pisell-floor-map-layout-item:has(.pisell-res-floor-room-card[data-reserved-halo='on']),
.pisell-floor-map-layout-item:has(.pisell-topology-device-card),
.pisell-floor-map-layout-item:has(.pisell-floor-map-selection-zone) {
  overflow: visible;
  z-index: 1;
}

/**
 * 小卡溢出标题 pill 跨 item 抢占：默认 tooltip-time item 都是 z-index:1，
 * 相邻卡的进度条 / 框可能压住本卡溢出的桌名 pill。hover / 阅读态选中时把整张
 * item 抬到 z-index:5，让用户当前关注的卡片溢出标题永远盖过邻居；编辑态选中
 * 走 `EditableItemLayer` 的更高层级，不冲突。
 */
.pisell-floor-map-layout-item:has(.pisell-res-floor-room-card[data-tooltip-time='on']):hover,
.pisell-floor-map-layout-item-read-selected:has(.pisell-res-floor-room-card[data-tooltip-time='on']) {
  z-index: 5;
}
