/* ASGARD CRM — очередь бухгалтерии по партии счетов (V412). Только токены темы. */

.pbuh { display: flex; flex-direction: column; gap: 13px; }
.pbuh__head { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; flex-wrap: wrap; }
.pbuh__t { font-size: 18px; font-weight: 800; color: var(--t1); letter-spacing: -.02em; }
.pbuh__s { font-size: 12.5px; color: var(--t2); margin-top: 4px; }
.pbuh__s b { color: var(--t1); }

.pbuh__list { display: flex; flex-direction: column; gap: 8px; max-height: min(56vh, 500px); overflow: auto; }
.pbuh__row { display: grid; grid-template-columns: minmax(0, 1.5fr) 120px 108px 130px; gap: 11px; align-items: center;
  padding: 11px 13px; border: 1px solid var(--brd); border-radius: 11px; background: var(--bg1); transition: .14s; }
.pbuh__row:hover { border-color: color-mix(in srgb, var(--gold, #d4a017) 40%, var(--brd)); }
.pbuh__row.is-paid { opacity: .62; background: color-mix(in srgb, var(--ok) 5%, var(--bg1)); }
@media (max-width: 820px) { .pbuh__row { grid-template-columns: minmax(0, 1fr) auto; } }
.pbuh__sup { font-size: 13px; font-weight: 650; color: var(--t1); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pbuh__meta { font-size: 11px; color: var(--t2); margin-top: 2px; }
.pbuh__req { display: flex; gap: 6px; flex-wrap: wrap; margin-top: 6px; }
.pbuh__copy { font-size: 10.5px; padding: 2px 8px; border-radius: 6px; cursor: pointer;
  border: 1px solid var(--brd); background: var(--bg2); color: var(--t2); font-variant-numeric: tabular-nums; }
.pbuh__copy:hover { color: var(--gold, #d4a017); border-color: color-mix(in srgb, var(--gold, #d4a017) 50%, var(--brd)); }
.pbuh__sum { font-size: 14px; font-weight: 750; color: var(--t1); text-align: right; font-variant-numeric: tabular-nums; }
.pbuh__st { font-size: 10.5px; font-weight: 700; padding: 2px 9px; border-radius: 999px; text-align: center; }
.pbuh__st--ok { color: var(--ok-t); background: color-mix(in srgb, var(--ok) 15%, transparent); }
.pbuh__st--ready { color: var(--info-t); background: color-mix(in srgb, var(--info) 15%, transparent); }
.pbuh__st--wait { color: var(--t2); background: var(--bg2); }
.pbuh__pp { font-size: 11px; color: var(--t3); font-variant-numeric: tabular-nums; }
.pbuh__act { display: flex; justify-content: flex-end; }
.pbuh__pay { padding: 6px 14px; font-size: 12px; }
.pbuh__foot { display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap;
  padding-top: 11px; border-top: 1px solid var(--brd); }
.pbuh__hint { font-size: 11px; color: var(--t3); max-width: 460px; line-height: 1.4; }

/* Форма оплаты */
.pbuh__form { display: flex; flex-direction: column; gap: 10px; }
.pbuh__form-head { display: flex; justify-content: space-between; align-items: center; gap: 12px;
  padding: 11px 13px; border-radius: 10px; background: var(--bg2); border: 1px solid var(--brd); }
.pbuh__frow { display: grid; grid-template-columns: 190px minmax(0, 1fr); gap: 10px; align-items: center; }
@media (max-width: 560px) { .pbuh__frow { grid-template-columns: 1fr; gap: 4px; } }
.pbuh__frow label { font-size: 12px; color: var(--t2); }
.pbuh__frow input { width: 100%; padding: 8px 11px; border-radius: 8px; border: 1px solid var(--brd);
  background: var(--bg0); color: var(--t1); font-size: 13px; }
.pbuh__frow input:focus { outline: none; border-color: color-mix(in srgb, var(--gold, #d4a017) 60%, var(--brd));
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--gold, #d4a017) 14%, transparent); }
.pbuh__actions { display: flex; justify-content: flex-end; gap: 8px; margin-top: 4px; }