:root{
  --soft-bg:#f6f7fb;
  --card-border:#e9ecef;
}
.bg-soft{ background: var(--soft-bg); }
.card{ border: 1px solid var(--card-border); border-radius:16px; box-shadow: 0 6px 20px rgba(16,24,40,.04); }
.btn-round{ border-radius: 999px; }
.small-help{ color:#6b7280; font-size: 0.875rem; }
.mono{ font-variant-numeric: tabular-nums; font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; }
.icon-bubble{ width:40px; height:40px; display:flex; align-items:center; justify-content:center; border-radius:12px; background:#eef2ff; color:#3730a3; }
.status-paid{ background:#dcfce7; color:#166534; }
.status-unpaid{ background:#e0f2fe; color:#075985; }
.status-overdue{ background:#fee2e2; color:#991b1b; }
.row-hover:hover{ background: rgba(0,0,0,0.02); }


.note-cell{max-width:260px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
@media (max-width: 768px){ .note-cell{max-width:140px;} }