/* Kole UI Mobile · Cell 样式 — 对齐移动端规格 §7
   单元格：一行承载「标题 + 说明 + 值 + 箭头」，整行热区（高度 ≥ 56px），
   按下反馈是整行背景变化；行间默认 1px 分隔线，可用 borderless 关掉。 */

.kole-m-cell {
  display: flex;
  align-items: center;
  gap: var(--kole-space-8);
  box-sizing: border-box;
  width: 100%;
  min-height: var(--kole-m-action-height);
  padding: var(--kole-space-12) var(--kole-m-gutter);
  border: 0;
  border-bottom: 1px solid var(--kole-color-border);
  background: var(--kole-color-card-bg);
  color: var(--kole-color-text-body);
  font-family: inherit;
  font-size: var(--kole-m-font-size-body);
  line-height: 1.4;
  text-align: start;
}

/* 组内最后一条：关掉分隔线 */
.kole-m-cell--borderless { border-bottom-color: transparent; }

/* 变体 link：整行可点，按下反馈是整行背景变化 */
.kole-m-cell--link { cursor: pointer; touch-action: manipulation; }
.kole-m-cell--link:active { background: var(--kole-color-table-header-bg); }

.kole-m-cell:disabled,
.kole-m-cell.is-disabled {
  color: var(--kole-color-text-disabled);
  cursor: not-allowed;
}
.kole-m-cell:disabled:active { background: var(--kole-color-card-bg); }

.kole-m-cell__icon { flex: 0 0 auto; display: inline-flex; color: var(--kole-color-text-secondary); }

.kole-m-cell__main { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 2px; }

.kole-m-cell__title {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: var(--kole-color-text-title);
}

.kole-m-cell__desc {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: var(--kole-m-font-size-label);
  color: var(--kole-color-text-secondary);
}

.kole-m-cell__value {
  flex: 0 0 auto;
  max-width: 45%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: var(--kole-m-font-size-label);
  color: var(--kole-color-text-secondary);
}

.kole-m-cell__arrow { flex: 0 0 auto; display: inline-flex; color: var(--kole-color-text-placeholder); }

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