/* css/toast.css */
.toast-container {
  position: fixed;
  bottom: calc(var(--nav-height) + var(--s-4));
  right: var(--s-4);
  z-index: var(--z-toast);
  display: flex;
  flex-direction: column;
  gap: var(--s-2);
  pointer-events: none;
  max-width: min(320px, calc(100vw - var(--s-8)));
}

.toast {
  display: flex;
  align-items: center;
  gap: var(--s-3);
  background: var(--surface);
  border-radius: var(--r-md);
  box-shadow: var(--shadow-lg);
  padding: var(--s-3) var(--s-4);
  pointer-events: auto;
  border-left: 3px solid var(--accent);
  animation: aicfo-fade-up var(--dur-normal) var(--ease-spring) both;
}

.toast--success { border-left-color: var(--gain); }
.toast--error   { border-left-color: var(--loss); }
.toast--warning { border-left-color: var(--warning); }
.toast--info    { border-left-color: var(--accent); }

.toast__icon {
  font-size: 16px;
  flex-shrink: 0;
}
.toast--success .toast__icon { color: var(--gain); }
.toast--error   .toast__icon { color: var(--loss); }
.toast--warning .toast__icon { color: var(--warning); }
.toast--info    .toast__icon { color: var(--accent); }

.toast__message {
  font-size: var(--text-sm);
  font-family: var(--font-ui);
  color: var(--text-1);
  font-weight: 500;
  flex: 1;
}

.toast.is-exiting {
  animation: aicfo-fade-down var(--dur-fast) var(--ease-out) both;
}