/*
 * account.css — 設定画面（.set-*）と、ログイン前の画面の追加分（.auth-*）
 *   base の部品（.btn .card .field など）は上書きしない。足りない見た目だけを接頭辞付きで足す。
 */

/* ---------- 設定（settings.php） ---------- */

/* セクション見出しとカードの間 */
.set-heading { margin-bottom: var(--sp-3); }

/* カードの中の補足（ボタンの上の一言など） */
.set-note,
.set-lead { margin-bottom: var(--sp-4); color: var(--c-text-sub); font-size: var(--fs-sm); }
.set-lead { color: var(--c-text); font-size: var(--fs-base); }

/* カード全体が押せる入口（「売上を見る」）。a.card の右端の「›」はそのまま使う */
.set-link { display: flex; align-items: center; gap: var(--sp-3); }
.set-link-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: none;
  width: 44px;
  height: 44px;
  border-radius: var(--r-full);
  background: var(--c-surface-2);
  color: var(--c-brown);
}
.set-link-body { min-width: 0; }
.set-link-title { display: block; font-size: var(--fs-md); font-weight: 600; color: var(--c-brown); }
.set-link-sub { display: block; margin-top: 2px; font-size: var(--fs-sm); color: var(--c-text-sub); }

/* お試しデータ（件数とボタン） */
.set-demo-counts { margin-bottom: var(--sp-4); font-weight: 600; }
.set-demo-actions { display: flex; flex-direction: column; gap: var(--sp-3); }
.set-demo-note { margin: var(--sp-3) 0 0; }

/* ホーム画面に追加する手順（番号付き） */
.set-steps { display: flex; flex-direction: column; gap: var(--sp-3); counter-reset: set-step; }
.set-step {
  position: relative;
  padding-left: 40px;
  counter-increment: set-step;
  line-height: 1.7;
}
/* 手順の番号（丸の中に数字）。色だけに頼らず数字で順番が分かる */
.set-step::before {
  content: counter(set-step);
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: var(--r-full);
  background: var(--c-sand);
  color: var(--c-brown);
  font-family: var(--font-round);
  font-weight: 700;
  font-synthesis: none;
  font-variant-numeric: tabular-nums;
}
.set-step-os { display: block; font-weight: 600; color: var(--c-brown); }

/* 画面いちばん下のアプリ名・バージョン */
.set-about {
  margin-top: var(--sp-8);
  text-align: center;
  font-size: var(--fs-sm);
  color: var(--c-text-sub);
}
.set-version { margin-left: var(--sp-2); }

/* 追加機能（施設ごと）への入口 */
.set-feature-list { margin-top: var(--sp-2); }
.set-feature-item { display: flex; align-items: center; gap: var(--sp-2); min-height: 56px; }
.set-feature-body { display: flex; flex-direction: column; gap: 2px; flex: 1; min-width: 0; }
.set-feature-name { display: flex; align-items: center; gap: var(--sp-1); flex-wrap: wrap; font-weight: 700; }
.set-feature-on { font-size: var(--fs-sm); color: var(--c-text-sub); }
.set-feature-paused { font-size: var(--fs-sm); color: var(--c-text-sub); }