/* Client cards: the pending-payment line on the left, as in the mobile app
   (orange for a plan balance, purple for a session-plan balance), and the
   amount owed beside the joined date. Marked by patches/build-revenue.mjs. */
span[data-pending-stripe]{width:5px;z-index:1;border-radius:6px 0 0 6px}
span[data-pending-stripe=general]{background:linear-gradient(180deg,#ff6e40,#ffab40);box-shadow:0 0 8px rgba(255,110,64,.45)}
span[data-pending-stripe=session]{background:linear-gradient(180deg,#8b5cf6,#5b21b6);box-shadow:0 0 8px rgba(139,92,246,.45)}
span[data-pending-chip]{display:inline-flex;align-items:center;padding:1px 6px;border-radius:4px;font-size:10px;font-weight:600;letter-spacing:.2px;white-space:nowrap;font-variant-numeric:tabular-nums}
span[data-pending-chip=general]{background:rgba(255,110,64,.16);color:#ff9a6c}
span[data-pending-chip=session]{background:rgba(139,92,246,.18);color:#b9a2fa}
/* In the narrow list beside a profile the row can run out of room: move
   whole items to a second line instead of breaking the date. */
div:has(> span[data-pending-chip]){flex-wrap:wrap;row-gap:3px}
div:has(> span[data-pending-chip]) > span{white-space:nowrap}