.client-board__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(13rem, 100%), 1fr));
  gap: var(--space-grid);
}

.client-board__bar {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: var(--space-1);
}

.client-board__segment {
  block-size: var(--space-1);
  border-radius: var(--radius-pill);
  background: var(--color-surface-sunken);
}

.client-board__segment--done {
  background: var(--color-success);
}

.client-board__segment--partial {
  background: var(--color-warning);
}