/* Оплаты клиентов в СРМ (pay.js, 20.10.2026) */
.pay-sec h3 { flex-wrap: wrap; }
.pay-h-sums { display: inline-flex; gap: 6px; flex-wrap: wrap; margin-left: auto; font-weight: 500; }
.pay-sum { font-size: 12px; padding: 2px 8px; border-radius: 999px; white-space: nowrap; }
.pay-sum.ok { background: var(--ok-soft); color: var(--ok); }
.pay-sum.wait { background: var(--warn-soft); color: var(--warn-text); }
.pay-list { display: grid; gap: 6px; }
.pay-row { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; gap: 8px; align-items: center; padding: 8px 10px;
  border: 1px solid var(--line); border-radius: var(--r-sm); background: var(--panel); }
.pay-row.off { opacity: .55; }
.pay-row.off b { text-decoration: line-through; }
.pay-row-main { min-width: 0; display: grid; gap: 2px; }
.pay-row-top { display: flex; gap: 8px; align-items: baseline; min-width: 0; }
.pay-purpose { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--text-2); font-size: 13px; }
.pay-row-meta { font-size: 12px; color: var(--text-3); }
.pay-row-acts { display: inline-flex; gap: 2px; justify-content: flex-end; white-space: nowrap; }
.tag.pay-wait { background: var(--warn-soft); color: var(--warn-text); border-color: transparent; }
.pay-acts { margin-top: 2px; }
.pay-form { display: grid; gap: 12px; }
.pay-hint { font-size: 12px; }
.pay-done { display: flex; align-items: center; gap: 8px; color: var(--ok); }
.pay-linkrow { display: flex; gap: 8px; }
.pay-linkrow .input { flex: 1; min-width: 0; }
.pay-pick { display: grid; gap: 6px; max-height: 50vh; overflow-y: auto; }
.pay-pick-row { display: grid; justify-items: start; text-align: left; gap: 2px; height: auto; padding: 8px 10px; }
.pay-view { display: grid; gap: 10px; grid-template-columns: minmax(0, 1fr); }
.pay-bar { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; justify-content: space-between; }
.pay-bar-l, .pay-bar-r { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; min-width: 0; max-width: 100%; }
.pay-bar .seg { width: auto; max-width: 100%; min-width: 0; overflow-x: auto; }
.pay-bar .seg button { flex: none; white-space: nowrap; }
.pay-bar a.btn { text-decoration: none; }
.pay-bar .search { min-width: 200px; }
.pay-sums { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; font-size: 13px; }
.pay-sums .pay-sum { font-size: 13px; padding: 4px 10px; }
.pay-tbl td.num { text-align: right; white-space: nowrap; font-variant-numeric: tabular-nums; font-weight: 500; }
.pay-tbl td.nowrap { white-space: nowrap; }
.pay-tbl .link-btn { padding: 0; text-align: left; }
.pay-tbl .pay-cell { min-width: 0; }
.pay-nopayer { color: var(--warn-text); font-weight: 500; }
.pay-comment { white-space: pre-line; font-size: 12px; }
.pay-settings .pay-steps { margin: 0; padding-left: 20px; display: grid; gap: 4px; color: var(--text-2); font-size: 13px; }
.pay-ok-line { color: var(--ok); font-size: 13px; }
.crm-chip-wrap { display: inline-flex; gap: 6px; align-items: center; }
@media (max-width: 640px) {
  .pay-row { grid-template-columns: minmax(0, 1fr) auto; }
  .pay-row .tag { grid-column: 2; grid-row: 1; }
  .pay-row-acts { grid-column: 1 / -1; justify-content: flex-start; }
  .pay-bar-l, .pay-bar-r { width: 100%; }
  .pay-view, .pay-body, .pay-bar-l > * { min-width: 0; max-width: 100%; }
  .pay-bar .search { min-width: 0; flex: 1 1 100%; }
  .pay-tbl td.num { text-align: left; }
  .pay-chip .btn-text { display: none; }
}