/* ============================================================
   ホームの「要対応」（js/homeTodo.js・2026-10-26）
   1 行＝1 つの点検の道具。見た目は上の KPI の小さなカード（📦 自店在庫）に揃える。
   ============================================================ */
#home-todo-body { display: flex; flex-direction: column; gap: 8px; }

.home-todo-row {
  display: flex; justify-content: space-between; align-items: center; gap: 12px;
  width: 100%; padding: 12px 16px; border: none; border-radius: 8px;
  background: var(--overlay-light); color: inherit; font: inherit; text-align: left; cursor: pointer;
}
.home-todo-label { flex: 1 1 auto; min-width: 0; font-size: 0.9rem; font-weight: 600; color: var(--text-secondary); line-height: 1.4; }
.home-todo-count { flex: 0 0 auto; font-size: 1.15rem; font-weight: bold; color: var(--amber); white-space: nowrap; }
.home-todo-count small { font-size: 0.75rem; font-weight: 600; color: var(--text-secondary); }

.home-todo-row.is-bad { cursor: default; flex-wrap: wrap; }
.home-todo-why { flex: 0 1 auto; font-size: 0.8rem; color: var(--warning); text-align: right; }

.home-todo-ok,
.home-todo-wait,
.home-todo-bad { margin: 0; padding: 12px 16px; border-radius: 8px; background: var(--overlay-light); font-size: 0.9rem; }
.home-todo-ok { color: var(--success); font-weight: 600; }
.home-todo-wait { color: var(--text-tertiary); }
.home-todo-bad { color: var(--warning); }