/* ============================================================================
   COMPONENT: team-list — the Teams home list of team cards.
   ========================================================================== */

@layer components {
  .team-list {
    --stack-gap: var(--space-sm);
    list-style: none;
    margin: 0;
    padding: 0;
  }

  .team-list__item {
    display: flex;
    align-items: center;
    gap: var(--space-md);
    min-block-size: var(--touch-target);
    text-decoration: none;
    color: var(--color-text);

    &:hover { border-color: var(--accent); }
  }

  .team-list__body {
    display: flex;
    flex-direction: column;
    gap: var(--space-3xs);
    flex: 1;
  }

  .team-list__name { font-weight: var(--weight-medium); }
  .team-list__kind { font-size: var(--text-sm); }
  .team-list__chevron { color: var(--color-text-muted); }
}