.gwwa-widget,
.gwwa-widget * { box-sizing: border-box; }
.gwwa-widget { position: fixed; z-index: 99998; font-family: inherit; color: var(--gwwa-panel-text, #1f2937); }
.gwwa-pos-br { right: var(--gwwa-x, 20px); bottom: var(--gwwa-y, 20px); }
.gwwa-pos-bl { left: var(--gwwa-x, 20px); bottom: var(--gwwa-y, 20px); }
.gwwa-pos-bc { left: 50%; bottom: var(--gwwa-y, 20px); transform: translateX(-50%); }
.gwwa-pos-tr { right: var(--gwwa-x, 20px); top: var(--gwwa-y, 20px); }
.gwwa-pos-tl { left: var(--gwwa-x, 20px); top: var(--gwwa-y, 20px); }
.gwwa-pos-tc { left: 50%; top: var(--gwwa-y, 20px); transform: translateX(-50%); }
.gwwa-trigger,
.gwwa-shortcode-button,
.gwwa-product-query-button { border: 0; background: var(--gwwa-primary, #25D366); color: var(--gwwa-text, #fff); border-radius: var(--gwwa-button-radius, 999px); min-height: var(--gwwa-button-height, 48px); padding: 0 var(--gwwa-button-x-padding, 18px); display: inline-flex; align-items: center; gap: var(--gwwa-button-icon-gap, 10px); font-family: var(--gwwa-button-font-family, inherit); font-style: var(--gwwa-button-font-style, normal); font-weight: var(--gwwa-button-font-weight, 700); font-size: var(--gwwa-button-font-size, 15px); text-transform: var(--gwwa-button-text-case, none); line-height: 1; cursor: pointer; box-shadow: var(--gwwa-button-shadow, 0 12px 30px rgba(15, 23, 42, .22)); transition: transform .18s ease, box-shadow .18s ease, opacity .18s ease; text-decoration: none; }
.gwwa-has-gradient .gwwa-trigger,
.gwwa-has-gradient .gwwa-shortcode-button,
.gwwa-has-gradient .gwwa-product-query-button { background: linear-gradient(135deg, var(--gwwa-primary, #25D366), #128C7E); }
.gwwa-trigger:hover,
.gwwa-shortcode-button:hover,
.gwwa-product-query-button:hover { transform: translateY(-2px); box-shadow: var(--gwwa-button-shadow-hover, 0 16px 34px rgba(15, 23, 42, .26)); opacity: .96; color: var(--gwwa-text, #fff); }
.gwwa-trigger-icon { display: inline-flex; align-items: center; justify-content: center; width: var(--gwwa-button-icon-size, 24px); height: var(--gwwa-button-icon-size, 24px); }
.gwwa-panel { position: absolute; width: min(360px, calc(100vw - 32px)); background: var(--gwwa-panel-bg, #fff); color: var(--gwwa-panel-text, #1f2937); border-radius: 22px; overflow: hidden; box-shadow: 0 24px 70px rgba(15, 23, 42, .28); border: 1px solid rgba(15, 23, 42, .09); margin-bottom: 14px; animation: gwwaFadeUp .18s ease both; }
.gwwa-pos-br .gwwa-panel,
.gwwa-pos-bl .gwwa-panel,
.gwwa-pos-bc .gwwa-panel { bottom: 100%; }
.gwwa-pos-tr .gwwa-panel,
.gwwa-pos-tl .gwwa-panel,
.gwwa-pos-tc .gwwa-panel { top: 100%; margin-bottom: 0; margin-top: 14px; }
.gwwa-pos-br .gwwa-panel,
.gwwa-pos-tr .gwwa-panel { right: 0; }
.gwwa-pos-bl .gwwa-panel,
.gwwa-pos-tl .gwwa-panel { left: 0; }
.gwwa-pos-bc .gwwa-panel,
.gwwa-pos-tc .gwwa-panel { left: 50%; transform: translateX(-50%); }
.gwwa-panel-header { background: var(--gwwa-primary, #25D366); color: var(--gwwa-text, #fff); padding: 18px; display: flex; gap: 12px; align-items: flex-start; position: relative; }
.gwwa-has-gradient .gwwa-panel-header { background: linear-gradient(135deg, var(--gwwa-primary, #25D366), #128C7E); }
.gwwa-panel-header strong { display:block; font-size: 17px; margin-bottom: 5px; color: inherit; }
.gwwa-panel-header span { display:block; font-size: 13px; line-height: 1.45; opacity: .92; }
.gwwa-header-icon { flex: 0 0 38px; width:38px; height:38px; border-radius:999px; background:rgba(255,255,255,.18); display:flex; align-items:center; justify-content:center; }
.gwwa-close { position:absolute; right:12px; top:10px; border:0; background:rgba(255,255,255,.16); color:inherit; width:28px; height:28px; border-radius:999px; cursor:pointer; font-size:20px; line-height:1; }
.gwwa-panel-body { padding: 16px; display: grid; gap: 13px; }
.gwwa-message-label { display: grid; gap: 6px; font-size: 13px; font-weight: 700; color: var(--gwwa-panel-text, #1f2937); }
.gwwa-message-label textarea,
.gwwa-message-label input { width:100%; border:1px solid rgba(15,23,42,.14); border-radius: 14px; padding: 11px 12px; font: inherit; min-height: auto; background:#fff; color:#111827; }
.gwwa-message-label textarea:focus,
.gwwa-message-label input:focus { outline:none; border-color:var(--gwwa-primary,#25D366); box-shadow:0 0 0 3px rgba(37,211,102,.14); }
.gwwa-gdpr { display:flex; gap:8px; align-items:flex-start; font-size:12px; line-height:1.4; }
.gwwa-gdpr input { margin-top:2px; }
.gwwa-gdpr a { color: var(--gwwa-primary,#25D366); }
.gwwa-notice { background:#fff7ed; color:#9a3412; border:1px solid #fed7aa; padding:10px 12px; border-radius:12px; font-size:13px; }
.gwwa-attendants { display:grid; gap:10px; }
.gwwa-attendant { display:grid; grid-template-columns:42px 1fr auto; gap:11px; align-items:center; padding:12px; border:1px solid rgba(15,23,42,.08); border-radius:16px; background:#fff; }
.gwwa-avatar { width:42px; height:42px; border-radius:999px; overflow:hidden; background:#ecfdf5; color:var(--gwwa-primary,#25D366); display:flex; align-items:center; justify-content:center; font-weight:800; }
.gwwa-avatar img { width:100%; height:100%; object-fit:cover; display:block; }
.gwwa-attendant-info strong { display:block; color:#111827; font-size:14px; }
.gwwa-attendant-info span { display:block; color:#64748b; font-size:12px; margin-top:2px; }
.gwwa-attendant-info small { display:inline-flex; align-items:center; gap:5px; color:#16a34a; font-size:11px; margin-top:5px; font-weight:700; }
.gwwa-attendant-info small:before { content:""; width:7px; height:7px; background:#22c55e; border-radius:999px; display:inline-block; }
.gwwa-attendant.is-unavailable { opacity:.62; }
.gwwa-attendant.is-unavailable .gwwa-attendant-info small { color:#64748b; }
.gwwa-attendant.is-unavailable .gwwa-attendant-info small:before { background:#94a3b8; }
.gwwa-action { border:0; background:var(--gwwa-primary,#25D366); color:var(--gwwa-text,#fff); border-radius:999px; padding:9px 13px; cursor:pointer; font-weight:800; white-space:nowrap; }
.gwwa-action[disabled] { cursor:not-allowed; filter:grayscale(1); opacity:.7; }
.gwwa-shortcode-link { color: var(--gwwa-primary, #25D366); font-weight:700; }
.gwwa-product-query { margin: 16px 0; }
.gwwa-product-query-button { border-radius: 12px; box-shadow:none; }
.gwwa-product-query-card {
  width:min(394px, calc(100vw - 32px));
  max-width:calc(100vw - 32px);
  min-height:60px;
  border:0;
  border-radius:3px;
  padding:6px 15px 6px 8px;
  background:var(--gwwa-primary,#25D366) !important;
  color:#fff !important;
  display:inline-flex;
  align-items:center;
  justify-content:flex-start;
  gap:10px;
  text-align:left;
  font-family:var(--gwwa-button-font-family, Arial, Helvetica, sans-serif);
  font-style:var(--gwwa-button-font-style, normal);
  line-height:1.08;
  box-shadow:none !important;
  text-decoration:none !important;
  white-space:normal;
}
.gwwa-product-query-card:hover,
.gwwa-product-query-card:focus {
  color:#fff !important;
  transform:none;
  opacity:.96;
  box-shadow:none !important;
  text-decoration:none !important;
}
.gwwa-product-query-card:focus-visible {
  outline:2px solid rgba(37,211,102,.42);
  outline-offset:3px;
}
.gwwa-product-query-card-avatar {
  width:48px;
  height:48px;
  flex:0 0 48px;
  border-radius:999px;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#fef3c7;
}
.gwwa-product-query-card-avatar img,
.gwwa-product-query-card-avatar svg {
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}
.gwwa-product-query-card-copy {
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:1px;
}
.gwwa-product-query-card-eyebrow,
.gwwa-product-query-card-headline {
  color:inherit;
  white-space:nowrap;
}
.gwwa-product-query-card-eyebrow {
  font-size:15px;
  font-weight:700;
  line-height:1.08;
}
.gwwa-product-query-card-headline {
  font-size:13px;
  font-weight:800;
  line-height:1.08;
  text-transform:uppercase;
}
.gwwa-qr { max-width:100%; height:auto; }
.gwwa-legacy-shortcode-button { gap:8px; line-height:1.2; }
.gwwa-legacy-qr { display:inline-grid; gap:8px; justify-items:center; margin:12px 0; }
.gwwa-legacy-qr figcaption { color:#64748b; font-size:13px; line-height:1.35; text-align:center; }
.gwwa-legacy-product-query-btn { gap:10px; border-radius:3px; padding:8px 10px; text-decoration:none !important; }
.gwwa-legacy-product-query-img { width:50px; height:50px; flex:0 0 50px; display:block; overflow:hidden; }
.gwwa-legacy-product-query-img img { width:100%; height:100%; object-fit:cover; display:block; }
.gwwa-legacy-product-query-text { display:flex; flex-direction:column; gap:3px; line-height:1.25; text-align:left; }
.gwwa-legacy-product-query-text small { color:inherit; opacity:.86; font-size:13px; }
.gwwa-legacy-product-query-text strong { color:inherit; font-size:15px; }
.gwwa-layout-compact .gwwa-panel { width:min(320px, calc(100vw - 32px)); }
.gwwa-layout-compact .gwwa-panel-header { padding:14px; }
.gwwa-layout-minimal .gwwa-trigger { box-shadow:none; border:1px solid rgba(15,23,42,.1); }
.gwwa-layout-dark .gwwa-panel { --gwwa-panel-bg:#111827; --gwwa-panel-text:#f8fafc; border-color:#374151; }
.gwwa-layout-dark .gwwa-attendant,
.gwwa-layout-dark .gwwa-message-label textarea,
.gwwa-layout-dark .gwwa-message-label input { background:#1f2937; color:#f8fafc; border-color:#374151; }
.gwwa-layout-dark .gwwa-attendant-info strong { color:#f8fafc; }
.gwwa-layout-rounded .gwwa-panel,
.gwwa-layout-rounded .gwwa-attendant,
.gwwa-layout-rounded .gwwa-message-label textarea,
.gwwa-layout-rounded .gwwa-message-label input { border-radius:28px; }
.gwwa-layout-bubble .gwwa-trigger { width:var(--gwwa-button-height, 48px); height:var(--gwwa-button-height, 48px); border-radius:999px; justify-content:center; padding:0; }
.gwwa-layout-bubble .gwwa-trigger-text { display:none; }
.gwwa-rtl { direction:rtl; }
@keyframes gwwaFadeUp { from { opacity:0; transform:translateY(8px); } to { opacity:1; transform:translateY(0); } }
.gwwa-panel.is-closing {
  animation:gwwaSlideDownFade .18s ease both !important;
  pointer-events:none;
}
.gwwa-pos-bc .gwwa-panel,
.gwwa-pos-tc .gwwa-panel { animation: gwwaFadeCenter .18s ease both; }
@keyframes gwwaFadeCenter { from { opacity:0; transform:translate(-50%, 8px); } to { opacity:1; transform:translate(-50%, 0); } }
.gwwa-pos-bc .gwwa-panel.is-closing,
.gwwa-pos-tc .gwwa-panel.is-closing {
  animation:gwwaSlideDownFadeCenter .18s ease both !important;
}
.gwwa-layout-compact .gwwa-panel.is-closing {
  animation:gwwaSlideDownFadeModal .18s ease both !important;
}
@keyframes gwwaSlideDownFade { from { opacity:1; transform:translateY(0); } to { opacity:0; transform:translateY(12px); } }
@keyframes gwwaSlideDownFadeCenter { from { opacity:1; transform:translate(-50%, 0); } to { opacity:0; transform:translate(-50%, 12px); } }
@keyframes gwwaSlideDownFadeModal { from { opacity:1; transform:translate(-50%, -50%); } to { opacity:0; transform:translate(-50%, calc(-50% + 12px)); } }
@media (max-width: 600px) {
  .gwwa-widget { max-width: calc(100vw - 24px); }
  .gwwa-panel { width: calc(100vw - 24px); }
  .gwwa-mobile-icon-only .gwwa-trigger { width:var(--gwwa-button-height, 48px); height:var(--gwwa-button-height, 48px); padding:0; justify-content:center; }
  .gwwa-mobile-icon-only .gwwa-trigger-text { display:none; }
  .gwwa-attendant { grid-template-columns:38px 1fr; }
  .gwwa-attendant .gwwa-action { grid-column:1 / -1; width:100%; }
}

/* Legacy visual: aproximação fiel do layout 1 do antigo WhatsApp Support. */
.gwwa-layout-classic.gwwa-widget,
.gwwa-layout-legacy.gwwa-widget {
  width:318px;
  max-width:calc(100vw - 24px);
  display:flex;
  flex-direction:column;
  align-items:flex-end;
}
.gwwa-layout-classic.gwwa-pos-bl,
.gwwa-layout-legacy.gwwa-pos-bl,
.gwwa-layout-classic.gwwa-pos-tl,
.gwwa-layout-legacy.gwwa-pos-tl {
  align-items:flex-start;
}
.gwwa-layout-classic.gwwa-pos-bc,
.gwwa-layout-legacy.gwwa-pos-bc,
.gwwa-layout-classic.gwwa-pos-tc,
.gwwa-layout-legacy.gwwa-pos-tc {
  align-items:center;
}
.gwwa-layout-classic .gwwa-panel,
.gwwa-layout-legacy .gwwa-panel {
  width:318px;
  max-width:calc(100vw - 24px);
  background:transparent;
  color:#888fbb;
  border:0;
  border-radius:0 0 8px 8px;
  box-shadow:none;
  overflow:visible;
  margin-bottom:15px;
}
.gwwa-layout-classic .gwwa-legacy-panel,
.gwwa-layout-legacy .gwwa-legacy-panel {
  animation:gwwaLegacyFade .2s ease both;
}
.gwwa-layout-classic .gwwa-legacy-body,
.gwwa-layout-legacy .gwwa-legacy-body {
  display:block;
  position:relative;
  padding:0;
  background:transparent;
}
.gwwa-layout-classic .gwwa-legacy-support-wrapper,
.gwwa-layout-legacy .gwwa-legacy-support-wrapper {
  display:flex;
  align-items:flex-end;
  gap:3px;
  width:100%;
  margin-top:8px;
}
.gwwa-layout-classic .gwwa-legacy-avatar,
.gwwa-layout-legacy .gwwa-legacy-avatar {
  flex:0 0 50px;
  width:50px;
  height:50px;
  margin:0;
  z-index:2;
  border:0;
  border-radius:50%;
  overflow:hidden;
  background:#eefdf4;
  color:var(--gwwa-primary,#25D366);
  box-shadow:0 0 40px rgba(0,0,0,.20);
}
.gwwa-layout-classic .gwwa-legacy-support,
.gwwa-layout-legacy .gwwa-legacy-support {
  flex:1 1 auto;
  width:260px;
  max-width:calc(100% - 53px);
  position:relative;
  border-radius:8px;
  overflow:hidden;
  box-shadow:0 0 50px rgba(0,0,0,.10);
}
.gwwa-layout-classic .gwwa-legacy-header,
.gwwa-layout-legacy .gwwa-legacy-header {
  display:block;
  width:100%;
  padding:20px 10px;
  text-align:center;
  border-radius:8px 8px 0 0;
  background:var(--gwwa-primary,#25D366) !important;
  color:var(--gwwa-text,#fff) !important;
  box-shadow:none;
}
.gwwa-layout-classic .gwwa-legacy-header strong,
.gwwa-layout-legacy .gwwa-legacy-header strong {
  display:block;
  margin:0;
  color:inherit;
  font-size:14px;
  line-height:22px;
  font-weight:600;
}
.gwwa-layout-classic .gwwa-legacy-message,
.gwwa-layout-legacy .gwwa-legacy-message {
  width:100%;
  min-height:56px;
  display:flex;
  align-items:center;
  gap:7px;
  padding:20px 15px;
  background:#fff;
  color:#888fbb;
  border-radius:0 0 8px 8px;
  box-shadow:none;
  font-size:14px;
  line-height:16px;
  text-align:left;
}
.gwwa-layout-classic .gwwa-legacy-wave,
.gwwa-layout-legacy .gwwa-legacy-wave {
  display:inline-flex;
  transform:translateY(-1px);
}
.gwwa-layout-classic .gwwa-legacy-compose,
.gwwa-layout-legacy .gwwa-legacy-compose {
  width:min(260px, calc(100% - 53px));
  margin-top:14px;
  margin-left:auto;
  min-height:50px;
  display:grid;
  grid-template-columns:minmax(0, 1fr) 34px;
  align-items:center;
  background:#fff;
  border-radius:8px;
  overflow:hidden;
  padding:8px 12px;
  box-shadow:0 0 50px rgba(0,0,0,.10);
}
.gwwa-layout-classic .gwwa-legacy-compose input.gwwa-user-message,
.gwwa-layout-legacy .gwwa-legacy-compose input.gwwa-user-message,
.gwwa-layout-classic .gwwa-legacy-compose textarea.gwwa-user-message,
.gwwa-layout-legacy .gwwa-legacy-compose textarea.gwwa-user-message {
  width:100% !important;
  height:34px !important;
  min-height:34px !important;
  max-height:34px !important;
  resize:none;
  overflow:hidden;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  color:#000 !important;
  padding:6px 0 !important;
  margin:0 !important;
  font:inherit;
  font-size:14px;
  line-height:20px;
  box-shadow:none !important;
}
.gwwa-layout-classic .gwwa-legacy-compose input.gwwa-user-message:focus,
.gwwa-layout-legacy .gwwa-legacy-compose input.gwwa-user-message:focus,
.gwwa-layout-classic .gwwa-legacy-compose textarea.gwwa-user-message:focus,
.gwwa-layout-legacy .gwwa-legacy-compose textarea.gwwa-user-message:focus {
  outline:none !important;
  border:0 !important;
  box-shadow:none !important;
}
.gwwa-layout-classic .gwwa-legacy-compose input.gwwa-user-message::placeholder,
.gwwa-layout-legacy .gwwa-legacy-compose input.gwwa-user-message::placeholder,
.gwwa-layout-classic .gwwa-legacy-compose textarea.gwwa-user-message::placeholder,
.gwwa-layout-legacy .gwwa-legacy-compose textarea.gwwa-user-message::placeholder {
  color:#888fbb !important;
  opacity:1;
}
.gwwa-layout-classic .gwwa-legacy-send,
.gwwa-layout-legacy .gwwa-legacy-send {
  width:34px !important;
  height:34px !important;
  min-width:34px !important;
  min-height:34px !important;
  max-width:34px !important;
  max-height:34px !important;
  display:flex;
  align-items:center;
  justify-content:center;
  border:0 !important;
  border-radius:3px;
  background:transparent !important;
  color:var(--gwwa-primary,#25D366) !important;
  cursor:pointer;
  padding:6px !important;
  margin:0 !important;
  transition:background-color .18s ease, transform .18s ease, opacity .18s ease;
}
.gwwa-layout-classic .gwwa-legacy-send svg,
.gwwa-layout-legacy .gwwa-legacy-send svg {
  width:100%;
  height:100%;
}
.gwwa-layout-classic .gwwa-legacy-send:hover,
.gwwa-layout-legacy .gwwa-legacy-send:hover {
  background:#eceff1 !important;
  transform:none;
  opacity:1;
}
.gwwa-layout-classic .gwwa-legacy-send[disabled],
.gwwa-layout-legacy .gwwa-legacy-send[disabled] {
  cursor:not-allowed;
  opacity:.45;
  filter:grayscale(1);
}
.gwwa-layout-classic .gwwa-legacy-close,
.gwwa-layout-legacy .gwwa-legacy-close {
  position:absolute !important;
  right:0 !important;
  left:auto !important;
  top:-42px;
  z-index:6;
  width:34px !important;
  height:34px !important;
  min-width:34px !important;
  min-height:34px !important;
  max-width:34px !important;
  max-height:34px !important;
  border:0 !important;
  border-radius:50% !important;
  background:var(--gwwa-primary,#25D366) !important;
  color:var(--gwwa-text,#fff) !important;
  box-shadow:0 0 50px rgba(0,0,0,.10);
  font-size:28px;
  font-weight:500;
  line-height:1 !important;
  padding:0 0 4px 0 !important;
  opacity:1;
  display:flex;
  align-items:center;
  justify-content:center;
  margin:0 !important;
  appearance:none;
  -webkit-appearance:none;
}
.gwwa-layout-classic .gwwa-legacy-close:hover,
.gwwa-layout-legacy .gwwa-legacy-close:hover {
  background:var(--gwwa-primary,#25D366) !important;
  background:color-mix(in srgb, var(--gwwa-primary,#25D366) 86%, #fff) !important;
  color:var(--gwwa-text,#fff) !important;
  transform:none;
  filter:none;
}
.gwwa-layout-classic .gwwa-legacy-body .gwwa-gdpr,
.gwwa-layout-legacy .gwwa-legacy-body .gwwa-gdpr {
  width:min(260px, calc(100% - 53px));
  margin-top:14px;
  margin-left:auto;
  padding:8px 12px 6px 12px;
  border-radius:8px;
  background:#fff;
  color:#888fbb;
  box-shadow:0 0 50px rgba(0,0,0,.10);
}
.gwwa-layout-classic .gwwa-legacy-body .gwwa-notice,
.gwwa-layout-legacy .gwwa-legacy-body .gwwa-notice {
  width:min(260px, calc(100% - 53px));
  margin-top:14px;
  margin-left:auto;
  border-radius:8px;
}
.gwwa-layout-classic .gwwa-legacy-trigger,
.gwwa-layout-legacy .gwwa-legacy-trigger {
  margin-top:15px;
  margin-left:auto !important;
  margin-right:0 !important;
  align-self:flex-end;
  width:max-content;
  max-width:100%;
  padding:0 20px !important;
  border:0 !important;
  border-radius:20px !important;
  min-height:var(--gwwa-button-height, 48px);
  height:auto;
  display:flex !important;
  align-items:center;
  justify-content:center;
  gap:7px;
  font-size:14px;
  font-weight:700;
  line-height:1.25;
  box-shadow:0 0 50px rgba(0,0,0,.10);
  background:var(--gwwa-primary,#25D366) !important;
  color:var(--gwwa-text,#fff) !important;
  cursor:pointer;
  transition:background-color .18s ease, transform .18s ease, box-shadow .18s ease;
}
.gwwa-layout-classic .gwwa-legacy-trigger:hover,
.gwwa-layout-legacy .gwwa-legacy-trigger:hover,
.gwwa-layout-classic .gwwa-legacy-trigger:focus,
.gwwa-layout-legacy .gwwa-legacy-trigger:focus {
  background:var(--gwwa-primary,#25D366) !important;
  background:color-mix(in srgb, var(--gwwa-primary,#25D366) 86%, #fff) !important;
  color:var(--gwwa-text,#fff) !important;
  opacity:1;
  transform:translateY(-1px);
  box-shadow:0 0 50px rgba(0,0,0,.14);
  outline:none;
}
.gwwa-layout-classic .gwwa-legacy-trigger .gwwa-trigger-icon,
.gwwa-layout-legacy .gwwa-legacy-trigger .gwwa-trigger-icon,
.gwwa-layout-classic .gwwa-legacy-trigger .gwwa-trigger-icon svg,
.gwwa-layout-legacy .gwwa-legacy-trigger .gwwa-trigger-icon svg {
  width:16px;
  height:16px;
}
.gwwa-layout-classic.gwwa-pos-bl .gwwa-legacy-trigger,
.gwwa-layout-legacy.gwwa-pos-bl .gwwa-legacy-trigger,
.gwwa-layout-classic.gwwa-pos-tl .gwwa-legacy-trigger,
.gwwa-layout-legacy.gwwa-pos-tl .gwwa-legacy-trigger {
  margin-left:0 !important;
  margin-right:auto !important;
  align-self:flex-start;
}
.gwwa-layout-classic.gwwa-pos-bc .gwwa-legacy-trigger,
.gwwa-layout-legacy.gwwa-pos-bc .gwwa-legacy-trigger,
.gwwa-layout-classic.gwwa-pos-tc .gwwa-legacy-trigger,
.gwwa-layout-legacy.gwwa-pos-tc .gwwa-legacy-trigger {
  margin-left:auto !important;
  margin-right:auto !important;
  align-self:center;
}
.gwwa-layout-classic.gwwa-mobile-icon-only .gwwa-legacy-trigger,
.gwwa-layout-legacy.gwwa-mobile-icon-only .gwwa-legacy-trigger {
  width:auto !important;
  height:auto !important;
  min-height:var(--gwwa-button-height, 48px) !important;
  padding:0 20px !important;
}
.gwwa-layout-classic.gwwa-mobile-icon-only .gwwa-legacy-trigger .gwwa-trigger-text,
.gwwa-layout-legacy.gwwa-mobile-icon-only .gwwa-legacy-trigger .gwwa-trigger-text {
  display:inline;
}
@keyframes gwwaLegacyFade {
  from { opacity:0; transform:translateY(10px); }
  to { opacity:1; transform:translateY(0); }
}
@media (max-width: 600px) {
  .gwwa-layout-classic.gwwa-widget,
  .gwwa-layout-legacy.gwwa-widget,
  .gwwa-layout-classic .gwwa-panel,
  .gwwa-layout-legacy .gwwa-panel {
    width:min(318px, calc(100vw - 24px));
  }
}
.gwwa-layout-classic.gwwa-pos-bc .gwwa-legacy-panel,
.gwwa-layout-legacy.gwwa-pos-bc .gwwa-legacy-panel,
.gwwa-layout-classic.gwwa-pos-tc .gwwa-legacy-panel,
.gwwa-layout-legacy.gwwa-pos-tc .gwwa-legacy-panel {
  animation:gwwaLegacyFadeCenter .2s ease both;
}
@keyframes gwwaLegacyFadeCenter {
  from { opacity:0; transform:translate(-50%, 10px); }
  to { opacity:1; transform:translate(-50%, 0); }
}

/* Layout refinements mapped from WordPress Support Using WhatsApp templates. */
.gwwa-default-avatar { display:block; width:100%; height:100%; }

.gwwa-layout-bubble.gwwa-widget,
.gwwa-layout-minimal.gwwa-widget { width:auto; }
.gwwa-layout-bubble .gwwa-direct-trigger {
  width:var(--gwwa-button-height, 48px) !important;
  height:var(--gwwa-button-height, 48px) !important;
  min-width:var(--gwwa-button-height, 48px) !important;
  min-height:var(--gwwa-button-height, 48px) !important;
  padding:0 !important;
  border-radius:50% !important;
  justify-content:center;
}
.gwwa-layout-bubble .gwwa-direct-trigger .gwwa-trigger-text { display:none; }
.gwwa-layout-bubble .gwwa-direct-trigger .gwwa-trigger-icon,
.gwwa-layout-bubble .gwwa-direct-trigger .gwwa-trigger-icon svg {
  width:30px;
  height:30px;
}
.gwwa-layout-minimal .gwwa-direct-trigger {
  min-height:var(--gwwa-button-height, 48px);
  padding:0 18px !important;
  background:#fff !important;
  color:var(--gwwa-primary,#25D366) !important;
  border:1px solid rgba(15,23,42,.12) !important;
  box-shadow:0 8px 22px rgba(15,23,42,.12);
}
.gwwa-layout-minimal .gwwa-direct-trigger:hover {
  background:#f8fafc !important;
  color:var(--gwwa-primary,#25D366) !important;
}

.gwwa-layout-legacy.gwwa-widget {
  width:260px;
}
.gwwa-layout-legacy .gwwa-panel {
  width:260px;
}
.gwwa-layout-legacy .gwwa-legacy-support-wrapper {
  display:block;
}
.gwwa-layout-legacy .gwwa-legacy-avatar {
  display:block;
  margin:0 auto 8px auto;
  box-shadow:0 0 40px rgba(0,0,0,.12);
}
.gwwa-layout-legacy .gwwa-legacy-support {
  width:260px;
  max-width:100%;
}
.gwwa-layout-legacy .gwwa-legacy-compose,
.gwwa-layout-legacy .gwwa-legacy-body .gwwa-gdpr,
.gwwa-layout-legacy .gwwa-legacy-body .gwwa-notice {
  width:260px;
  max-width:100%;
}

.gwwa-layout-compact .gwwa-panel {
  position:fixed !important;
  left:50% !important;
  top:50% !important;
  right:auto !important;
  bottom:auto !important;
  width:360px;
  max-width:calc(100vw - 32px);
  margin:0 !important;
  transform:translate(-50%, -50%) !important;
}
.gwwa-layout-compact .gwwa-legacy-support-wrapper {
  display:block;
}
.gwwa-layout-compact .gwwa-legacy-avatar {
  display:block;
  margin:0 auto 8px auto;
  box-shadow:none;
}
.gwwa-layout-compact .gwwa-legacy-support {
  width:100%;
  max-width:100%;
  border-radius:8px 8px 0 0;
  overflow:hidden;
}
.gwwa-layout-compact .gwwa-legacy-header {
  border-radius:8px 8px 0 0;
}
.gwwa-layout-compact .gwwa-legacy-message {
  display:none;
}
.gwwa-layout-compact .gwwa-legacy-compose {
  width:100%;
  max-width:100%;
  margin-top:0;
  border-radius:0 0 8px 8px;
}
.gwwa-layout-compact .gwwa-legacy-body .gwwa-gdpr,
.gwwa-layout-compact .gwwa-legacy-body .gwwa-notice {
  width:100%;
  margin-left:0;
}

.gwwa-layout-card.gwwa-widget {
  width:300px;
  max-width:calc(100vw - 24px);
}
.gwwa-layout-card .gwwa-panel {
  width:300px;
  max-width:calc(100vw - 24px);
}
.gwwa-layout-card .gwwa-legacy-support-wrapper {
  display:block;
  margin-top:8px;
}
.gwwa-layout-card .gwwa-legacy-avatar {
  display:block;
  margin:0 auto 8px auto;
  box-shadow:none;
}
.gwwa-layout-card .gwwa-legacy-support {
  width:100%;
  max-width:100%;
  border-radius:8px;
  overflow:hidden;
}
.gwwa-layout-card .gwwa-legacy-header {
  border-radius:8px 8px 0 0;
  padding:18px 12px;
}
.gwwa-layout-card .gwwa-legacy-message {
  color:#444;
  line-height:18px;
  padding:16px 12px 10px;
  border-radius:0;
}
.gwwa-layout-card .gwwa-legacy-compose {
  width:100%;
  max-width:100%;
  margin-top:0;
  display:block;
  position:relative;
  padding:16px 12px;
  border-radius:0 0 8px 8px;
}
.gwwa-layout-card .gwwa-legacy-compose input.gwwa-user-message,
.gwwa-layout-card .gwwa-legacy-compose input.gwwa-legacy-phone {
  display:block !important;
  width:100% !important;
  height:42px !important;
  min-height:42px !important;
  max-height:42px !important;
  border:1px solid #ccc !important;
  border-radius:4px !important;
  padding:8px 48px 8px 10px !important;
  margin:0 0 10px 0 !important;
  background:#fff !important;
}
.gwwa-layout-card .gwwa-legacy-send {
  position:absolute;
  right:16px;
  bottom:18px;
  width:38px !important;
  height:38px !important;
  max-width:38px !important;
  max-height:38px !important;
}
.gwwa-layout-card .gwwa-legacy-body .gwwa-gdpr,
.gwwa-layout-card .gwwa-legacy-body .gwwa-notice {
  width:100%;
  margin-left:0;
}

.gwwa-layout-list .gwwa-panel,
.gwwa-layout-rounded .gwwa-panel {
  width:min(350px, calc(100vw - 32px));
  border-radius:8px;
  overflow:visible;
}
.gwwa-layout-list .gwwa-panel-header {
  display:block;
  text-align:center;
  padding:24px 20px;
  border-radius:8px 8px 0 0;
}
.gwwa-layout-list .gwwa-panel-header .gwwa-header-icon {
  display:none;
}
.gwwa-layout-list .gwwa-panel-header strong {
  font-size:16px;
  margin:0;
}
.gwwa-layout-list .gwwa-panel-header span {
  margin-top:8px;
}
.gwwa-layout-list .gwwa-panel-body {
  padding:0;
  background:#fff;
  border-radius:0 0 8px 8px;
}
.gwwa-layout-list .gwwa-attendants {
  max-height:380px;
  overflow-y:auto;
  padding:18px 12px;
}
.gwwa-layout-list .gwwa-attendant {
  grid-template-columns:64px 1fr auto;
  gap:14px;
  padding:10px 6px;
  border:0;
  border-bottom:1px solid #f1f5f9;
  border-radius:8px;
  transition:box-shadow .12s ease, padding-left .12s ease;
}
.gwwa-layout-list .gwwa-attendant:hover {
  padding-left:10px;
  box-shadow:0 0 30px rgba(19,17,34,.09);
}
.gwwa-layout-list .gwwa-avatar {
  width:64px;
  height:64px;
  border-radius:6px;
}
.gwwa-layout-list .gwwa-attendant-info strong {
  font-size:18px;
}
.gwwa-layout-list .gwwa-attendant-info span {
  font-size:14px;
  line-height:20px;
}
.gwwa-layout-list .gwwa-action {
  min-width:42px;
  width:42px;
  height:42px;
  padding:0;
  font-size:0;
  position:relative;
}
.gwwa-layout-list .gwwa-action:before {
  content:"";
  width:18px;
  height:18px;
  border-radius:50%;
  border:2px solid currentColor;
  display:block;
  margin:0 auto;
}

@media (max-width: 600px) {
  .gwwa-widget {
    max-width:calc(100vw - 20px);
  }
  .gwwa-pos-br,
  .gwwa-pos-tr {
    right:max(10px, env(safe-area-inset-right));
  }
  .gwwa-pos-bl,
  .gwwa-pos-tl {
    left:max(10px, env(safe-area-inset-left));
  }
  .gwwa-pos-br,
  .gwwa-pos-bl,
  .gwwa-pos-bc {
    bottom:max(10px, env(safe-area-inset-bottom));
  }
  .gwwa-pos-tr,
  .gwwa-pos-tl,
  .gwwa-pos-tc {
    top:max(10px, env(safe-area-inset-top));
  }
  .gwwa-panel,
  .gwwa-layout-list .gwwa-panel,
  .gwwa-layout-rounded .gwwa-panel,
  .gwwa-layout-compact .gwwa-panel,
  .gwwa-layout-card .gwwa-panel,
  .gwwa-layout-classic .gwwa-panel,
  .gwwa-layout-legacy .gwwa-panel {
    width:calc(100vw - 20px);
    max-width:calc(100vw - 20px);
    max-height:calc(100svh - 92px);
    overflow-y:auto;
    overscroll-behavior:contain;
  }
  .gwwa-trigger,
  .gwwa-shortcode-button,
  .gwwa-product-query-button {
    max-width:calc(100vw - 20px);
    min-height:max(44px, var(--gwwa-button-height, 48px));
    white-space:normal;
    text-align:left;
    line-height:1.2;
  }
  .gwwa-trigger-icon {
    flex:0 0 24px;
  }
  .gwwa-panel-header {
    padding:16px 44px 16px 16px;
  }
  .gwwa-panel-body {
    padding:14px;
  }
  .gwwa-attendant,
  .gwwa-layout-list .gwwa-attendant {
    grid-template-columns:44px minmax(0, 1fr);
    gap:10px;
    padding:10px;
  }
  .gwwa-attendant-info {
    min-width:0;
  }
  .gwwa-attendant-info strong,
  .gwwa-attendant-info span,
  .gwwa-attendant-info small {
    overflow-wrap:anywhere;
  }
  .gwwa-attendant .gwwa-action,
  .gwwa-layout-list .gwwa-action {
    grid-column:1 / -1;
    width:100%;
    min-height:44px;
    font-size:14px;
    display:flex;
    align-items:center;
    justify-content:center;
  }
  .gwwa-layout-list .gwwa-action:before {
    display:none;
  }
  .gwwa-layout-list .gwwa-avatar {
    width:44px;
    height:44px;
  }
  .gwwa-layout-list .gwwa-attendant-info strong {
    font-size:15px;
  }
  .gwwa-layout-list .gwwa-attendant-info span {
    font-size:13px;
    line-height:1.35;
  }
  .gwwa-layout-list .gwwa-attendants {
    max-height:none;
    padding:14px;
  }
  .gwwa-layout-classic.gwwa-widget,
  .gwwa-layout-legacy.gwwa-widget,
  .gwwa-layout-card.gwwa-widget,
  .gwwa-layout-compact.gwwa-widget {
    width:calc(100vw - 20px);
  }
  .gwwa-layout-classic .gwwa-legacy-support-wrapper,
  .gwwa-layout-legacy .gwwa-legacy-support-wrapper {
    gap:8px;
  }
  .gwwa-layout-classic .gwwa-legacy-avatar,
  .gwwa-layout-legacy .gwwa-legacy-avatar {
    flex-basis:44px;
    width:44px;
    height:44px;
  }
  .gwwa-layout-classic .gwwa-legacy-support,
  .gwwa-layout-legacy .gwwa-legacy-support,
  .gwwa-layout-classic .gwwa-legacy-compose,
  .gwwa-layout-legacy .gwwa-legacy-compose,
  .gwwa-layout-classic .gwwa-legacy-body .gwwa-gdpr,
  .gwwa-layout-legacy .gwwa-legacy-body .gwwa-gdpr,
  .gwwa-layout-classic .gwwa-legacy-body .gwwa-notice,
  .gwwa-layout-legacy .gwwa-legacy-body .gwwa-notice {
    width:calc(100% - 52px);
    max-width:calc(100% - 52px);
  }
  .gwwa-layout-legacy .gwwa-legacy-support,
  .gwwa-layout-legacy .gwwa-legacy-compose,
  .gwwa-layout-legacy .gwwa-legacy-body .gwwa-gdpr,
  .gwwa-layout-legacy .gwwa-legacy-body .gwwa-notice,
  .gwwa-layout-card .gwwa-legacy-support,
  .gwwa-layout-card .gwwa-legacy-compose,
  .gwwa-layout-card .gwwa-legacy-body .gwwa-gdpr,
  .gwwa-layout-card .gwwa-legacy-body .gwwa-notice,
  .gwwa-layout-compact .gwwa-legacy-support,
  .gwwa-layout-compact .gwwa-legacy-compose,
  .gwwa-layout-compact .gwwa-legacy-body .gwwa-gdpr,
  .gwwa-layout-compact .gwwa-legacy-body .gwwa-notice {
    width:100%;
    max-width:100%;
  }
  .gwwa-layout-compact .gwwa-panel {
    max-height:calc(100svh - 32px);
  }
  .gwwa-layout-classic.gwwa-mobile-icon-only .gwwa-legacy-trigger,
  .gwwa-layout-legacy.gwwa-mobile-icon-only .gwwa-legacy-trigger {
    width:var(--gwwa-button-height, 48px) !important;
    min-width:var(--gwwa-button-height, 48px) !important;
    height:var(--gwwa-button-height, 48px) !important;
    min-height:var(--gwwa-button-height, 48px) !important;
    padding:0 !important;
    border-radius:999px !important;
  }
  .gwwa-layout-classic.gwwa-mobile-icon-only .gwwa-legacy-trigger .gwwa-trigger-text,
  .gwwa-layout-legacy.gwwa-mobile-icon-only .gwwa-legacy-trigger .gwwa-trigger-text {
    display:none;
  }
  .gwwa-layout-card .gwwa-legacy-compose input.gwwa-user-message,
  .gwwa-layout-card .gwwa-legacy-compose input.gwwa-legacy-phone {
    padding-right:52px !important;
  }
}

@media (max-width: 380px) {
  .gwwa-panel,
  .gwwa-layout-list .gwwa-panel,
  .gwwa-layout-rounded .gwwa-panel,
  .gwwa-layout-compact .gwwa-panel,
  .gwwa-layout-card .gwwa-panel,
  .gwwa-layout-classic .gwwa-panel,
  .gwwa-layout-legacy .gwwa-panel,
  .gwwa-layout-classic.gwwa-widget,
  .gwwa-layout-legacy.gwwa-widget,
  .gwwa-layout-card.gwwa-widget,
  .gwwa-layout-compact.gwwa-widget {
    width:calc(100vw - 16px);
    max-width:calc(100vw - 16px);
  }
  .gwwa-panel-body {
    padding:12px;
  }
  .gwwa-layout-classic .gwwa-legacy-header,
  .gwwa-layout-legacy .gwwa-legacy-header,
  .gwwa-layout-card .gwwa-legacy-header {
    padding:16px 10px;
  }
  .gwwa-layout-classic .gwwa-legacy-message,
  .gwwa-layout-legacy .gwwa-legacy-message,
  .gwwa-layout-card .gwwa-legacy-message {
    padding:14px 10px;
  }
  .gwwa-product-query-card-eyebrow,
  .gwwa-product-query-card-headline {
    font-size:12.5px;
  }
}

/* Compact mobile density. */
@media (max-width: 600px) {
  .gwwa-panel,
  .gwwa-layout-list .gwwa-panel,
  .gwwa-layout-rounded .gwwa-panel,
  .gwwa-layout-compact .gwwa-panel,
  .gwwa-layout-card .gwwa-panel,
  .gwwa-layout-classic .gwwa-panel,
  .gwwa-layout-legacy .gwwa-panel {
    width:min(336px, calc(100vw - 18px));
    max-width:min(336px, calc(100vw - 18px));
    max-height:calc(100vh - 78px);
    max-height:calc(100svh - 78px);
  }
  .gwwa-layout-classic .gwwa-panel,
  .gwwa-layout-legacy .gwwa-panel {
    overflow:visible;
  }
  .gwwa-layout-classic.gwwa-pos-br .gwwa-panel,
  .gwwa-layout-classic.gwwa-pos-bl .gwwa-panel,
  .gwwa-layout-classic.gwwa-pos-bc .gwwa-panel,
  .gwwa-layout-legacy.gwwa-pos-br .gwwa-panel,
  .gwwa-layout-legacy.gwwa-pos-bl .gwwa-panel,
  .gwwa-layout-legacy.gwwa-pos-bc .gwwa-panel {
    max-height:calc(100vh - 112px);
    max-height:calc(100svh - 112px);
  }
  .gwwa-trigger,
  .gwwa-shortcode-button,
  .gwwa-product-query-button {
    min-height:44px !important;
    padding:0 14px !important;
    gap:7px;
    font-size:13px;
    line-height:1.15;
  }
  .gwwa-product-query-card {
    width:100%;
    max-width:100%;
    min-height:58px !important;
    padding:6px 10px 6px 7px !important;
    gap:8px;
  }
  .gwwa-product-query-card-avatar {
    width:44px;
    height:44px;
    flex-basis:44px;
  }
  .gwwa-product-query-card-eyebrow {
    font-size:14px;
    white-space:normal;
    overflow-wrap:anywhere;
  }
  .gwwa-product-query-card-headline {
    font-size:13px;
    white-space:normal;
    overflow-wrap:anywhere;
  }
  .gwwa-trigger-icon {
    flex-basis:20px;
    width:20px;
    height:20px;
  }
  .gwwa-trigger-icon svg {
    width:20px;
    height:20px;
  }
  .gwwa-panel-header,
  .gwwa-layout-list .gwwa-panel-header {
    min-height:0;
    padding:12px 38px 12px 12px;
    text-align:left;
  }
  .gwwa-panel-header strong,
  .gwwa-layout-list .gwwa-panel-header strong {
    font-size:14px;
    line-height:1.2;
    margin-bottom:3px;
  }
  .gwwa-panel-header span,
  .gwwa-layout-list .gwwa-panel-header span {
    font-size:12px;
    line-height:1.3;
    margin-top:0;
  }
  .gwwa-header-icon {
    flex-basis:30px;
    width:30px;
    height:30px;
  }
  .gwwa-header-icon svg {
    width:18px;
    height:18px;
  }
  .gwwa-close {
    right:9px;
    top:9px;
    width:25px;
    height:25px;
    font-size:18px;
  }
  .gwwa-panel-body {
    padding:10px;
    gap:9px;
  }
  .gwwa-message-label {
    gap:5px;
    font-size:12px;
  }
  .gwwa-message-label textarea,
  .gwwa-message-label input {
    border-radius:10px;
    padding:8px 10px;
    font-size:13px;
  }
  .gwwa-attendants {
    gap:8px;
  }
  .gwwa-attendant,
  .gwwa-layout-list .gwwa-attendant {
    grid-template-columns:36px minmax(0, 1fr);
    gap:8px;
    padding:8px;
    border-radius:12px;
  }
  .gwwa-avatar,
  .gwwa-layout-list .gwwa-avatar {
    width:36px;
    height:36px;
  }
  .gwwa-attendant-info strong,
  .gwwa-layout-list .gwwa-attendant-info strong {
    font-size:13px;
    line-height:1.2;
  }
  .gwwa-attendant-info span,
  .gwwa-layout-list .gwwa-attendant-info span {
    font-size:12px;
    line-height:1.25;
    margin-top:1px;
  }
  .gwwa-attendant-info small {
    font-size:10.5px;
    margin-top:3px;
  }
  .gwwa-attendant-info small:before {
    width:6px;
    height:6px;
  }
  .gwwa-attendant .gwwa-action,
  .gwwa-layout-list .gwwa-action {
    min-height:38px;
    height:38px;
    padding:0 12px;
    border-radius:18px;
    font-size:13px;
  }
  .gwwa-layout-list .gwwa-attendants {
    padding:10px;
  }
  .gwwa-layout-classic.gwwa-widget,
  .gwwa-layout-legacy.gwwa-widget,
  .gwwa-layout-card.gwwa-widget,
  .gwwa-layout-compact.gwwa-widget {
    width:min(336px, calc(100vw - 18px));
  }
  .gwwa-layout-classic .gwwa-legacy-avatar,
  .gwwa-layout-legacy .gwwa-legacy-avatar {
    flex-basis:40px;
    width:40px;
    height:40px;
  }
  .gwwa-layout-classic .gwwa-legacy-support,
  .gwwa-layout-legacy .gwwa-legacy-support,
  .gwwa-layout-classic .gwwa-legacy-compose,
  .gwwa-layout-legacy .gwwa-legacy-compose,
  .gwwa-layout-classic .gwwa-legacy-body .gwwa-gdpr,
  .gwwa-layout-legacy .gwwa-legacy-body .gwwa-gdpr,
  .gwwa-layout-classic .gwwa-legacy-body .gwwa-notice,
  .gwwa-layout-legacy .gwwa-legacy-body .gwwa-notice {
    width:calc(100% - 48px);
    max-width:calc(100% - 48px);
  }
  .gwwa-layout-classic .gwwa-legacy-header,
  .gwwa-layout-legacy .gwwa-legacy-header,
  .gwwa-layout-card .gwwa-legacy-header {
    padding:14px 10px;
  }
  .gwwa-layout-classic .gwwa-legacy-header strong,
  .gwwa-layout-legacy .gwwa-legacy-header strong {
    font-size:13px;
    line-height:18px;
  }
  .gwwa-layout-classic .gwwa-legacy-message,
  .gwwa-layout-legacy .gwwa-legacy-message,
  .gwwa-layout-card .gwwa-legacy-message {
    min-height:44px;
    padding:12px 10px;
    font-size:13px;
    line-height:15px;
  }
  .gwwa-layout-classic .gwwa-legacy-compose,
  .gwwa-layout-legacy .gwwa-legacy-compose {
    min-height:44px;
    margin-top:10px;
    padding:6px 10px;
    grid-template-columns:minmax(0, 1fr) 30px;
  }
  .gwwa-layout-classic .gwwa-legacy-compose input.gwwa-user-message,
  .gwwa-layout-legacy .gwwa-legacy-compose input.gwwa-user-message,
  .gwwa-layout-classic .gwwa-legacy-compose textarea.gwwa-user-message,
  .gwwa-layout-legacy .gwwa-legacy-compose textarea.gwwa-user-message {
    height:30px !important;
    min-height:30px !important;
    max-height:30px !important;
    font-size:13px;
    line-height:18px;
  }
  .gwwa-layout-classic .gwwa-legacy-send,
  .gwwa-layout-legacy .gwwa-legacy-send {
    width:30px !important;
    height:30px !important;
    min-width:30px !important;
    min-height:30px !important;
    max-width:30px !important;
    max-height:30px !important;
    padding:5px !important;
  }
  .gwwa-layout-classic .gwwa-legacy-close,
  .gwwa-layout-legacy .gwwa-legacy-close {
    top:-30px;
    right:auto !important;
    left:16px !important;
    width:32px !important;
    height:32px !important;
    min-width:32px !important;
    min-height:32px !important;
    max-width:32px !important;
    max-height:32px !important;
    border:0 !important;
    background:var(--gwwa-primary,#25D366) !important;
    box-shadow:0 10px 28px rgba(15,23,42,.16);
    font-size:26px;
    padding:0 0 4px 0 !important;
  }
  .gwwa-layout-classic .gwwa-legacy-trigger,
  .gwwa-layout-legacy .gwwa-legacy-trigger {
    min-height:42px !important;
    margin-top:10px;
    padding:0 14px !important;
    border-radius:18px !important;
    font-size:13px;
  }
  .gwwa-layout-classic.gwwa-mobile-icon-only .gwwa-legacy-trigger,
  .gwwa-layout-legacy.gwwa-mobile-icon-only .gwwa-legacy-trigger,
  .gwwa-mobile-icon-only .gwwa-trigger,
  .gwwa-layout-bubble .gwwa-direct-trigger {
    width:44px !important;
    min-width:44px !important;
    height:44px !important;
    min-height:44px !important;
  }
  .gwwa-layout-card .gwwa-legacy-compose {
    padding:12px 10px;
  }
  .gwwa-layout-card .gwwa-legacy-compose input.gwwa-user-message,
  .gwwa-layout-card .gwwa-legacy-compose input.gwwa-legacy-phone {
    height:38px !important;
    min-height:38px !important;
    max-height:38px !important;
    padding:7px 44px 7px 9px !important;
    margin-bottom:8px !important;
    font-size:13px;
  }
  .gwwa-layout-card .gwwa-legacy-send {
    right:12px;
    bottom:14px;
    width:34px !important;
    height:34px !important;
    max-width:34px !important;
    max-height:34px !important;
  }
}

@media (max-width: 380px) {
  .gwwa-panel,
  .gwwa-layout-list .gwwa-panel,
  .gwwa-layout-rounded .gwwa-panel,
  .gwwa-layout-compact .gwwa-panel,
  .gwwa-layout-card .gwwa-panel,
  .gwwa-layout-classic .gwwa-panel,
  .gwwa-layout-legacy .gwwa-panel,
  .gwwa-layout-classic.gwwa-widget,
  .gwwa-layout-legacy.gwwa-widget,
  .gwwa-layout-card.gwwa-widget,
  .gwwa-layout-compact.gwwa-widget {
    width:min(320px, calc(100vw - 14px));
    max-width:min(320px, calc(100vw - 14px));
  }
}

/* Classic layout: Slide Type 2. */
.gwwa-layout-legacy.gwwa-widget {
  --gwwa-legacy-green:#25c766;
  --gwwa-legacy-muted:#8a91bd;
  width:321px;
  max-width:calc(100vw - 24px);
  align-items:flex-end;
  font-family:Arial, Helvetica, sans-serif;
}
.gwwa-layout-legacy .gwwa-panel {
  width:321px;
  max-width:calc(100vw - 24px);
  margin-bottom:15px;
  overflow:visible;
  background:transparent;
  border:0;
  box-shadow:none;
}
.gwwa-layout-legacy .gwwa-legacy-body {
  position:relative;
  display:block;
  padding:0;
  background:transparent;
}
.gwwa-layout-legacy .gwwa-legacy-support-wrapper {
  position:relative;
  display:block;
  width:321px;
  max-width:100%;
  margin:0;
}
.gwwa-layout-legacy .gwwa-legacy-avatar {
  position:absolute;
  z-index:3;
  top:18px;
  left:50%;
  width:50px;
  height:50px;
  min-width:50px;
  min-height:50px;
  transform:translateX(-50%);
  margin:0 !important;
  border:0;
  border-radius:50%;
  background:#fde68a;
  box-shadow:none;
}
.gwwa-layout-legacy .gwwa-legacy-avatar img,
.gwwa-layout-legacy .gwwa-legacy-avatar svg {
  width:100%;
  height:100%;
  object-fit:cover;
}
.gwwa-layout-legacy .gwwa-legacy-support {
  width:321px;
  max-width:100%;
  border-radius:8px;
  overflow:hidden;
  background:#fff;
  box-shadow:0 14px 34px rgba(15, 23, 42, .12);
}
.gwwa-layout-legacy .gwwa-legacy-header {
  display:flex;
  align-items:flex-end;
  justify-content:center;
  min-height:168px;
  padding:78px 20px 26px;
  border-radius:8px 8px 0 0;
  background:var(--gwwa-legacy-green) !important;
  color:#fff !important;
  text-align:center;
  box-shadow:none;
}
.gwwa-layout-legacy .gwwa-legacy-header strong {
  max-width:280px;
  margin:0 auto;
  color:#fff;
  font-size:16px;
  line-height:22px;
  font-weight:400;
}
.gwwa-layout-legacy .gwwa-legacy-message {
  width:100%;
  min-height:52px;
  display:flex;
  align-items:center;
  gap:7px;
  padding:0 19px;
  border-radius:0 0 8px 8px;
  background:#fff;
  color:var(--gwwa-legacy-muted);
  box-shadow:none;
  font-size:16px;
  line-height:20px;
  text-align:left;
}
.gwwa-layout-legacy .gwwa-legacy-wave {
  display:inline-flex;
  align-items:center;
  transform:translateY(-1px);
  font-size:16px;
}
.gwwa-layout-legacy .gwwa-legacy-compose,
.gwwa-layout-legacy .gwwa-legacy-body .gwwa-gdpr,
.gwwa-layout-legacy .gwwa-legacy-body .gwwa-notice {
  width:321px;
  max-width:100%;
  margin-left:0;
  margin-right:0;
}
.gwwa-layout-legacy .gwwa-legacy-compose {
  min-height:63px;
  margin-top:26px;
  display:grid;
  grid-template-columns:minmax(0, 1fr) 44px;
  align-items:center;
  gap:6px;
  padding:10px 12px 10px 17px;
  border-radius:8px;
  background:#fff;
  overflow:hidden;
  box-shadow:0 12px 28px rgba(15, 23, 42, .10);
}
.gwwa-layout-legacy .gwwa-legacy-compose input.gwwa-user-message,
.gwwa-layout-legacy .gwwa-legacy-compose textarea.gwwa-user-message {
  width:100% !important;
  height:38px !important;
  min-height:38px !important;
  max-height:38px !important;
  padding:6px 0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  color:#6b7280 !important;
  font-family:Arial, Helvetica, sans-serif;
  font-size:16px;
  line-height:22px;
  box-shadow:none !important;
}
.gwwa-layout-legacy .gwwa-legacy-compose input.gwwa-user-message::placeholder,
.gwwa-layout-legacy .gwwa-legacy-compose textarea.gwwa-user-message::placeholder {
  color:var(--gwwa-legacy-muted) !important;
  opacity:1;
}
.gwwa-layout-legacy .gwwa-legacy-send {
  width:44px !important;
  height:44px !important;
  min-width:44px !important;
  min-height:44px !important;
  max-width:44px !important;
  max-height:44px !important;
  padding:4px !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  color:var(--gwwa-legacy-green) !important;
  box-shadow:none !important;
}
.gwwa-layout-legacy .gwwa-legacy-send svg {
  width:38px;
  height:38px;
}
.gwwa-layout-legacy .gwwa-legacy-send:hover,
.gwwa-layout-legacy .gwwa-legacy-send:focus {
  background:transparent !important;
  color:#46d482 !important;
  transform:none;
  box-shadow:none !important;
}
.gwwa-layout-legacy .gwwa-legacy-close {
  top:-43px;
  right:-2px !important;
  left:auto !important;
  width:34px !important;
  height:34px !important;
  min-width:34px !important;
  min-height:34px !important;
  max-width:34px !important;
  max-height:34px !important;
  padding:0 0 4px !important;
  border:0 !important;
  border-radius:50% !important;
  background:var(--gwwa-legacy-green) !important;
  color:#fff !important;
  box-shadow:0 8px 18px rgba(15, 23, 42, .12);
  font-size:30px;
  font-weight:700;
  line-height:1 !important;
}
.gwwa-layout-legacy .gwwa-legacy-close:hover,
.gwwa-layout-legacy .gwwa-legacy-close:focus {
  background:#2dd979 !important;
  color:#fff !important;
  transform:none;
  box-shadow:0 8px 18px rgba(15, 23, 42, .14);
}
.gwwa-layout-legacy .gwwa-legacy-trigger {
  align-self:flex-end;
  width:max-content !important;
  min-width:0 !important;
  max-width:100%;
  min-height:40px !important;
  height:40px !important;
  margin-top:16px;
  margin-left:auto !important;
  margin-right:0 !important;
  padding:0 23px !important;
  border:0 !important;
  border-radius:999px !important;
  background:var(--gwwa-legacy-green) !important;
  color:#fff !important;
  box-shadow:0 10px 24px rgba(15, 23, 42, .12);
  font-family:Arial, Helvetica, sans-serif;
  font-size:16px;
  font-weight:400;
  line-height:1;
  gap:8px;
}
.gwwa-layout-legacy .gwwa-legacy-trigger:hover,
.gwwa-layout-legacy .gwwa-legacy-trigger:focus {
  background:#2dd979 !important;
  color:#fff !important;
  transform:none;
  box-shadow:0 10px 24px rgba(15, 23, 42, .14);
}
.gwwa-layout-legacy .gwwa-legacy-trigger .gwwa-trigger-icon,
.gwwa-layout-legacy .gwwa-legacy-trigger .gwwa-trigger-icon svg {
  width:18px;
  height:18px;
}
.gwwa-layout-legacy.gwwa-pos-bl,
.gwwa-layout-legacy.gwwa-pos-tl {
  align-items:flex-start;
}
.gwwa-layout-legacy.gwwa-pos-bl .gwwa-legacy-trigger,
.gwwa-layout-legacy.gwwa-pos-tl .gwwa-legacy-trigger {
  margin-left:0 !important;
  margin-right:auto !important;
  align-self:flex-start;
}
.gwwa-layout-legacy.gwwa-pos-bc,
.gwwa-layout-legacy.gwwa-pos-tc {
  align-items:center;
}
.gwwa-layout-legacy.gwwa-pos-bc .gwwa-legacy-trigger,
.gwwa-layout-legacy.gwwa-pos-tc .gwwa-legacy-trigger {
  margin-left:auto !important;
  margin-right:auto !important;
  align-self:center;
}
@media (max-width: 380px) {
  .gwwa-layout-legacy.gwwa-widget,
  .gwwa-layout-legacy .gwwa-panel,
  .gwwa-layout-legacy .gwwa-legacy-support-wrapper,
  .gwwa-layout-legacy .gwwa-legacy-support,
  .gwwa-layout-legacy .gwwa-legacy-compose,
  .gwwa-layout-legacy .gwwa-legacy-body .gwwa-gdpr,
  .gwwa-layout-legacy .gwwa-legacy-body .gwwa-notice {
    width:min(321px, calc(100vw - 18px));
    max-width:min(321px, calc(100vw - 18px));
  }
  .gwwa-layout-legacy .gwwa-legacy-header {
    min-height:158px;
    padding:72px 16px 22px;
  }
  .gwwa-layout-legacy .gwwa-legacy-message {
    font-size:14px;
    padding:0 14px;
  }
  .gwwa-layout-legacy .gwwa-legacy-compose {
    min-height:58px;
    margin-top:20px;
    padding:8px 10px 8px 14px;
  }
  .gwwa-layout-legacy .gwwa-legacy-compose input.gwwa-user-message,
  .gwwa-layout-legacy .gwwa-legacy-compose textarea.gwwa-user-message {
    font-size:14px;
  }
  .gwwa-layout-legacy .gwwa-legacy-close {
    top:-39px;
    right:0 !important;
  }
  .gwwa-layout-legacy .gwwa-legacy-trigger {
    height:38px !important;
    min-height:38px !important;
    padding:0 18px !important;
    font-size:14px;
  }
}

/* Shared template polish for Popup, icon-only and multi attendant layouts. */
.gwwa-layout-compact.gwwa-widget,
.gwwa-layout-bubble.gwwa-widget,
.gwwa-layout-list.gwwa-widget {
  --gwwa-template-green:#25c766;
  --gwwa-template-green-hover:#2dd979;
  --gwwa-template-muted:#8a91bd;
  --gwwa-template-shadow:0 14px 34px rgba(15, 23, 42, .12);
  --gwwa-template-soft-shadow:0 10px 24px rgba(15, 23, 42, .12);
  font-family:Arial, Helvetica, sans-serif;
}

.gwwa-layout-compact.gwwa-widget {
  width:400px;
  max-width:calc(100vw - 24px);
}
.gwwa-layout-compact .gwwa-panel {
  position:fixed !important;
  left:50% !important;
  top:50% !important;
  right:auto !important;
  bottom:auto !important;
  width:400px;
  max-width:calc(100vw - 24px);
  margin:0 !important;
  transform:translate(-50%, -50%) !important;
  overflow:visible;
  background:transparent;
  border:0;
  border-radius:0;
  box-shadow:none;
}
.gwwa-layout-compact .gwwa-legacy-body {
  position:relative;
  display:block;
  padding:0;
  overflow:visible;
  border-radius:8px;
  background:#fff;
  box-shadow:var(--gwwa-template-shadow);
}
.gwwa-layout-compact .gwwa-legacy-support-wrapper,
.gwwa-layout-compact .gwwa-legacy-support {
  display:block;
  width:100%;
  max-width:100%;
  margin:0;
}
.gwwa-layout-compact .gwwa-legacy-support {
  overflow:visible;
  border-radius:8px 8px 0 0;
  background:transparent;
  box-shadow:none;
}
.gwwa-layout-compact .gwwa-legacy-avatar {
  position:absolute;
  z-index:3;
  top:16px;
  left:50%;
  width:50px;
  height:50px;
  min-width:50px;
  min-height:50px;
  margin:0 !important;
  transform:translateX(-50%);
  border:0;
  border-radius:50%;
  background:#fde68a;
  box-shadow:none;
}
.gwwa-layout-compact .gwwa-legacy-avatar img,
.gwwa-layout-compact .gwwa-legacy-avatar svg {
  width:100%;
  height:100%;
  object-fit:cover;
}
.gwwa-layout-compact .gwwa-legacy-header {
  display:flex;
  align-items:flex-end;
  justify-content:center;
  min-height:168px;
  padding:78px 38px 30px;
  border-radius:8px 8px 0 0;
  background:var(--gwwa-template-green) !important;
  color:#fff !important;
  text-align:center;
  box-shadow:none;
}
.gwwa-layout-compact .gwwa-legacy-header strong {
  max-width:320px;
  margin:0 auto;
  color:#fff;
  font-size:16px;
  font-weight:400;
  line-height:22px;
}
.gwwa-layout-compact .gwwa-legacy-message {
  display:none !important;
}
.gwwa-layout-compact .gwwa-legacy-compose {
  width:100%;
  max-width:100%;
  min-height:76px;
  margin:0;
  display:grid;
  grid-template-columns:minmax(0, 1fr) 52px;
  align-items:center;
  gap:6px;
  padding:14px 18px 14px 20px;
  border-radius:0 0 8px 8px;
  background:#fff;
  overflow:hidden;
  box-shadow:none;
}
.gwwa-layout-compact .gwwa-legacy-compose input.gwwa-user-message,
.gwwa-layout-compact .gwwa-legacy-compose textarea.gwwa-user-message {
  width:100% !important;
  height:40px !important;
  min-height:40px !important;
  max-height:40px !important;
  padding:6px 0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  color:#6b7280 !important;
  font-family:Arial, Helvetica, sans-serif;
  font-size:16px;
  line-height:22px;
  box-shadow:none !important;
}
.gwwa-layout-compact .gwwa-legacy-compose input.gwwa-user-message::placeholder,
.gwwa-layout-compact .gwwa-legacy-compose textarea.gwwa-user-message::placeholder {
  color:var(--gwwa-template-muted) !important;
  opacity:1;
}
.gwwa-layout-compact .gwwa-legacy-send {
  width:52px !important;
  height:52px !important;
  min-width:52px !important;
  min-height:52px !important;
  max-width:52px !important;
  max-height:52px !important;
  padding:6px !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  color:var(--gwwa-template-green) !important;
  box-shadow:none !important;
}
.gwwa-layout-compact .gwwa-legacy-send svg {
  width:42px;
  height:42px;
}
.gwwa-layout-compact .gwwa-legacy-send:hover,
.gwwa-layout-compact .gwwa-legacy-send:focus {
  background:transparent !important;
  color:var(--gwwa-template-green-hover) !important;
  transform:none;
  box-shadow:none !important;
}
.gwwa-layout-compact .gwwa-legacy-close {
  top:14px;
  right:14px !important;
  left:auto !important;
  z-index:4;
  width:30px !important;
  height:30px !important;
  min-width:30px !important;
  min-height:30px !important;
  max-width:30px !important;
  max-height:30px !important;
  padding:0 0 4px !important;
  border:0 !important;
  border-radius:50% !important;
  background:transparent !important;
  color:#fff !important;
  box-shadow:none !important;
  font-size:30px;
  font-weight:700;
  line-height:1 !important;
}
.gwwa-layout-compact .gwwa-legacy-close:hover,
.gwwa-layout-compact .gwwa-legacy-close:focus {
  background:rgba(255,255,255,.14) !important;
  color:#fff !important;
  transform:none;
}
.gwwa-layout-compact .gwwa-panel:not([hidden]) + .gwwa-legacy-trigger {
  display:none;
}
.gwwa-layout-compact .gwwa-legacy-trigger {
  min-height:40px !important;
  height:40px !important;
  padding:0 23px !important;
  border:0 !important;
  border-radius:999px !important;
  background:var(--gwwa-template-green) !important;
  color:#fff !important;
  box-shadow:var(--gwwa-template-soft-shadow);
  font-size:16px;
  font-weight:400;
}
.gwwa-layout-compact .gwwa-legacy-trigger:hover,
.gwwa-layout-compact .gwwa-legacy-trigger:focus {
  background:var(--gwwa-template-green-hover) !important;
  color:#fff !important;
  transform:none;
  box-shadow:0 10px 24px rgba(15, 23, 42, .14);
}
.gwwa-layout-compact .gwwa-legacy-body .gwwa-gdpr,
.gwwa-layout-compact .gwwa-legacy-body .gwwa-notice {
  width:auto;
  max-width:none;
  margin:12px 18px 0;
  border-radius:8px;
  box-shadow:none;
}

.gwwa-layout-bubble .gwwa-direct-trigger {
  width:60px !important;
  min-width:60px !important;
  height:60px !important;
  min-height:60px !important;
  padding:0 !important;
  justify-content:center;
  border:0 !important;
  border-radius:50% !important;
  background:var(--gwwa-template-green) !important;
  color:#fff !important;
  box-shadow:0 12px 28px rgba(15, 23, 42, .14);
}
.gwwa-layout-bubble .gwwa-direct-trigger:hover,
.gwwa-layout-bubble .gwwa-direct-trigger:focus {
  background:var(--gwwa-template-green-hover) !important;
  color:#fff !important;
  transform:none;
  box-shadow:0 14px 30px rgba(15, 23, 42, .16);
}
.gwwa-layout-bubble .gwwa-direct-trigger .gwwa-trigger-icon,
.gwwa-layout-bubble .gwwa-direct-trigger .gwwa-trigger-icon svg {
  width:32px;
  height:32px;
}

.gwwa-layout-list.gwwa-widget {
  width:380px;
  max-width:calc(100vw - 24px);
}
.gwwa-layout-list .gwwa-panel {
  width:380px;
  max-width:calc(100vw - 24px);
  overflow:hidden;
  border:0;
  border-radius:8px;
  background:#fff;
  box-shadow:var(--gwwa-template-shadow);
}
.gwwa-layout-list .gwwa-panel-header {
  display:block;
  min-height:84px;
  padding:22px 42px 21px;
  border-radius:8px 8px 0 0;
  background:var(--gwwa-template-green) !important;
  color:#fff !important;
  text-align:center;
  box-shadow:none;
}
.gwwa-layout-list .gwwa-panel-header .gwwa-header-icon {
  display:none;
}
.gwwa-layout-list .gwwa-panel-header strong {
  max-width:300px;
  margin:0 auto;
  color:#fff;
  font-size:16px;
  font-weight:400;
  line-height:22px;
}
.gwwa-layout-list .gwwa-panel-header span {
  display:none;
}
.gwwa-layout-list .gwwa-close {
  top:12px;
  right:12px;
  width:30px;
  height:30px;
  border:0;
  border-radius:50%;
  background:transparent;
  color:#fff;
  box-shadow:none;
  font-size:26px;
  font-weight:700;
  line-height:1;
}
.gwwa-layout-list .gwwa-close:hover,
.gwwa-layout-list .gwwa-close:focus {
  background:rgba(255,255,255,.14);
  color:#fff;
}
.gwwa-layout-list .gwwa-panel-body {
  padding:0;
  border-radius:0 0 8px 8px;
  background:#fff;
}
.gwwa-layout-list .gwwa-attendants {
  display:grid;
  gap:0;
  max-height:390px;
  overflow-y:auto;
  padding:6px 22px 16px;
}
.gwwa-layout-list .gwwa-attendant {
  position:relative;
  display:grid;
  grid-template-columns:64px minmax(0, 1fr);
  gap:14px;
  align-items:center;
  min-height:78px;
  padding:10px 0;
  border:0;
  border-bottom:1px solid #edf2f7;
  border-radius:0;
  background:#fff;
  transition:background .14s ease;
}
.gwwa-layout-list .gwwa-attendant:hover {
  padding-left:0;
  background:#f8fafc;
  box-shadow:none;
}
.gwwa-layout-list .gwwa-attendant:last-child {
  border-bottom:0;
}
.gwwa-layout-list .gwwa-avatar {
  position:relative;
  width:64px;
  height:64px;
  border-radius:50%;
  background:#fde68a;
  overflow:visible;
}
.gwwa-layout-list .gwwa-avatar img,
.gwwa-layout-list .gwwa-avatar svg {
  border-radius:50%;
}
.gwwa-layout-list .gwwa-attendant-info {
  min-width:0;
  display:flex;
  flex-direction:column;
}
.gwwa-layout-list .gwwa-attendant-info span {
  order:1;
  margin:0 0 3px;
  color:#9ca3af;
  font-size:16px;
  line-height:20px;
}
.gwwa-layout-list .gwwa-attendant-info strong {
  order:2;
  color:#1f2937;
  font-size:18px;
  font-weight:700;
  line-height:22px;
}
.gwwa-layout-list .gwwa-attendant-info small {
  order:3;
  margin-top:5px;
  color:#9ca3af;
  font-size:15px;
  font-weight:400;
  line-height:19px;
}
.gwwa-layout-list .gwwa-attendant-info small:before {
  display:none;
}
.gwwa-layout-list .gwwa-attendant.is-available .gwwa-attendant-info small {
  color:#9ca3af;
}
.gwwa-layout-list .gwwa-attendant.is-available .gwwa-avatar {
  box-shadow:inset 0 0 0 0 #fff;
}
.gwwa-layout-list .gwwa-attendant.is-available .gwwa-avatar:after,
.gwwa-layout-list .gwwa-attendant.is-unavailable .gwwa-avatar:after {
  content:"";
  position:absolute;
  right:0;
  bottom:0;
  width:14px;
  height:14px;
  border:2px solid #fff;
  border-radius:50%;
  background:var(--gwwa-template-green);
}
.gwwa-layout-list .gwwa-attendant.is-unavailable .gwwa-avatar:after {
  background:#facc15;
}
.gwwa-layout-list .gwwa-action {
  position:absolute;
  inset:0;
  z-index:2;
  width:100% !important;
  min-width:0;
  height:100% !important;
  min-height:0;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent !important;
  color:transparent !important;
  font-size:0;
  box-shadow:none !important;
}
.gwwa-layout-list .gwwa-action:before {
  display:none;
}
.gwwa-layout-list .gwwa-action:focus-visible {
  outline:2px solid rgba(37, 199, 102, .35);
  outline-offset:-2px;
}
.gwwa-layout-list .gwwa-trigger {
  width:max-content !important;
  min-width:0 !important;
  min-height:40px !important;
  height:40px !important;
  margin-top:16px;
  margin-left:auto !important;
  padding:0 23px !important;
  border:0 !important;
  border-radius:999px !important;
  background:var(--gwwa-template-green) !important;
  color:#fff !important;
  box-shadow:var(--gwwa-template-soft-shadow);
  font-size:16px;
  font-weight:400;
  gap:8px;
}
.gwwa-layout-list .gwwa-trigger:hover,
.gwwa-layout-list .gwwa-trigger:focus {
  background:var(--gwwa-template-green-hover) !important;
  color:#fff !important;
  transform:none;
  box-shadow:0 10px 24px rgba(15, 23, 42, .14);
}
.gwwa-layout-list .gwwa-trigger .gwwa-trigger-icon,
.gwwa-layout-list .gwwa-trigger .gwwa-trigger-icon svg {
  width:18px;
  height:18px;
}
.gwwa-layout-list.gwwa-pos-bl .gwwa-trigger,
.gwwa-layout-list.gwwa-pos-tl .gwwa-trigger {
  margin-left:0 !important;
  margin-right:auto !important;
}
.gwwa-layout-list.gwwa-pos-bc,
.gwwa-layout-list.gwwa-pos-tc {
  text-align:center;
}
.gwwa-layout-list.gwwa-pos-bc .gwwa-trigger,
.gwwa-layout-list.gwwa-pos-tc .gwwa-trigger {
  margin-left:auto !important;
  margin-right:auto !important;
}

@media (max-width: 600px) {
  .gwwa-layout-compact.gwwa-widget,
  .gwwa-layout-compact .gwwa-panel {
    width:min(400px, calc(100vw - 20px));
    max-width:min(400px, calc(100vw - 20px));
  }
  .gwwa-layout-compact .gwwa-legacy-header {
    min-height:154px;
    padding:70px 22px 24px;
  }
  .gwwa-layout-compact .gwwa-legacy-header strong {
    font-size:14px;
    line-height:20px;
  }
  .gwwa-layout-compact .gwwa-legacy-avatar {
    top:14px;
    width:46px;
    height:46px;
    min-width:46px;
    min-height:46px;
  }
  .gwwa-layout-compact .gwwa-legacy-compose {
    min-height:64px;
    grid-template-columns:minmax(0, 1fr) 44px;
    padding:10px 14px 10px 16px;
  }
  .gwwa-layout-compact .gwwa-legacy-compose input.gwwa-user-message,
  .gwwa-layout-compact .gwwa-legacy-compose textarea.gwwa-user-message {
    height:34px !important;
    min-height:34px !important;
    max-height:34px !important;
    font-size:14px;
  }
  .gwwa-layout-compact .gwwa-legacy-send {
    width:44px !important;
    height:44px !important;
    min-width:44px !important;
    min-height:44px !important;
    max-width:44px !important;
    max-height:44px !important;
    padding:5px !important;
  }
  .gwwa-layout-compact .gwwa-legacy-send svg {
    width:34px;
    height:34px;
  }
  .gwwa-layout-bubble .gwwa-direct-trigger {
    width:52px !important;
    min-width:52px !important;
    height:52px !important;
    min-height:52px !important;
  }
  .gwwa-layout-bubble .gwwa-direct-trigger .gwwa-trigger-icon,
  .gwwa-layout-bubble .gwwa-direct-trigger .gwwa-trigger-icon svg {
    width:28px;
    height:28px;
  }
  .gwwa-layout-list.gwwa-widget,
  .gwwa-layout-list .gwwa-panel {
    width:min(360px, calc(100vw - 20px));
    max-width:min(360px, calc(100vw - 20px));
  }
  .gwwa-layout-list .gwwa-panel-header {
    min-height:76px;
    padding:18px 38px 17px;
    text-align:center;
  }
  .gwwa-layout-list .gwwa-panel-header strong {
    font-size:14px;
    line-height:20px;
  }
  .gwwa-layout-list .gwwa-attendants {
    max-height:calc(100svh - 210px);
    padding:5px 16px 13px;
  }
  .gwwa-layout-list .gwwa-attendant {
    grid-template-columns:52px minmax(0, 1fr);
    gap:12px;
    min-height:66px;
    padding:8px 0;
  }
  .gwwa-layout-list .gwwa-avatar {
    width:52px;
    height:52px;
  }
  .gwwa-layout-list .gwwa-attendant-info span {
    font-size:13px;
    line-height:17px;
  }
  .gwwa-layout-list .gwwa-attendant-info strong {
    font-size:15px;
    line-height:19px;
  }
  .gwwa-layout-list .gwwa-attendant-info small {
    font-size:13px;
    line-height:17px;
  }
  .gwwa-layout-list .gwwa-trigger {
    min-height:38px !important;
    height:38px !important;
    padding:0 18px !important;
    font-size:14px;
  }
}

/* User-configurable button typography and shape. */
.gwwa-widget .gwwa-trigger,
.gwwa-shortcode-button {
  min-height:var(--gwwa-button-height, 48px) !important;
  height:var(--gwwa-button-height, 48px) !important;
  padding-left:var(--gwwa-button-x-padding, 18px) !important;
  padding-right:var(--gwwa-button-x-padding, 18px) !important;
  border-radius:var(--gwwa-button-radius, 999px) !important;
  gap:var(--gwwa-button-icon-gap, 10px) !important;
  font-family:var(--gwwa-button-font-family, inherit) !important;
  font-size:var(--gwwa-button-font-size, 15px) !important;
  font-style:var(--gwwa-button-font-style, normal) !important;
  font-weight:var(--gwwa-button-font-weight, 700) !important;
  text-transform:var(--gwwa-button-text-case, none) !important;
  box-shadow:var(--gwwa-button-shadow, 0 12px 30px rgba(15, 23, 42, .22)) !important;
}
.gwwa-widget .gwwa-trigger:hover,
.gwwa-widget .gwwa-trigger:focus,
.gwwa-shortcode-button:hover,
.gwwa-shortcode-button:focus {
  box-shadow:var(--gwwa-button-shadow-hover, 0 16px 34px rgba(15, 23, 42, .26)) !important;
}
.gwwa-widget .gwwa-trigger .gwwa-trigger-icon,
.gwwa-widget .gwwa-trigger .gwwa-trigger-icon svg,
.gwwa-shortcode-button .gwwa-trigger-icon,
.gwwa-shortcode-button .gwwa-trigger-icon svg {
  width:var(--gwwa-button-icon-size, 24px) !important;
  height:var(--gwwa-button-icon-size, 24px) !important;
}
.gwwa-layout-bubble .gwwa-direct-trigger,
.gwwa-mobile-icon-only .gwwa-trigger {
  width:var(--gwwa-button-height, 48px) !important;
  min-width:var(--gwwa-button-height, 48px) !important;
  padding-left:0 !important;
  padding-right:0 !important;
}
.gwwa-product-query-button:not(.gwwa-product-query-card) {
  border-radius:var(--gwwa-button-radius, 999px);
  font-family:var(--gwwa-button-font-family, inherit);
  font-style:var(--gwwa-button-font-style, normal);
  font-weight:var(--gwwa-button-font-weight, 700);
  text-transform:var(--gwwa-button-text-case, none);
  box-shadow:var(--gwwa-button-shadow, 0 12px 30px rgba(15, 23, 42, .22));
}
.gwwa-product-query-button:not(.gwwa-product-query-card):hover,
.gwwa-product-query-button:not(.gwwa-product-query-card):focus {
  box-shadow:var(--gwwa-button-shadow-hover, 0 16px 34px rgba(15, 23, 42, .26));
}