/* Reservations page styles */

/* Status badges */
.badge--reserved-pending {
  background: var(--color-reserved-pending);
  color: white;
}
.badge--reserved-active {
  background: var(--color-reserved-active);
  color: white;
}
.badge--muted {
  background: var(--color-text-secondary);
  color: white;
  opacity: 0.7;
}

/* Mobile card */
.reservation-card {
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  padding: var(--space-3);
}