/* =====================================================
   extra.css — T11a 数据管理页（#/data）
   只新增样式，不改 css/style.css（并行任务在用）。
   仅复用 :root 既有变量。
   ===================================================== */

/* ============ 数据管理页 #/data ============ */
.dm-tip {
  font-size: 13px;
  color: var(--text-2);
  margin-bottom: 12px;
}
.dm-tip:last-child { margin-bottom: 0; }
.dm-actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  align-items: center;
}
.dm-file { font-size: 13px; color: var(--text-2); }
/* 答题设置行（选项乱序开关） */
.dm-setting {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  cursor: pointer;
}
.dm-setting input[type="checkbox"] {
  margin-top: 3px;
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  cursor: pointer;
  accent-color: var(--primary);
}
.dm-setting-text { display: block; }
.dm-setting-text b { font-size: 14px; }
.dm-setting .dm-tip { margin-top: 6px; margin-bottom: 0; }
/* 数据概览「说明」列弱化显示 */
.records td.dm-desc { color: var(--text-2); }

.dm-drop {
  margin-top: 14px;
  border: 1.5px dashed var(--border);
  border-radius: var(--radius);
  padding: 26px 16px;
  text-align: center;
  color: var(--text-3);
  font-size: 13.5px;
  line-height: 1.8;
  transition: border-color .15s, background .15s, color .15s;
}
.dm-drop span { font-size: 12px; }
.dm-drop.over {
  border-color: var(--primary);
  background: var(--primary-light);
  color: var(--primary-dark);
}

.dm-danger .panel-head h2 { color: var(--red); }

/* ============ 移动端适配 ============ */
@media (max-width: 640px) {
  .dm-drop { padding: 20px 12px; }
}