/* ================================================================
   TOAST NOTIFICATION
   Bottom-center notification bar with ARIA live region support.
   ================================================================ */

.toast {
  position: fixed;
  bottom: 28px;
  left: 50%;
  transform: translateX(-50%) translateY(20px);
  background: var(--clr-green);
  color: var(--clr-chartreuse);
  padding: 13px 28px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  opacity: 0;
  transition: all .3s;
  z-index: 700;
  pointer-events: none;
  border-radius: var(--radius);
  box-shadow: var(--shadow-toast);
  display: flex;
  align-items: center;
  gap: 10px;
}

.toast::before {
  content: '\u25C6';
  font-size: 8px;
  color: var(--clr-chartreuse-muted);
}

.toast.show {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
  pointer-events: auto;
}