/**
 * iNKPPL Design System — Toast Component
 */

.toast-container {
  position: fixed;
  bottom: var(--space-6);
  right: var(--space-6);
  z-index: var(--z-toast);
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
}

.toast {
  padding: var(--space-3) var(--space-4);
  background: var(--glass-bg);
  backdrop-filter: var(--glass-blur);
  -webkit-backdrop-filter: var(--glass-blur);
  border: 1px solid var(--glass-border);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-xl);
  display: flex;
  align-items: center;
  gap: var(--space-2);
  animation: ds-toast-in var(--transition-bounce) ease;
  min-width: 280px;
  max-width: 420px;
}

.toast__icon {
  font-size: var(--text-lg);
  flex-shrink: 0;
}

.toast__text {
  font-size: var(--text-sm);
  flex: 1;
}

.toast--success {
  border-left: 3px solid var(--color-success);
}
.toast--success .toast__icon { color: var(--color-success); }

.toast--error {
  border-left: 3px solid var(--color-error);
}
.toast--error .toast__icon { color: var(--color-error); }

.toast--warning {
  border-left: 3px solid var(--color-warning);
}
.toast--warning .toast__icon { color: var(--color-warning); }

@keyframes ds-toast-in {
  0% { transform: translateX(100%) scale(0.8); opacity: 0; }
  50% { transform: translateX(-5%) scale(1.02); }
  100% { transform: translateX(0) scale(1); opacity: 1; }
}