/* Emergency call button: bottom-right on every page */
.emergency { position: fixed; right: 28px; bottom: 24px; z-index: 40; display: flex; align-items: center; gap: 0;
  height: 58px; padding: 0 16px; border-radius: 29px; background: #d62e26; color: #fff; text-decoration: none;
  font: 600 15px/1 'Segoe UI', system-ui, sans-serif; box-shadow: 0 6px 20px rgba(214, 46, 38, .4), 0 0 0 5px rgba(214, 46, 38, .18);
  transition: gap .2s ease, padding .2s ease, background .15s, opacity .15s; }
.emergency-icon { display: grid; place-items: center; width: 26px; height: 26px; }
.emergency-text { max-width: 0; overflow: hidden; white-space: nowrap; transition: max-width .25s ease; }
.emergency:hover, .emergency:focus-visible { background: #b8231c; gap: 10px; padding: 0 20px 0 16px; }
.emergency:hover .emergency-text, .emergency:focus-visible .emergency-text { max-width: 280px; }
.emergency:focus-visible { outline: 3px solid #4f9ae8; outline-offset: 3px; }
@media (prefers-reduced-motion: reduce) { .emergency, .emergency-text { transition: none; } }
@media (max-width: 600px) { .emergency { right: 14px; bottom: 14px; } }

/* Sit above the save bars, so it never covers their buttons */
body:has(.fw-bar) .emergency { bottom: 92px; }