.toast {
  padding: var(--pfse-spacing-3);
  border: 1px solid var(--pfse-border-primary);
  background: color-mix(in srgb, var(--pfse-surface-primary) 90%, black 10%);
  color: var(--pfse-text-high);
  display: flex;
  gap: var(--pfse-spacing-2);
  align-items: center;
  min-width: 300px;
  box-shadow: 0 6px 16px rgba(0,0,0,0.30);
  border-radius: var(--pfse-radius-md);
  font-family: var(--pfse-font-sans);
  transition:
    opacity var(--pfse-anim-micro) var(--pfse-ease-standard),
    transform var(--pfse-anim-swift) var(--pfse-ease-standard),
    background var(--pfse-anim-micro) var(--pfse-ease-standard),
    border-color var(--pfse-anim-micro) var(--pfse-ease-standard);
}

/* Variant accents */
.toast.toast--info {
  border-color: var(--pfse-border-secondary);
}

.toast.toast--success {
  border-color: var(--pfse-success);
  background: color-mix(in srgb, var(--pfse-surface-primary) 88%, var(--pfse-success) 12%);
}

.toast.toast--warn {
  border-color: var(--pfse-warning);
  background: color-mix(in srgb, var(--pfse-surface-primary) 88%, var(--pfse-warning) 12%);
}

.toast.toast--error {
  border-color: var(--pfse-danger);
  background: color-mix(in srgb, var(--pfse-surface-primary) 88%, var(--pfse-danger) 12%);
}

.toast .btn--ghost {
  border-color: var(--pfse-border-primary);
}

/* Host container */
.toast-host {
  position: fixed;
  bottom: var(--pfse-spacing-3);
  left: var(--pfse-spacing-3);
  display: flex;
  flex-direction: column;
  gap: var(--pfse-spacing-2);
  z-index: var(--pfse-z-toast);
}
.toast-msg { flex: 0 1 auto; }

/* Align close button to the right */
.toast .spacer { flex: 1 1 auto; }
.toast .toast-close { margin-left: auto; }