.notification-center {
  position: fixed;
  bottom: calc(var(--statusbar-height) + 16px);
  right: 16px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  z-index: 1000;
}

.toast {
  background: var(--bg-surface-3);
  border: 1px solid var(--border-strong);
  border-left: 3px solid var(--accent-teal);
  color: var(--text-primary);
  font-size: 12.5px;
  padding: 10px 14px;
  border-radius: var(--radius-sm);
  opacity: 0;
  transform: translateY(6px);
  transition: opacity var(--duration-med) var(--ease-standard),
    transform var(--duration-med) var(--ease-standard);
  max-width: 280px;
}

.toast--visible {
  opacity: 1;
  transform: translateY(0);
}

.toast--warning {
  border-left-color: var(--accent-warning);
}

.toast--error {
  border-left-color: var(--accent-danger);
}