/* Toast notifications */
.toast-host {
  position: fixed;
  bottom: var(--s-5);
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  gap: var(--s-2);
  z-index: 100;
  pointer-events: none;
}

.toast {
  pointer-events: auto;
  display: flex;
  align-items: center;
  gap: var(--s-2);
  padding: var(--s-3) var(--s-4);
  border-radius: var(--r-md);
  background: var(--c-bg-elev-2);
  border: 1px solid var(--c-border);
  box-shadow: var(--shadow-2);
  font-size: 0.88rem;
  animation: toast-in var(--dur) var(--ease);
}

.toast--success {
  border-color: color-mix(in srgb, var(--c-success) 50%, transparent);
}

.toast--error {
  border-color: color-mix(in srgb, var(--c-danger) 50%, transparent);
}

.toast__icon {
  line-height: 0;
}

@keyframes toast-in {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
}