.toast-region {
  position: fixed;
  top: calc(var(--layout-gnb-height) + var(--space-5));
  right: var(--space-5);
  z-index: var(--z-toast);
  display: grid;
  gap: var(--space-3);
  width: min(360px, calc(100vw - 32px));
}

.toast {
  padding: var(--space-4) var(--space-5);
  border: 1px solid var(--border-default);
  border-left: 4px solid var(--brand-navy-900);
  border-radius: var(--radius-md);
  background: var(--bg-surface);
  box-shadow: var(--shadow-md);
}

.toast__title {
  font-weight: 600;
}

.toast__message {
  margin-top: var(--space-1);
  color: var(--text-muted);
  font-size: var(--text-caption);
}

.toast--success { border-left-color: var(--color-success-500); }
.toast--error { border-left-color: var(--color-danger-500); }
.toast--warning { border-left-color: var(--color-warning-500); }
.toast--info { border-left-color: var(--color-info-500); }