/* Segmented "pill" tab bar — matches ProfilePage's tab styling. */
.list {
  display: inline-flex;
  gap: 6px;
  padding: 5px;
  background: var(--mantine-color-gray-light);
  border-radius: var(--mantine-radius-md);
  border: none;
  flex-wrap: wrap;
}

.tab {
  border: none;
  border-radius: 10px;
  padding: 9px 18px;
  font-weight: 500;
  color: var(--mantine-color-dimmed);
  background: transparent;
  transition:
    background-color 120ms ease,
    color 120ms ease,
    box-shadow 120ms ease;
}

.tab:hover {
  background: transparent;
  color: var(--mantine-color-text);
}

.tab[data-active],
.tab[data-active]:hover {
  background: var(--mantine-color-body);
  color: var(--mantine-color-emaPrimary-7);
  font-weight: 600;
  box-shadow: var(--mantine-shadow-xs);
}

/* Clickable stat tile that doubles as a filter toggle. */
.tile {
  cursor: pointer;
  border: 1px solid var(--mantine-color-default-border);
  transition:
    border-color 120ms ease,
    background-color 120ms ease;
}

.tile:hover {
  border-color: var(--mantine-color-gray-5);
}

.tileActive,
.tileActive:hover {
  border-color: var(--mantine-color-emaPrimary-6);
  background: var(--mantine-color-emaPrimary-light);
}
