.wa-fab {
  position: fixed; right: 18px; bottom: 18px; z-index: 80;
  min-width: 118px; height: 52px; padding: 0 16px;
  border: 0; border-radius: 4px;
  background: #128c7e; color: #fff; cursor: pointer;
  box-shadow: 0 12px 28px rgba(0,0,0,.4);
  font-size: 12px; letter-spacing: .14em; text-transform: uppercase;
  display: flex; align-items: center; gap: 8px;
  font-family: "Barlow Condensed", sans-serif; font-weight: 700;
}
.wa-panel {
  position: fixed; right: 18px; bottom: 80px; z-index: 81;
  width: min(360px, calc(100vw - 24px));
  background: #151d27; color: #e8edf2; border: 1px solid #243140;
  display: none; flex-direction: column;
  box-shadow: 0 18px 50px rgba(0,0,0,.45);
  transform-origin: bottom right;
}
.wa-panel[hidden] { display: none !important; }
.wa-panel.open { display: flex !important; }
.wa-panel header {
  background: #0b1016; padding: 12px 14px;
  display: flex; justify-content: space-between; align-items: flex-start;
  border-bottom: 2px solid #ff6a22;
}
.wa-live { margin: 0 0 4px; font-size: 10px; letter-spacing: .16em; text-transform: uppercase; color: #7ad4c6; }
.wa-panel header strong { font-family: "Barlow Condensed", sans-serif; font-size: 22px; }
.wa-panel header button { background: none; border: 0; color: inherit; cursor: pointer; font-size: 22px; }
.wa-body { padding: 14px; color: #8ea0b3; font-size: 14px; }
.wa-body label { display: block; font-size: 11px; letter-spacing: .12em; text-transform: uppercase; color: #ff6a22; }
.wa-body textarea {
  width: 100%; margin-top: 8px; background: #0b1016; color: #e8edf2;
  border: 1px solid #243140; padding: 10px; font: inherit; resize: vertical;
}
.wa-go { margin: 0 14px 14px; text-align: center; }
@media (max-width: 560px) {
  .wa-panel { right: 10px; left: 10px; width: auto; }
}