.slot.is-past {
  border-color: #cbd5e1;
  background: #f1f5f9;
  color: #64748b;
  opacity: .86;
  cursor: not-allowed;
}

.slot.is-past .slot-status {
  background: #e2e8f0;
  color: #475569;
}

.slot.is-past .slot-cancel {
  background: #cbd5e1;
  color: #475569;
  cursor: not-allowed;
  box-shadow: none;
}

.slot.is-past .slot-time {
  color: #475569;
}

@media (prefers-color-scheme: dark) {
  .slot.is-past {
    border-color: #334155;
    background: #111827;
    color: #94a3b8;
  }

  .slot.is-past .slot-status {
    background: #1f2937;
    color: #cbd5e1;
  }

  .slot.is-past .slot-cancel {
    background: #334155;
    color: #cbd5e1;
  }

  .slot.is-past .slot-time {
    color: #cbd5e1;
  }
}