/* ============================================================
   List Item — 設定・選択リスト
   保管札（Card）とは別物で、操作の入口。区切りは罫のみで、
   行ごとにカード化しない。右端は導線（→）か状態（件数・時刻）。
   ============================================================ */

.list {
  width: 100%; max-width: 380px;
  border: 1px solid var(--line); border-radius: var(--radius-card);
  background: var(--surface); overflow: hidden;
}
.li {
  display: flex; align-items: center; gap: 14px; padding: 14px 16px;
  color: var(--ink); position: relative;
  transition: background var(--dur-mid) var(--ease);
}
.li + .li { border-top: 1px solid var(--line); }
.li:hover { background: color-mix(in srgb, var(--ink) 3%, var(--surface)); }
.li .lt { font-size: 14.5px; font-weight: 700; }
.li .ls { font-size: 12.5px; color: var(--ash); }
.li .lmeta { margin-left: auto; color: var(--ash); font-size: 12.5px; display: flex; align-items: center; gap: 10px; }
.li .tm { font-family: var(--font-serif); font-feature-settings: "tnum"; }

/* 件数バッジ（注意を要する数のみ署名色を許す） */
.count {
  min-width: 18px; height: 18px; border-radius: 9px;
  background: var(--brand); color: var(--on-brand);
  font-size: 11px; display: inline-flex; align-items: center; justify-content: center;
  padding: 0 5px; font-feature-settings: "tnum";
}