/* 香典返しと内祝いの一覧の見た目。内祝いの金額計算 uchiiwai/list.css と同じ */
.field { align-content: start; }
.result p { margin: 0; }
.rows { display: grid; gap: 8px; }
.row-item { display: grid; grid-template-columns: 2.2em minmax(0, 1.6fr) minmax(0, 1fr) minmax(0, 1.3fr) auto; gap: 8px; align-items: end; }
.row-item .no { color: var(--muted); font-size: 13px; padding-bottom: 12px; text-align: right; }
.row-item .field > span { font-weight: 400; font-size: 13px; color: var(--muted); }
.row-item .btn { min-height: 44px; padding: 8px 12px; }
@media (max-width: 640px) {
  .row-item { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto; border-bottom: 1px solid var(--line); padding-bottom: 10px; }
  .row-item .no { display: none; }
  .row-item .name { grid-column: 1 / 3; grid-row: 1; }
  .row-item .del { grid-column: 3; grid-row: 1; }
  .row-item .how { grid-column: 2 / 4; }
  .result table.t { min-width: 560px; }
}
.paste summary { cursor: pointer; font-weight: 700; color: var(--accent); }
.paste[open] { display: grid; gap: 10px; }
.paste textarea { min-height: 100px; }
.sum { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 8px 16px; }
.sum div { display: grid; }
.sum b { font-family: var(--display); font-size: 22px; font-variant-numeric: tabular-nums; }
.sum span { font-size: 13px; color: var(--muted); }
table.t td.num, table.t th.num { white-space: nowrap; }
.result table.t td { white-space: nowrap; }
.result table.t td:nth-child(2) { min-width: 7em; white-space: normal; }
.print-title { display: none; }
@media print {
  .print-title { display: block; font-size: 16pt; margin: 0 0 4mm; }
  .result { background: #fff; border: 0; padding: 0; }
  table.t th, table.t td { border: 1px solid #555; padding: 1.5mm 2mm; color: #000; }
  .table-wrap { overflow: visible; }
  .result table.t { min-width: 0; }
  .toast { display: none !important; }
}