.asl-whatsapp-float {
  position: fixed;
  right: max(20px, env(safe-area-inset-right));
  bottom: max(20px, env(safe-area-inset-bottom));
  z-index: 850;
  display: grid;
  width: 52px;
  height: 52px;
  place-items: center;
  border: 1px solid rgb(255 255 255 / 32%);
  border-radius: 50%;
  background: #25d366;
  color: #fff;
  box-shadow: 0 6px 18px rgb(8 38 28 / 26%);
  text-decoration: none;
  transition: transform 160ms ease, box-shadow 160ms ease;
}

.asl-whatsapp-float svg { width: 28px; height: 28px; }
.asl-whatsapp-float:hover { transform: translateY(-2px); box-shadow: 0 9px 22px rgb(8 38 28 / 32%); }
.asl-whatsapp-float:focus-visible { outline: 3px solid #fff; outline-offset: 3px; box-shadow: 0 0 0 6px rgb(20 38 63 / 72%), 0 9px 22px rgb(8 38 28 / 32%); }
.asl-whatsapp-float__label { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }

@media (max-width: 980px) {
  .asl-app-page[data-route="login"] .asl-whatsapp-float {
    right: max(16px, env(safe-area-inset-right));
    bottom: max(28px, env(safe-area-inset-bottom));
    width: 48px;
    height: 48px;
  }

  .asl-app-page[data-route="autenticado"] .asl-whatsapp-float,
  .asl-app-page[data-route="dashboard"] .asl-whatsapp-float,
  .asl-app-page[data-route="cotacoes"] .asl-whatsapp-float,
  .asl-app-page[data-route="minhas-cotacoes"] .asl-whatsapp-float,
  .asl-app-page[data-route="reservas"] .asl-whatsapp-float,
  .asl-app-page[data-route="condutores"] .asl-whatsapp-float,
  .asl-app-page[data-route="dados-pessoais"] .asl-whatsapp-float,
  .asl-app-page[data-route="indicacoes"] .asl-whatsapp-float,
  .asl-app-page[data-route="ganhos-voucher"] .asl-whatsapp-float,
  .asl-app-page[data-route="ganhos-pix"] .asl-whatsapp-float { bottom: max(96px, calc(82px + env(safe-area-inset-bottom))); }
}

@media (prefers-reduced-motion: reduce) { .asl-whatsapp-float { transition: none; } }