/* Wellness Atera website chat: floating button + compact chat box. Styled like the admin conversation view. */
.wa-chat-launcher{position:fixed;right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));z-index:2147481000;width:58px;height:58px;border-radius:50%;border:0;background:#111;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 8px 24px rgba(0,0,0,.22);transition:transform .15s ease,background .15s ease;-webkit-tap-highlight-color:transparent;padding:0}
.wa-chat-launcher:hover{background:#2a2a2a;transform:translateY(-1px)}
.wa-chat-launcher:focus-visible{outline:3px solid #111;outline-offset:3px}
.wa-chat-launcher svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.wa-chat-badge{position:absolute;top:-2px;right:-2px;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:#c81524;color:#fff;font:700 11px/20px Arial,sans-serif;text-align:center;box-shadow:0 0 0 2px #fff}
.wa-chat-badge[hidden]{display:none}
.wa-chat-panel{position:fixed;right:max(18px,env(safe-area-inset-right));bottom:calc(max(18px,env(safe-area-inset-bottom)) + 70px);z-index:2147481001;width:360px;max-width:calc(100vw - 24px);height:520px;max-height:calc(100dvh - 120px);display:flex;flex-direction:column;background:#fff;color:#111;border:1px solid #e4e6e8;border-radius:14px;box-shadow:0 18px 50px rgba(0,0,0,.22);overflow:hidden;font:400 14px/1.5 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;box-sizing:border-box;animation:wa-chat-in .18s ease-out}
.wa-chat-panel *{box-sizing:border-box}
.wa-chat-panel[hidden]{display:none}
@keyframes wa-chat-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.wa-chat-head{display:flex;align-items:center;gap:11px;padding:14px 12px 14px 16px;border-bottom:1px solid #eceef0;background:#fff;flex:0 0 auto}
.wa-chat-avatar{width:40px;height:40px;border-radius:50%;background:#111;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;flex:0 0 auto}
.wa-chat-id{flex:1;min-width:0;display:flex;flex-direction:column}
.wa-chat-id strong{font-size:15px;font-weight:700;line-height:1.25}
.wa-chat-id small{font-size:12px;color:#7a8087;line-height:1.3}
.wa-chat-close{width:38px;height:38px;border:0;border-radius:8px;background:transparent;color:#111;font-size:26px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}
.wa-chat-close:hover{background:#f1f2f3}
.wa-chat-close:focus-visible,.wa-chat-send:focus-visible,.wa-chat-guest a:focus-visible{outline:2px solid #111;outline-offset:2px}
.wa-chat-thread{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:16px 14px;display:flex;flex-direction:column;gap:10px;background:#fff}
.wa-chat-msg{display:flex;flex-direction:column;align-items:flex-start;max-width:100%}
.wa-chat-msg.mine{align-items:flex-end}
.wa-chat-bubble{max-width:85%;padding:10px 13px;border-radius:12px;background:#eef0f2;color:#111;font-size:13.5px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}
.wa-chat-msg.mine .wa-chat-bubble{background:#111;color:#fff}
.wa-chat-time{margin-top:4px;font-size:11px;color:#8b9097}
.wa-chat-empty{margin:auto 0;text-align:center;color:#6f757c;font-size:13px;padding:10px 8px}
.wa-chat-empty strong{display:block;color:#111;font-size:15px;margin-bottom:4px}
.wa-chat-form{flex:0 0 auto;padding:12px 14px 14px;border-top:1px solid #eceef0;background:#fff;display:flex;flex-direction:column;gap:8px}
.wa-chat-label{font-size:12px;font-weight:700;color:#333}
.wa-chat-input{width:100%;min-height:58px;max-height:120px;resize:none;border:1px solid #e3e6e9;border-radius:8px;background:#f4f5f6;color:#111;padding:10px 12px;font:inherit;font-size:14px;line-height:1.45}
.wa-chat-input:focus{outline:2px solid #111;outline-offset:0;background:#fff}
.wa-chat-hp{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.wa-chat-send{width:100%;min-height:44px;border:0;border-radius:8px;background:#111;color:#fff;font:inherit;font-size:14px;font-weight:700;cursor:pointer}
.wa-chat-send:hover{background:#2a2a2a}
.wa-chat-send[disabled]{opacity:.6;cursor:default}
.wa-chat-status{min-height:16px;margin:0;font-size:12px;color:#6f757c}
.wa-chat-status.is-error{color:#a3242f}
.wa-chat-note{margin:0;font-size:11px;color:#8b9097;text-align:center}
.wa-chat-guest{flex:1;display:flex;flex-direction:column;justify-content:center;gap:12px;padding:22px 20px;text-align:center}
.wa-chat-guest p{margin:0 0 6px;color:#555;font-size:14px;line-height:1.55}
.wa-chat-guest strong{display:block;color:#111;font-size:16px;margin-bottom:6px}
.wa-chat-guest a{display:flex;align-items:center;justify-content:center;min-height:44px;border-radius:8px;font-weight:700;font-size:14px;text-decoration:none!important}
.wa-chat-guest .wa-chat-login{background:#111;color:#fff!important}
.wa-chat-guest .wa-chat-register{background:#fff;color:#111!important;border:1px solid #111}
.wa-chat-sr{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important}
/* Keep out of the way of the open mobile menu (and its Install App footer). */
body.mobileNavOpen .wa-chat-launcher,body.mobileNavOpen .wa-chat-panel{display:none!important}
@media(max-width:600px){
  .wa-chat-launcher{width:54px;height:54px;right:max(14px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom))}
  /* Compact bottom sheet, leaving the page visible above. */
  .wa-chat-panel{left:8px;right:8px;bottom:max(8px,env(safe-area-inset-bottom));width:auto;max-width:none;height:min(62dvh,480px);max-height:calc(100dvh - 110px);border-radius:16px}
  body.wa-chat-open .wa-chat-launcher{display:none}
  .wa-chat-input{font-size:16px}
}
@media(prefers-reduced-motion:reduce){.wa-chat-panel{animation:none}.wa-chat-launcher{transition:none}}
