/* Shared feedback stays readable above native dialogs on both storefronts. */
#toast.toast {
  position: fixed;
  inset: auto auto max(24px, env(safe-area-inset-bottom)) 50%;
  transform: translateX(-50%);
  margin: 0;
  width: max-content;
  max-width: min(520px, calc(100vw - 32px));
  height: auto;
  max-height: calc(100dvh - 48px);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 13px 18px;
  border: 1px solid #475569;
  border-radius: 12px;
  background: #172033;
  color: #fff;
  font: 500 14px/1.7 -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
  box-shadow: 0 8px 32px #17203333;
  text-align: left;
  overflow-wrap: anywhere;
  pointer-events: none;
  z-index: 10000;
}
#toast.toast[hidden] { display: none; }
#toast.toast::backdrop { background: transparent; backdrop-filter: none; pointer-events: none; }
#toast .feedback-icon {
  display: grid;
  place-items: center;
  flex: 0 0 21px;
  width: 21px;
  height: 21px;
  border: 1px solid #ffffff99;
  border-radius: 50%;
  font-size: 13px;
  line-height: 1;
}
#toast[data-kind="error"] { background: #7f1d1d; border-color: #991b1b; }
.clipboard-fallback { position: fixed; top: 0; left: 0; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
@media (max-width: 600px) {
  #toast.toast { bottom: max(18px, env(safe-area-inset-bottom)); font-size: 13px; padding: 12px 15px; }
}
