/* 💳 Collections (pastdue.js) */
.col-tiles { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; }
.col-tiles .card { padding: 12px 14px; display: flex; flex-direction: column; gap: 2px; }
.col-tiles span { font-size: 12.5px; color: var(--ink-2); font-weight: 600; }
.col-tiles b { font-size: 22px; }
.col-tiles i { font-style: normal; font-size: 12px; color: var(--ink-3); }
.col-tiles .good { background: var(--green-tint); }
.col-list { display: flex; flex-direction: column; gap: 10px; margin-top: 12px; }
.col-card { padding: 0; overflow: hidden; }
.col-card.is-due { border-left: 4px solid var(--amber); }
.col-head { display: flex; gap: 12px; align-items: center; padding: 12px 16px; cursor: pointer; }
.col-head:hover { background: var(--hover); }
.col-name { font-weight: 700; font-size: 15.5px; }
.col-chips { display: flex; gap: 6px; flex-wrap: wrap; margin-top: 4px; }
.col-owed { display: flex; flex-direction: column; align-items: flex-end; flex: none; }
.col-owed b { font-size: 19px; }
.col-body { padding: 4px 16px 16px; border-top: 1px solid var(--line); }
.col-actions { display: flex; gap: 6px; flex-wrap: wrap; margin-top: 10px; }
.btn-lite { display: inline-flex; align-items: center; gap: 4px; padding: 7px 12px; border: 1px solid var(--line);
  border-radius: 8px; background: var(--card); color: var(--ink); text-decoration: none; font-size: 13.5px; font-weight: 600; }
.btn-lite:hover { background: var(--hover); }
.col-inv { align-items: flex-start; }
.col-draft { width: 100%; font-size: 13.5px; }
.col-note { width: 100%; margin-top: 10px; font-size: 13.5px; }
.col-log { margin-top: 10px; font-size: 13.5px; display: flex; flex-direction: column; gap: 4px;
  max-height: 220px; overflow-y: auto; border-top: 1px dotted var(--line); padding-top: 8px; }
@media (max-width: 900px) { .col-tiles { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 700px) {
  .col-head { padding: 12px; }
  .col-body { padding: 4px 12px 14px; }
  .btn-lite { flex: 1 1 auto; justify-content: center; }
}