.quick-whatsapp {
  position: fixed;
  right: 20px;
  bottom: calc(20px + env(safe-area-inset-bottom));
  z-index: 50;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 52px;
  padding: 12px 18px;
  border: 1px solid #d8efe5;
  border-radius: 6px;
  background: #0b7652;
  color: #fff;
  box-shadow: 0 5px 18px #09291d40;
  font: 600 14px/1.2 Arial, sans-serif;
  text-decoration: none;
}
.quick-whatsapp:hover { background: #075c40; color: #fff; }
.quick-whatsapp svg { width: 20px; height: 20px; }
.quick-whatsapp:focus-visible,.dock-whatsapp:focus-visible { outline: 3px solid #f4b860; outline-offset: 3px; }
body:has(dialog[open]) .quick-whatsapp { visibility: hidden; }
@media(max-width:760px) {
  .journey-ready .quick-whatsapp { display: none; }
  .journey-ready .mobile-dock { grid-template-columns: repeat(5,minmax(0,1fr)); column-gap: 3px; }
  .journey-ready .mobile-dock>a,.journey-ready .mobile-dock>button { min-width: 0; font-size: 11px; }
  .journey-ready .mobile-dock>a span,.journey-ready .mobile-dock>button span { font-size: 11px; white-space: nowrap; }
  .journey-ready .mobile-dock>button[data-plan] { background: #164857; }
  .journey-ready .mobile-dock .dock-whatsapp { background: #0b7652; color: #fff; }
  .guide-page .quick-whatsapp { right: 14px; bottom: calc(14px + env(safe-area-inset-bottom)); }
}
