/* NEW-90: Pool tiền vào (views/receipt_pool.js) — dùng lại lớp rc-* của receipts.css; chỉ biến màu của app.css (sáng / tối). */
.rp-chip-sum { display: block; font-size: 11px; font-weight: 500; color: var(--muted); font-variant-numeric: tabular-nums; }
.chip.on .rp-chip-sum { color: inherit; }
.rc-chip.s-waiting { background: var(--brand-soft); color: var(--brand-dark); }
.rp-filters { display: flex; flex-wrap: wrap; gap: 8px 10px; align-items: flex-end; margin: 0 0 12px; }
.rp-f { display: flex; flex-direction: column; gap: 2px; font-size: 12px; color: var(--muted); }
.rp-f select, .rp-f input { min-width: 0; }
.rp-f select { max-width: 260px; }
.rp-money input { width: 130px; }
.rp-q { flex: 1 1 260px; }
.rp-q input { width: 100%; }
.rp-table td { vertical-align: top; }
.rp-table tr.rp-on > td { background: var(--surface-2); }
.rp-chipbar { margin: 0 0 8px; }
.rp-table td.num { white-space: nowrap; }
.rp-acts { width: 1%; }
.rp-acts .btn { display: block; width: 100%; margin: 0 0 4px; text-align: center; white-space: nowrap; }
.rp-sug { min-width: 160px; max-width: 240px; }
.rp-meta { min-width: 150px; max-width: 220px; }
.rp-acct { overflow-wrap: anywhere; }
.rp-content { min-width: 160px; }
.rp-sug-box { display: grid; grid-template-columns: 30px minmax(0, 1fr); gap: 6px; align-items: start; overflow-wrap: anywhere; }
.rp-score { width: 28px; height: 28px; font-size: 12px; }
.rp-exp > td { background: var(--surface-2); padding: 0 !important; }
.rp-editor { padding: 12px 14px; border-left: 3px solid var(--brand); }
.rp-ed-head { display: flex; flex-wrap: wrap; gap: 4px 12px; align-items: baseline; margin-bottom: 8px; }
.rp-x { margin-left: auto; }
.rp-client { display: flex; flex-wrap: wrap; gap: 8px; align-items: flex-end; margin-bottom: 8px; }
.rp-client .field { flex: 1 1 320px; margin: 0; }
.rp-ed-hint { margin: 4px 0 8px; }
.rp-plan tr.rp-match > td { background: var(--ok-soft); }
.rp-amt { width: 150px; text-align: right; font-variant-numeric: tabular-nums; }
.rp-q-pick { display: flex; flex-direction: column; gap: 2px; margin-top: 4px; }
.rp-q-pick select { max-width: 260px; }
.rp-ferr { flex: 1 1 100%; margin: 0; }
.rp-ed-foot { display: flex; flex-wrap: wrap; gap: 8px 12px; align-items: center; justify-content: space-between; margin-top: 8px; }
.rp-ed-btns { display: flex; flex-wrap: wrap; gap: 6px; }
.rp-pv { margin-top: 10px; padding: 10px 12px; background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius); }
.rp-pv h4 { margin: 0 0 6px; }
.rp-conseq { margin: 8px 0 0; font-size: 13px; }
.rp-foot { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; justify-content: space-between; margin-top: 8px; }
@media (max-width: 899px) {
  .rp-money input { width: 110px; }
  .rp-amt { width: 120px; }
  .rp-sug { min-width: 140px; }
}
/* Màn điện thoại (review 30/10): bảng Pool, bảng phụ lục của ô phân bổ và bảng xem trước thành THẺ — mỗi dòng một thẻ, nhãn cột trên từng ô
   (như cc-table của ctv_close.css) ⇒ nút "Phân bổ", ô số tiền, "Xem trước", "Xác nhận phân bổ" đều trong khung nhìn, không phải cuộn ngang. */
@media (max-width: 760px) {
  .rp-filters > .rp-f { flex: 1 1 calc(50% - 10px); min-width: 0; }
  .rp-filters > .rp-q { flex-basis: 100%; }
  .rp-f select, .rp-f input, .rp-money input { width: 100%; max-width: none; }
  table.data.rp-table, table.data.rp-table tbody, table.data.rp-table tr, table.data.rp-table td,
  table.data.rp-plan, table.data.rp-plan tbody, table.data.rp-plan tr, table.data.rp-plan td,
  table.data.rp-pvt, table.data.rp-pvt tbody, table.data.rp-pvt tr, table.data.rp-pvt td { display: block; width: 100%; min-width: 0; max-width: none; }
  table.data.rp-table thead, table.data.rp-plan thead, table.data.rp-pvt thead { display: none; }
  table.data.rp-table tr, table.data.rp-plan tr, table.data.rp-pvt tr { padding: 10px 12px; border-bottom: 1px solid var(--line); }
  table.data.rp-table td, table.data.rp-plan td, table.data.rp-pvt td { border: 0; padding: 3px 0; text-align: left; white-space: normal; }
  table.data.rp-table td[data-label]:not([data-label=""])::before, table.data.rp-plan td[data-label]::before,
  table.data.rp-pvt td[data-label]::before { content: attr(data-label); display: block; font-size: 11px; color: var(--muted);
    text-transform: uppercase; letter-spacing: .04em; }
  table.data.rp-table tr.rp-exp { padding: 0; }
  .rp-exp > td { padding: 0 !important; }
  .rp-editor { padding: 10px 10px; }
  .rp-acts { width: auto; display: flex !important; flex-wrap: wrap; gap: 6px; margin-top: 4px; }
  .rp-acts .btn { display: inline-flex; width: auto; margin: 0; min-height: 36px; }
  .rp-sug { min-width: 0; max-width: none; }
  .rp-amt, .rp-q-pick select { width: 100%; max-width: none; }
  .rp-ed-foot, .rp-ed-btns { width: 100%; }
  .rp-ed-btns .btn { flex: 1 1 auto; min-height: 36px; }
  .rp-editor .table-wrap, .rp-pv .table-wrap { box-shadow: none; }
}