/* sa3d-crm public live-chat widget. Namespaced so it can't collide with the theme. */
.sa3dcrmw{position:fixed;right:20px;bottom:20px;z-index:2147483000;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;font-size:14px;line-height:1.45}
.sa3dcrmw *{box-sizing:border-box}
.sa3dcrmw-bubble{width:58px;height:58px;border-radius:50%;border:0;background:#6f8a58;color:#fff;font-size:25px;box-shadow:0 8px 24px rgba(30,34,26,.28);cursor:pointer;display:grid;place-items:center;transition:transform .15s,background .15s}
.sa3dcrmw-bubble:hover{background:#5b7347;transform:translateY(-2px)}
.sa3dcrmw-bubble b{position:absolute;top:-2px;right:-2px;min-width:19px;height:19px;padding:0 5px;border-radius:20px;background:#c0492b;color:#fff;font-size:11px;font-weight:800;display:none;place-items:center;line-height:19px}
.sa3dcrmw-bubble.has-unread b{display:grid}

.sa3dcrmw-panel{position:absolute;right:0;bottom:72px;width:340px;max-width:calc(100vw - 40px);height:470px;max-height:calc(100vh - 120px);background:#fff;border-radius:16px;box-shadow:0 18px 50px rgba(30,34,26,.3);display:none;flex-direction:column;overflow:hidden}
.sa3dcrmw.open .sa3dcrmw-panel{display:flex}
.sa3dcrmw.open .sa3dcrmw-bubble{background:#5b7347}

.sa3dcrmw-head{background:#6f8a58;color:#fff;padding:15px 16px;display:flex;align-items:center;gap:10px}
.sa3dcrmw-head .av{width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.2);display:grid;place-items:center;font-size:17px;flex:0 0 auto}
.sa3dcrmw-head b{font-size:14.5px;font-weight:800;display:block}
.sa3dcrmw-head small{font-size:11.5px;opacity:.9;display:flex;align-items:center;gap:5px}
.sa3dcrmw-head small i{width:7px;height:7px;border-radius:50%;background:#a5e0a0;display:inline-block}
.sa3dcrmw-close{margin-left:auto;background:transparent;border:0;color:#fff;font-size:20px;cursor:pointer;opacity:.85;line-height:1}
.sa3dcrmw-close:hover{opacity:1}

.sa3dcrmw-body{flex:1;overflow-y:auto;padding:14px;background:#f4f4ef;display:flex;flex-direction:column;gap:9px}
.sa3dcrmw-msg{max-width:82%;padding:9px 12px;border-radius:14px;font-size:13px;white-space:pre-wrap;word-wrap:break-word}
.sa3dcrmw-msg.in{align-self:flex-end;background:#6f8a58;color:#fff;border-bottom-right-radius:5px}
.sa3dcrmw-msg.out{align-self:flex-start;background:#fff;color:#22241f;border:1px solid #e2e4db;border-bottom-left-radius:5px}
.sa3dcrmw-msg small{display:block;margin-top:3px;font-size:10px;opacity:.65}

.sa3dcrmw-ident{padding:10px 12px;border-top:1px solid #e8e9e1;background:#fbfbf8;display:flex;gap:7px}
.sa3dcrmw-ident input{flex:1;min-width:0;padding:7px 10px;border:1px solid #cfd3c8;border-radius:8px;font:inherit;font-size:12.5px}
.sa3dcrmw-ident button{border:0;background:#6f8a58;color:#fff;border-radius:8px;padding:0 12px;font-weight:700;font-size:12px;cursor:pointer}

.sa3dcrmw-foot{border-top:1px solid #e8e9e1;padding:10px 12px;display:flex;gap:8px;background:#fff}
.sa3dcrmw-foot input{flex:1;min-width:0;padding:9px 12px;border:1px solid #cfd3c8;border-radius:20px;font:inherit;font-size:13px}
.sa3dcrmw-foot input:focus{outline:0;border-color:#6f8a58;box-shadow:0 0 0 2px #eef3ea}
.sa3dcrmw-foot button{border:0;background:#6f8a58;color:#fff;width:38px;height:38px;border-radius:50%;font-size:16px;cursor:pointer;flex:0 0 auto}
.sa3dcrmw-foot button:hover{background:#5b7347}
.sa3dcrmw-foot button:disabled{opacity:.5;cursor:default}
.sa3dcrmw-cred{text-align:center;font-size:10px;color:#9aa08d;padding:4px 0 8px;background:#fff}
