/* Demo-only additions to the CRM styles: action toast, "Disabled in the demo" hints, the highlight of a moved card.
   Nunito Sans stands in for Avenir Next where it is not installed (Linux, Android, Windows), so captures look like the original on a Mac. */
@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:opsz,wght@6..12,400;6..12,600;6..12,700;6..12,800&display=swap');
body{font-family:'Avenir Next','Nunito Sans','Trebuchet MS',system-ui,sans-serif}
#demo-toast{position:fixed;left:50%;bottom:104px;transform:translate(-50%,12px);z-index:2147482000;max-width:calc(100vw - 32px);
  padding:12px 18px;border-radius:10px;background:var(--navy);color:#fff;font-size:15px;line-height:1.35;box-shadow:0 10px 30px #17304255;
  opacity:0;pointer-events:none;transition:opacity .25s,transform .25s}
#demo-toast.show{opacity:1;transform:translate(-50%,0)}
.demo-hint{margin-top:6px;color:var(--muted);font-size:13px}
.notice small{margin-top:4px}
a[data-demo-off]{cursor:not-allowed}
@keyframes demo-moved{0%{box-shadow:0 0 0 3px var(--yellow);background:#fff8e1}100%{box-shadow:0 0 0 0 transparent}}
.demo-moved{animation:demo-moved 1.6s ease-out}
@media(max-width:520px){#demo-toast{bottom:84px;font-size:14px}}
@media(prefers-reduced-motion:reduce){#demo-toast{transition:none}.demo-moved{animation:none}}