.reservations-page .controls a.btn {
  display: inline-flex;
  align-items: center;
  text-decoration: none;
}

.reservations-page .pill.activa {
  background: #dbeafe;
  color: #1e40af;
}

.reservations-page .pill.platita {
  background: #dcfce7;
  color: #166534;
}

.reservations-page .pill.anulata {
  background: #fee2e2;
  color: #991b1b;
}

.reservations-page .detail-header-main {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.reservations-page .detail-header-main .detail-link {
  color: var(--primary);
  font-size: 13px;
  text-decoration: none;
}

.reservations-page .detail-header-main .detail-link:hover {
  text-decoration: underline;
}

.reservations-page .detail-header-actions {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.reservations-page .detail-header-actions .status-select {
  min-width: 120px;
}

@media (max-width: 960px) {
  .reservations-page .detail-header-actions {
    width: 100%;
  }
}