/* View Toggle Controls */
.view-controls {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 1rem;
}

.view-toggle {
  display: flex;
  background-color: #f3f4f6;
  border-radius: 6px;
  padding: 0.25rem;
  gap: 0.25rem;
}

.view {
  display: none;
}

.view.active {
  display: block;
}

@media (max-width: 640px) {
  .view-controls {
    justify-content: center;
  }
}