/* Shared list, badge and panel styles are in components.css */

.item-row.is-active {
  border-color: #48bb78;
  box-shadow: 0 0 0 2px rgba(72, 187, 120, 0.25);
}

.item-row.is-selected {
  background: rgba(102, 126, 234, 0.08);
}

.roster-info {
  overflow: hidden;
}

.roster-foto {
  float: left;
  width: 64px;
  height: 64px;
  object-fit: cover;
  border-radius: 10px;
  margin-right: 0.9rem;
  border: 2px solid #e2e8f0;
}