/* S11 ゴミ箱（担当H）。値は tokens.css の変数だけを使う（直書きしない）。行は iOS の inset grouped（kit.css の .group と .row）。 */

/* 切り替え（6つの区分）: 幅 360px でも言葉を省かずに出せるよう、3列で折り返す（文字が大きいと2列） */
.trash-tabs { margin: 0 0 var(--sp-2); }
.trash-tabs .seg {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(6.5em, 1fr));
  gap: 2px;
  font-size: var(--fs-footnote);
}
.trash-tabs .seg-item { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: var(--sp-1) var(--sp-2); line-height: var(--lh-ui); white-space: normal; text-wrap: balance; }
.trash-tab-count { color: var(--text-2); font-variant-numeric: tabular-nums; }
.trash-list { display: flex; flex-direction: column; }

/* 写真の見本（押せない印。行の的は行の全体の一つ） */
.trash-thumb {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--hit-min);
  height: var(--hit-min);
  border-radius: var(--r-s);
  background: var(--press);
  color: var(--text-3);
  overflow: hidden;
}
.trash-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.trash-row .row-lead { margin-left: var(--sp-2); }
.trash-row .row-lead + .row-main { padding-left: var(--sp-2); }

/* 選んでいる間の丸（言葉は上の帯と状態の行の「N件を選択中」） */
.trash-check {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  border-radius: var(--r-pill);
  box-shadow: inset 0 0 0 2px var(--line-strong);
  color: var(--on-accent);
}
.trash-check.is-on { background: var(--accent-fill); box-shadow: none; }
.trash-row.is-selecting .row-lead { background: var(--surface); }
.trash-row.is-selected, .trash-row.is-selected .row-lead { background: var(--press); }

/* 中身を見る窓 */
.trash-when { margin: 0; }
.trash-peek-chips { display: flex; flex-wrap: wrap; gap: var(--sp-1); }
.trash-peek-body { padding: var(--sp-3) var(--cell-x); border-radius: var(--r-group); background: var(--surface); }
.trash-peek-text { margin: 0; font-size: var(--fs-body); line-height: var(--lh-body); }
.trash-peek-pre {
  margin: 0;
  padding: var(--sp-3) var(--cell-x);
  border-radius: var(--r-group);
  background: var(--surface);
  font-family: var(--font);
  font-size: var(--fs-body);
  line-height: var(--lh-body);
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}
.trash-peek-cells { margin: 0; padding: var(--sp-3) var(--cell-x); border-radius: var(--r-group); background: var(--surface); display: grid; grid-template-columns: auto 1fr; gap: var(--sp-1) var(--sp-3); }
.trash-peek-cells dt { color: var(--text-3); font-size: var(--fs-small); }
.trash-peek-cells dd { margin: 0; }
.trash-peek-image { display: block; max-width: 100%; max-height: 40dvh; margin: 0 auto; border-radius: var(--r-m); object-fit: contain; }
/* 窓の下の端に「戻す」を留める（長いメモでも送らずに押せる） */
.trash-peek-foot {
  position: sticky;
  bottom: calc(-1 * var(--sp-4));
  display: flex;
  justify-content: flex-end;
  gap: var(--sp-3);
  margin: 0 calc(-1 * var(--gutter)) calc(-1 * var(--sp-4));
  padding: var(--sp-2) var(--gutter) var(--sp-4);
  background: var(--sheet);
}
.trash-peek-foot .btn-strong { min-width: 120px; }