/* chank-panel (wc-layout-chank-panel)
   抽取自 chank.orbitx.cn 的 .panel：白底 + 1px 描边 + 8px 圆角 + 16px 内边距，
   panel-title（15px/700 标题 + 12px 弱化 hint）+ 内容插槽；
   .ckp-empty 对齐源站 .empty（虚线描边空态）。
   flush 为本组件扩展（去内边距放表格用），源站无此修饰。 */
.ckp-panel,
.ckp-panel *,
.ckp-panel *::before,
.ckp-panel *::after { box-sizing: border-box; }
.ckp-panel {
  background: var(--ck-surface, #fff);
  border: 1px solid var(--ck-border, #d8dee6);
  border-radius: var(--ck-radius, 8px);
  padding: 16px;
  min-width: 0;
}
.ckp-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
}
.ckp-title h3 {
  font-size: 15px;
  font-weight: 700;
  margin: 0;
}
.ckp-hint {
  font-size: 12px;
  color: var(--ck-text-hint, #64748b);
  text-align: right;
}
.ckp-body { min-width: 0; }
.ckp-panel.ckp-flush { padding: 0; }
.ckp-panel.ckp-flush .ckp-title { padding: 14px 16px 0; }
.ckp-panel.ckp-flush .ckp-title:empty { padding: 0; }
.ckp-empty {
  color: var(--ck-text-hint, #64748b);
  padding: 28px;
  text-align: center;
  background: var(--ck-surface, #fff);
  border: 1px dashed var(--ck-border-input, #cbd5e1);
  border-radius: var(--ck-radius, 8px);
}
.ckp-panel.ckp-flush .ckp-empty { margin: 16px; }