/* ============================================================================
   AR Cash Collector — cockpit «Connected sources» card + worklist payment
   labels (2026-10-07). Loaded after ar-cockpit-v5.css by the AR chrome
   (_base.html); every selector is scoped under .cv5-ar and uses the cv5
   tokens only — no new colours, no Tailwind utilities.
   ============================================================================ */

/* ── Connected sources ───────────────────────────────────────────────────── */
.cv5-ar .ar-src h3 { display: flex; align-items: center; gap: 6px; }
.cv5-ar .ar-srcgrid {
  display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
  gap: 10px; margin-top: 10px;
}
.cv5-ar .ar-srci {
  border: 1px solid var(--cv5-line); border-radius: 11px; padding: 12px 13px;
  background: var(--cv5-card); min-width: 0;
}
.cv5-ar .ar-srci.st-auth_error { border-color: var(--cv5-rose-border); background: var(--cv5-rose-soft); }
.cv5-ar .ar-srci.st-read_error { border-color: var(--cv5-amber-border); background: var(--cv5-amber-soft); }
.cv5-ar .ar-srci .top { display: flex; align-items: center; gap: 8px; }
.cv5-ar .ar-srci .nm { font-weight: 650; font-size: 14px; color: var(--cv5-ink); }
.cv5-ar .ar-srcst {
  margin-left: auto; display: inline-flex; align-items: center; gap: 5px;
  font-size: 11.5px; font-weight: 600; color: var(--cv5-ink3); white-space: nowrap;
}
.cv5-ar .ar-srcst .dot { width: 7px; height: 7px; border-radius: 50%; background: var(--cv5-ink4); }
.cv5-ar .ar-srci.st-ok .ar-srcst { color: var(--cv5-emer); }
.cv5-ar .ar-srci.st-ok .ar-srcst .dot { background: var(--cv5-emer); }
.cv5-ar .ar-srci.st-auth_error .ar-srcst { color: var(--cv5-rose); }
.cv5-ar .ar-srci.st-auth_error .ar-srcst .dot { background: var(--cv5-rose); border-radius: 1px; transform: rotate(45deg); }
.cv5-ar .ar-srci.st-read_error .ar-srcst { color: var(--cv5-amber); }
.cv5-ar .ar-srci.st-read_error .ar-srcst .dot { background: var(--cv5-amber); border-radius: 1px; }
.cv5-ar .ar-srci .sync { font-size: 12px; color: var(--cv5-ink3); margin-top: 3px; }
.cv5-ar .ar-srci dl { margin: 9px 0 0; display: grid; gap: 5px; }
.cv5-ar .ar-srci dl > div { display: flex; gap: 10px; justify-content: space-between; align-items: baseline; font-size: 12.5px; }
.cv5-ar .ar-srci dt { color: var(--cv5-ink3); }
.cv5-ar .ar-srci dd { margin: 0; text-align: right; color: var(--cv5-ink); font-weight: 600; }
.cv5-ar .ar-srci dd .yes { color: var(--cv5-ink); }
.cv5-ar .ar-srci dd .no { color: var(--cv5-ink3); font-weight: 500; }

/* ── Worklist «How they pay» ─────────────────────────────────────────────── */
.cv5-ar .ar-pay {
  display: inline-flex; align-items: center; border-radius: 999px; padding: 2px 9px;
  font-size: 11.5px; font-weight: 600; border: 1px solid var(--cv5-line-strong);
  color: var(--cv5-ink2); background: var(--cv5-card); white-space: nowrap;
}
.cv5-ar .ar-pay.m-online_link,
.cv5-ar .ar-pay.m-tenant_link { color: var(--cv5-emer); border-color: var(--cv5-emer-border); background: var(--cv5-emer-soft); }
.cv5-ar .ar-pay.m-bank_transfer,
.cv5-ar .ar-pay.m-portal_only { color: var(--cv5-terra-ink); border-color: #cfe3f5; background: var(--cv5-terra-soft); }
.cv5-ar .ar-pay.m-none { color: var(--cv5-amber); border-color: var(--cv5-amber-border); background: var(--cv5-amber-soft); }