/* Kole UI Mobile · SwipeCell 样式 — 对齐移动端规格 §5
   滑动单元格：左滑露出右侧操作；横向位移 > 10px 判定为滑动，纵向更大时取消；
   松手按是否超过操作区宽度一半决定展开或回弹。 */

.kole-m-swipecell {
  /* 操作区宽度：规格 §5.8 明确「是否有标准档位」未知，这里是实现默认值，可被业务覆盖 */
  --kole-m-swipecell-offset: 0px;
  --kole-m-swipecell-action-width: 72px;
  position: relative;
  overflow: hidden;
  background: var(--kole-color-card-bg);
  font-family: var(--kole-font-family);
}

.kole-m-swipecell__actions {
  position: absolute;
  inset-block: 0;
  inset-inline-end: 0;
  display: flex;
}

/* 变体 direction=right：操作区在左侧，内容向右滑出 */
.kole-m-swipecell--right .kole-m-swipecell__actions {
  inset-inline-end: auto;
  inset-inline-start: 0;
}

.kole-m-swipecell__action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: var(--kole-m-swipecell-action-width);
  border: 0;
  background: var(--kole-color-table-header-bg);
  color: var(--kole-color-text-body);
  font-family: inherit;
  font-size: var(--kole-m-font-size-label);
  cursor: pointer;
  touch-action: manipulation;
}

.kole-m-swipecell__action:focus-visible {
  outline: 2px solid var(--kole-color-focus-ring);
  outline-offset: -2px;
}

.kole-m-swipecell__action:active { filter: brightness(.94); }

.kole-m-swipecell__action--danger {
  background: var(--kole-color-error);
  color: var(--kole-color-text-inverse);
}

.kole-m-swipecell__content {
  position: relative;
  z-index: 1;
  display: block;
  padding: var(--kole-space-12) var(--kole-m-gutter);
  background: var(--kole-color-card-bg);
  text-align: start;
  transform: translateX(var(--kole-m-swipecell-offset));
  transition: transform var(--kole-m-duration-slide) var(--kole-ease-slide);
  touch-action: pan-y;
}

/* 拖拽中不跟手会有延迟感：取消过渡 */
.kole-m-swipecell.is-dragging .kole-m-swipecell__content { transition: none; }

.kole-m-swipecell__title {
  display: block;
  font-size: var(--kole-m-font-size-body);
  color: var(--kole-color-text-title);
  line-height: 1.4;
}

.kole-m-swipecell__desc {
  display: block;
  margin-top: var(--kole-space-4);
  font-size: var(--kole-m-font-size-label);
  color: var(--kole-color-text-secondary);
  line-height: 1.4;
}