/* ============================================================
   settings.css — 設定画面専用（#backupTab）
   スコープ: 設定カードの並び替え（.set-drag / .set-dragging）、設定の上のタブ（.set-tabs / .st-hide）
   動き: js/settings-order.js / js/settings-tabs.js（base.css の後に読み込む）
   ============================================================ */
/* ===== 設定の並び替え（ドラッグ&ドロップ）。動きは js/settings-order.js ===== */
.set-drag{
  float:right;
  width:36px;height:36px;
  margin:-8px -8px 0 0;
  border:none;
  border-radius:10px;
  background:transparent;
  color:var(--sub);
  font-size:1.2rem;
  line-height:1;
  cursor:grab;
  touch-action:none;   /* ☰を触っている間は画面がスクロールしない */
  -webkit-user-select:none;user-select:none;
}
.set-drag:active{background:var(--tint);opacity:.8}
.set-dragging{
  position:relative;
  z-index:50;
  opacity:.94;
  box-shadow:0 12px 28px rgba(0,0,0,.28);
  transition:none;
}

/* ===== 設定の上のタブ（基本／掲示板／データ）。動きは js/settings-tabs.js ===== */
.set-tabs{margin-bottom:12px}
#backupTab>.card.st-hide{display:none}