/* Clients: category tabs, category chip and the list view. */

/* The category tabs reuse the task filter look (tasks.css: .tasks-toolbar,
   .task-tabs, .task-tab); only the hidden states live here. */
.client-cats[hidden],
#clientGrid[hidden],
#clientListWrap[hidden] { display: none; }

.client-cat-chip {
  display: inline-block;
  max-width: 100%;
  padding: 2px 9px;
  overflow: hidden;
  border-radius: 999px;
  background: var(--indigo-soft);
  color: var(--indigo);
  font-size: 11.5px;
  font-weight: 600;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
}
.client-card-cat { margin: -2px 0 10px; }

/* List view */
.client-table td { vertical-align: middle; }
.client-table .inv-client { max-width: 260px; }
.client-row-url { margin: 3px 0 0 38px; font-size: 12px; color: var(--fg-3); overflow-wrap: anywhere; }
.client-owed { margin-top: 2px; font-size: 12px; color: var(--amber); }
.client-status { display: inline-flex; align-items: center; gap: 7px; white-space: nowrap; }
.client-status .status-dot { flex-shrink: 0; margin-top: 0; }

@media (max-width: 768px) {
  .client-row-url { margin-left: 0; text-align: right; }
}