.swift-commerce-dashboard-toast-viewport {
  position: fixed;
  top: max(20px, env(safe-area-inset-top));
  left: 50%;
  transform: translateX(-50%);
  z-index: 100000;
  width: min(320px, calc(100vw - 32px));
  outline: none;
  pointer-events: none;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}
.swift-commerce-dashboard-toast {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  --gap: 12px;
  --height: var(--toast-frontmost-height, var(--toast-height));
  --scale: max(0, calc(1 - var(--toast-index) * 0.05));
  --offset: calc(var(--toast-offset-y) + var(--toast-index) * var(--gap));
  position: absolute;
  top: 0;
  left: 0;
  z-index: calc(1000 - var(--toast-index));
  width: 100%;
  height: var(--height);
  border: 1px solid hsl(var(--border));
  border-radius: 12px;
  background: hsl(var(--popover));
  color: hsl(var(--popover-foreground));
  box-shadow: 0 4px 12px rgb(0 0 0 / 8%);
  outline: none;
  pointer-events: auto;
  transform-origin: top center;
  transform: translateX(var(--toast-swipe-movement-x)) translateY(calc(var(--toast-swipe-movement-y) + var(--toast-index) * 8px)) scale(var(--scale));
  transition: transform 220ms cubic-bezier(0.22, 1, 0.36, 1), opacity 180ms, height 150ms;
}
.swift-commerce-dashboard-toast[data-expanded] { height: var(--toast-height); transform: translateX(var(--toast-swipe-movement-x)) translateY(calc(var(--offset) + var(--toast-swipe-movement-y))); }
.swift-commerce-dashboard-toast::after { content: ''; position: absolute; bottom: 100%; width: 100%; height: calc(var(--gap) + 1px); }
.swift-commerce-dashboard-toast[data-starting-style], .swift-commerce-dashboard-toast[data-ending-style] { opacity: 0; transform: translateY(-16px); }
.swift-commerce-dashboard-toast[data-limited] { opacity: 0; pointer-events: none; }
.swift-commerce-dashboard-toast-content { box-sizing: border-box; display: flex; align-items: center; gap: 10px; width: 100%; height: 100%; padding: 10px 14px; overflow: hidden; }
.swift-commerce-dashboard-toast-content[data-behind] { opacity: 0; }
.swift-commerce-dashboard-toast-content[data-expanded] { opacity: 1; }
.swift-commerce-dashboard-toast-icon { flex: none; width: 18px; height: 18px; }
.swift-commerce-dashboard-toast[data-type="error"] .swift-commerce-dashboard-toast-icon { color: #b91c1c; }
.swift-commerce-dashboard-toast[data-type="warning"] .swift-commerce-dashboard-toast-icon { color: #92400e; }
.swift-commerce-dashboard-toast-message { flex: 1; min-width: 0; }
.swift-commerce-dashboard-toast-title { margin: 0; font-size: 14px; line-height: 20px; font-weight: 500; overflow-wrap: anywhere; }
.swift-commerce-dashboard-toast-description { margin-top: 4px; font-size: 14px; line-height: 20px; color: hsl(var(--muted-foreground)); overflow-wrap: anywhere; }
.swift-commerce-dashboard-toast-close { display: inline-flex; align-items: center; justify-content: center; flex: none; width: 24px; height: 24px; padding: 0; border: 0; border-radius: 4px; background: transparent; color: hsl(var(--muted-foreground)); cursor: pointer; }
.swift-commerce-dashboard-toast-close svg { width: 14px; height: 14px; }
.swift-commerce-dashboard-toast-close:hover { background: hsl(var(--muted)); color: hsl(var(--foreground)); }
.swift-commerce-dashboard-toast:focus-visible, .swift-commerce-dashboard-toast-close:focus-visible, .swift-commerce-dashboard-toast-action:focus-visible { outline: 2px solid hsl(var(--primary)); outline-offset: 2px; }
.swift-commerce-dashboard-toast-action { flex: none; padding: 4px 8px; border: 1px solid hsl(var(--border)); border-radius: 6px; font-size: 12px; background: hsl(var(--background)); cursor: pointer; }
@media (prefers-reduced-motion: reduce) { .swift-commerce-dashboard-toast { transition: none; } }