#whatsappSupport {
  position: fixed;
  right: calc(20px + env(safe-area-inset-right, 0px));
  bottom: calc(20px + env(safe-area-inset-bottom, 0px));
  z-index: 1500;
  display: grid;
  place-items: center;
  width: 56px;
  height: 56px;
  padding: 13px;
  border: 2px solid #fff;
  border-radius: 50%;
  background: #168b48;
  color: #fff;
  box-shadow: 0 4px 18px #123f3133;
  text-decoration: none;
  transition: background 150ms ease, transform 150ms ease;
}
#whatsappSupport svg { display: block; width: 100%; height: 100%; }
#whatsappSupport:hover { background: #116c38; transform: translateY(-2px); }
#whatsappSupport:focus-visible { outline: 3px solid #123f31; outline-offset: 4px; }
/* Keep transient notifications above the support button. */
#toast { bottom: calc(92px + env(safe-area-inset-bottom, 0px)); }
@media (prefers-reduced-motion: reduce) {
  #whatsappSupport { transition: none; }
  #whatsappSupport:hover { transform: none; }
}