/* All feedback variants use dark backgrounds. Keep title, detail and icon
   legible even when later module styles set colors on nested text. */
#feedbackToast,
#feedbackToast .feedbackText,
#feedbackToast .feedbackText small,
#feedbackToast .feedbackIcon {
  color: #fff !important;
}
#feedbackToast .feedbackText small { opacity: 1; }

/* Keep transient feedback outside the layout of a narrow product editor. */
#feedbackToast { position:fixed; inset:auto 12px calc(16px + env(safe-area-inset-bottom)) auto;
  width:min(420px,calc(100vw - 24px)); min-width:0; height:auto;
  max-height:35dvh; overflow:auto; box-sizing:border-box; align-items:flex-start; }
#feedbackToast .feedbackText { min-width:0; overflow-wrap:break-word; }
@media(max-width:760px) { #feedbackToast { left:12px; right:12px; } }