/*! ui/data.css —— 数据面板 */
/* ---------- 数据面板 ---------- */
.d-intro {
  font-size: 13px;
  color: var(--ink-2);
  margin: 0 0 16px;
  line-height: 1.75;
}

.d-rows { display: flex; flex-direction: column; gap: 8px; }

/* 每个动作两行字：标题 + 说明。高度放开、左对齐，像列表项而不是一排按钮 */
.d-row {
  justify-content: flex-start;
  height: auto;
  padding: 9px 12px;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
}
.d-row .d-title { font-weight: 500; }
.d-row .d-sub { font-size: 11px; color: var(--ink-3); font-weight: 400; }
.btn.danger.d-row .d-sub { opacity: .75; }

.d-note {
  margin-top: 14px;
  font-size: 12px;
  color: var(--ink-3);
  line-height: 1.6;
}
.d-note:empty { display: none; }

/* 自动备份区：与上面几行「动作」拉开一档，它是"可以退回去的地方"不是"一个按钮" */
.d-sec { margin-top: 18px; }
.d-sec-t {
  margin-bottom: 8px;
  font-size: var(--fs-xs);
  letter-spacing: .08em;
  color: var(--ink-3);
}
.d-sec .d-sub { display: block; }