/* =====================================================================
   payment-collections.css — collection tasks (exchange-office money)
   Assign panel inside the Payment Receive form + the collector's list.
   Static, token-driven, RTL-safe (logical properties only).
   ===================================================================== */
.pc-assign-block{
  margin:1rem 0 .5rem; padding:.85rem 1rem;
  border:1px dashed var(--dm-border,#E2E8F0); border-radius:12px;
  background:var(--dm-surface2,#F1F5F9);
}
.pc-assign-toggle{ display:flex; align-items:flex-start; gap:.5rem; margin:0; padding:0; }
.pc-assign-toggle .form-check-input{ float:none; margin:.2rem 0 0; flex:0 0 auto; width:1.15rem; height:1.15rem; cursor:pointer; }
.pc-assign-toggle .form-check-label{ cursor:pointer; }
.pc-assign-toggle i{ color:var(--dm-accent,#6D5EF6); margin-inline-end:.25rem; }
.pc-assign-warning{
  margin-top:.6rem; padding:.5rem .7rem; border-radius:8px;
  background:rgba(232,148,12,.12); color:#8a5a00;
}
.pc-assign-fields{ margin-top:.85rem; }
.pc-label{ font-size:.78rem; font-weight:600; margin-bottom:.25rem; }

/* ---- collector's list ---- */
.pc-modal-body{ background:var(--dm-bg,#F4F5FB); }
.pc-group-label{
  font-size:.72rem; font-weight:700; text-transform:uppercase; letter-spacing:.08em;
  color:var(--dm-text3,#8A8DA8); margin:.25rem 0 .6rem;
}
.pc-group-label-muted{ margin-top:1.25rem; }

.pc-task-card{
  background:var(--dm-surface,#fff); border:1px solid var(--dm-border,#E2E8F0);
  border-radius:14px; padding:1rem; margin-bottom:.75rem;
}
.pc-task-pending{ border-inline-start:4px solid var(--dm-warn,#E8940C); }
.pc-task-head{ display:flex; align-items:flex-start; justify-content:space-between; gap:.75rem; margin-bottom:.75rem; }
.pc-task-amount{
  font-size:1.35rem; font-weight:700; color:var(--dm-text,#15172B);
  font-family:var(--dm-mono,ui-monospace,monospace); font-variant-numeric:tabular-nums;
}
.pc-task-sub{ font-size:.85rem; color:var(--dm-text2,#565A76); margin-top:.15rem; }
.pc-status{ white-space:nowrap; }

.pc-task-details{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.5rem .9rem; margin:0 0 .5rem; }
.pc-task-details div{ min-width:0; }
.pc-task-details dt{ font-size:.68rem; text-transform:uppercase; letter-spacing:.06em; color:var(--dm-text3,#8A8DA8); font-weight:600; }
.pc-task-details dd{ margin:0; font-size:.88rem; color:var(--dm-text,#15172B); overflow-wrap:anywhere; }
@media (max-width:575.98px){ .pc-task-details{ grid-template-columns:1fr; } }

.pc-task-note{
  padding:.55rem .7rem; border-radius:10px; font-size:.85rem;
  background:var(--dm-accent-soft,rgba(109,94,246,.10)); color:var(--dm-text,#15172B); margin-bottom:.6rem;
}
.pc-task-note-sm{ font-size:.82rem; margin-top:.25rem; opacity:.85; }
.pc-task-result{ padding:.55rem .7rem; border-radius:10px; font-size:.87rem; margin-bottom:.25rem; }
.pc-task-result-ok{ background:rgba(15,159,110,.12); color:#0b6b4a; }
.pc-task-result-bad{ background:rgba(226,59,78,.12); color:#9c1f2e; }

.pc-task-actions{ display:flex; gap:.5rem; flex-wrap:wrap; margin-top:.75rem; }
/* 44px minimum touch target — collectors use this on a phone, standing up */
.pc-task-actions .btn{ min-height:44px; flex:1 1 auto; font-weight:600; }

.pc-menu-badge{ margin-inline-start:.4rem; font-size:.68rem; }