/* Superfície elevada: branca sobre o cinza da página. Lia `--bs-body-bg`
   quando essa variável ainda era o branco padrão do Bootstrap e o cinza da
   página vinha de um `!important` neste arquivo. Com o fundo da aplicação
   agora no token, ler a mesma variável dissolveria o card na página. */
.section-card {
  background: var(--surface-raised);
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  box-shadow: var(--bs-box-shadow-sm);
  padding: 1rem;
}

/* Delivery status colors — single source of truth for status -> color
   (badges + FullCalendar events). The slug comes from DeliveryStatus.name,
   exposed by Delivery.status_slug. */
.delivery-status--pending    { background-color: #ffc107; }
.delivery-status--in_transit { background-color: #0d6efd; }
.delivery-status--delivered  { background-color: #198754; }
.delivery-status--canceled   { background-color: #dc3545; }
.delivery-status--unknown    { background-color: #6c757d; }

/* FullCalendar v6 paints events through these custom properties. */
.fc-event.delivery-status--pending    { --fc-event-bg-color: #ffc107; --fc-event-border-color: #ffc107; }
.fc-event.delivery-status--in_transit { --fc-event-bg-color: #0d6efd; --fc-event-border-color: #0d6efd; }
.fc-event.delivery-status--delivered  { --fc-event-bg-color: #198754; --fc-event-border-color: #198754; }
.fc-event.delivery-status--canceled   { --fc-event-bg-color: #dc3545; --fc-event-border-color: #dc3545; }
.fc-event.delivery-status--unknown    { --fc-event-bg-color: #6c757d; --fc-event-border-color: #6c757d; }