#asa-widget {position:fixed;bottom:20px;z-index:9999;font-family:inherit;font-size:14px;line-height:1.5;}
#asa-widget.asa-pos-right_top {right:20px;top:20px;bottom:auto;}
#asa-widget.asa-pos-right_middle {right:20px;top:50%;bottom:auto;transform:translateY(-50%);}
#asa-widget.asa-pos-right_bottom {right:20px;bottom:20px;top:auto;}
#asa-widget.asa-pos-left_top {left:20px;top:20px;bottom:auto;}
#asa-widget.asa-pos-left_middle {left:20px;top:50%;bottom:auto;transform:translateY(-50%);}
#asa-widget.asa-pos-left_bottom {left:20px;bottom:20px;top:auto;}
body.osc-has-admin-header #asa-widget, body.osc-has-admin-header #asa-widget {margin-top:34px;}
#asa-widget .asa-toggle {width:56px;height:56px;border-radius:50%;background:linear-gradient(60deg,rgba(255,255,255,0.1),rgba(0,0,0,0.1) 150%);background-color:var(--mb-color-primary,blue);color:#fff;border:none;cursor:pointer;box-shadow:0 4px 16px rgba(0,0,0,0.25);display:flex;align-items:center;justify-content:center;transition:background 0.2s,transform 0.15s,box-shadow 0.2s;padding:0;font-size:20px;}
#asa-widget .asa-toggle svg {max-width:30px;max-height:30px;}
#asa-widget .asa-toggle:hover {filter:brightness(1.1);box-shadow:0 6px 20px rgba(0,0,0,0.3);}
#asa-widget .asa-toggle:active {transform:scale(0.94);}
#asa-widget .asa-toggle:before {content:"";width:16px;height:16px;border-radius:100px;border:2px solid #fff;background:#4ade80;position:absolute;bottom:0px;left:0px;}
#asa-widget .asa-modal {background:#fff;border-radius:6px;box-shadow:0 8px 32px rgba(0,0,0,0.18);display:flex;flex-direction:column;overflow:hidden;margin-bottom:12px;max-width:calc(100dvw - 20px);max-height:calc(100dvh - 20px);}
body.osc-has-admin-header #asa-widget .asa-modal {max-height:calc(100dvh - 20px - 34px);}
#asa-widget .asa-modal-head {background:linear-gradient(80deg,rgba(255,255,255,0.05),rgba(0,0,0,0.15) 150%);background-color:var(--mb-color-primary,blue);color:#fff;padding:10px 8px;display:flex;align-items:center;gap:10px;flex-shrink:0;}
#asa-widget .asa-header-avatar {box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);width:40px;height:40px;margin:-4px 0;border-radius:50%;background:rgba(255,255,255,0.18);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;}
#asa-widget .asa-header-avatar img {width:40px;height:40px;border-radius:50%;object-fit:cover;}
#asa-widget .asa-header-avatar svg {width:28px;height:28px;}
#asa-widget .asa-modal-title {flex:1;min-width:0;}
#asa-widget .asa-modal-title strong {display:block;font-size:15px;font-weight:600;line-height:18px;}
#asa-widget .asa-modal-title span {display:block;font-size:11px;opacity:0.9;line-height:14px;}
#asa-widget .asa-modal-title span:before {content:"";width:10px;height:10px;border-radius:100px;background:#4ade80;box-shadow:0 1px 4px rgba(0,0,0,0.5);display:flex;float:left;margin:2px 4px 0 0;}
#asa-widget .asa-close {width:32px;height:32px;background:transparent;border:none;color:#fff;cursor:pointer;padding:4px;opacity:0.75;margin-left:auto;flex-shrink:0;border-radius:100px;display:flex;align-items:center;justify-content:center;transition:opacity 0.15s;}
#asa-widget .asa-close:hover {opacity:1;background:rgba(255,255,255,0.1);}
#asa-widget .asa-messages {box-shadow:0 -4px 12px rgba(0,0,0,0.12);flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:10px;background:#f4f6fa;scroll-behavior:smooth;}
#asa-widget .asa-msg {max-width:calc(100% - 36px);font-size:13px;line-height:1.5;word-break:break-word;border-radius:6px;}
#asa-widget .asa-msg-user {background:linear-gradient(45deg,rgba(255,255,255,0.05),rgba(0,0,0,0.03) 100%);background-color:var(--mb-color-primary,blue);color:#fff;align-self:flex-end;padding:9px 13px;}
#asa-widget .asa-msg-bot-wrap {display:flex;align-items:flex-start;gap:8px;align-self:flex-start;max-width:calc(100% - 20px);}
#asa-widget .asa-msg-avatar {box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);width:28px;height:28px;border-radius:50%;background:var(--mb-color-primary,blue);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;margin-top:2px;}
#asa-widget .asa-msg-avatar img {width:28px;height:28px;object-fit:cover;border-radius:50%;}
#asa-widget .asa-msg-avatar svg {width:20px;height:20px;}
#asa-widget .asa-msg-bot {background:#fff;color:#222;padding:9px 13px;box-shadow:0 1px 4px rgba(0,0,0,0.1);flex:1;min-width:0;}
#asa-widget .asa-msg-bot p {margin:0 0 6px;padding:0;}
#asa-widget .asa-msg-bot p:empty {margin:0;}
#asa-widget .asa-msg-bot p:empty + p:empty {display:none;}
#asa-widget .asa-msg-bot p:last-child {margin-bottom:0;}
#asa-widget .asa-msg-bot ul,#asa-widget .asa-msg-bot ol {margin:4px 0 6px 0;padding-left:18px;}
#asa-widget .asa-msg-bot ul {list-style:square;}
#asa-widget .asa-msg-bot ol {list-style:square;}
#asa-widget .asa-msg-bot li {margin-bottom:2px;}
#asa-widget .asa-msg-bot strong {font-weight:600;}
#asa-widget .asa-msg-bot em {font-style:italic;}
#asa-widget .asa-msg-bot a {color:var(--mb-color-primary,blue);text-decoration:underline;word-break:break-all;}
#asa-widget .asa-msg-bot a:hover {filter:brightness(1.15);}
#asa-widget .asa-msg-bot code {font-family:'Courier New',Courier,monospace;font-size:12px;background:#ebebeb;color:#c0392b;padding:1px 5px;border-radius:3px;}
#asa-widget .asa-msg-bot pre {background:#1e1e2e;color:#cdd6f4;border-radius:4px;padding:10px 12px;overflow-x:auto;margin:8px 0 4px;font-size:12px;line-height:1.5;white-space:pre;}
#asa-widget .asa-msg-bot pre code {background:none;color:#cdd6f4;padding:0;border-radius:0;white-space:pre-line;}
#asa-widget .asa-msg-bot br {display:block;content:"";margin:2px 0;}
#asa-widget .asa-msg-bot a#asa-btn-contact2 {display:inline-block;transition:0.15s;clear:both;width:90%;margin:10px 5%;padding:4px 8px;text-align:center;border:1px solid var(--mb-color-primary,blue);border-radius:100px;font-size:14px;font-weight:600;color:var(--mb-color-primary,blue);text-decoration:none;}
#asa-widget .asa-msg-bot a#asa-btn-contact2:hover {background:var(--mb-color-primary,blue);color:#fff;text-decoration:none;}
#asa-widget .asa-msg-typing {background:#fff;color:#999;font-size:12px;padding:9px 13px;box-shadow:0 1px 4px rgba(0,0,0,0.1);}
#asa-widget .asa-refs {margin-top:8px;padding-top:6px;border-top:1px solid #eee;font-size:11px;color:#888;}
#asa-widget .asa-refs-title {font-weight:600;margin-bottom:2px;text-transform:uppercase;letter-spacing:0.4px;color:#777;}
#asa-widget .asa-escalate-btn {display:inline-block;margin-top:9px;padding:6px 13px;background:var(--mb-color-primary,blue);color:#fff;border:none;border-radius:4px;font-size:12px;font-weight:600;cursor:pointer;transition:filter 0.2s;}
#asa-widget .asa-escalate-btn:hover {filter:brightness(1.12);}
#asa-widget .asa-escalate-form {margin-top:10px;display:flex;flex-direction:column;gap:7px;}
#asa-widget .asa-escalate-form input,#asa-widget .asa-escalate-form textarea {width:100%;padding:7px 10px;border:1px solid #ddd;border-radius:4px;font-size:13px;font-family:inherit;box-sizing:border-box;}
#asa-widget .asa-escalate-form textarea {min-height:70px;resize:vertical;}
#asa-widget .asa-escalate-submit {padding:7px 14px;background:var(--mb-color-primary,blue);color:#fff;border:none;border-radius:4px;font-size:13px;font-weight:600;cursor:pointer;transition:filter 0.2s;}
#asa-widget .asa-escalate-submit:hover {filter:brightness(1.1);}
#asa-widget .asa-input-area {background:#fff;border-top:1px solid #eee;flex-shrink:0;}
#asa-widget .asa-input-wrap {display:flex;padding:10px 10px 11px 10px;gap:6px;align-items:start;}
#asa-widget .asa-input {flex:1;padding:8px 16px;height:40px;border:none;border-radius:100px;font-size:14px;font-family:inherit;outline:none;transition:border 0.15s;background:#eceef2;margin:0;}
#asa-widget .asa-input:focus {box-shadow:0 0 0px 1px var(--mb-color-primary,blue);}
#asa-widget .asa-send {width:40px;height:40px;border-radius:100px;background:var(--mb-color-primary,blue);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:filter 0.2s;padding:2px;}
#asa-widget .asa-send:hover {filter:brightness(1.1);}
#asa-widget .asa-send:disabled {opacity:0.5;cursor:wait;}
#asa-widget .asa-actions {display:flex;gap:4px;padding:6px 10px;flex-wrap:wrap;margin:0;background:#f4f6fa;border-bottom:1px solid #eee;align-items:center;justify-content:center;}
#asa-widget .asa-action-btn {display:inline-flex;align-items:center;gap:4px;font-size:11px;line-height:13px;padding:4px 8px;border-radius:6px;background:#e4e6ea;color:#444;cursor:pointer;text-decoration:none;transition:background 0.15s,color 0.15s;white-space:nowrap;font-family:inherit;border:none;}
#asa-widget .asa-action-btn:hover {background:var(--mb-color-primary,blue);color:#fff;}
#asa-widget .asa-login-notice {padding:20px 16px;margin:auto 0;text-align:center;color:#555;font-size:14px;background:#fff;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,0.1);}
#asa-widget .asa-login-notice a {display:inline-block;margin-top:20px;padding:8px 20px;background:var(--mb-color-primary,blue);color:#fff;border-radius:100px;text-decoration:none;font-weight:600;font-size:14px;}
#asa-widget .asa-login-notice a:hover {filter:brightness(1.1);}
#asa-widget .asa-typing-dots {display: inline-flex;align-items: center;gap: 4px;padding: 2px 0;}
#asa-widget .asa-typing-dots span {display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: currentColor; opacity: 0.4; animation: asa-dot-bounce 1.2s infinite ease-in-out;}
#asa-widget .asa-typing-dots span:nth-child(1) {animation-delay: 0s;}
#asa-widget .asa-typing-dots span:nth-child(2) {animation-delay: 0.2s;}
#asa-widget .asa-typing-dots span:nth-child(3) {animation-delay: 0.4s;}

@keyframes asa-dot-bounce {
  0%, 60%, 100% {transform: translateY(0);opacity: 0.4;}
  30% {transform: translateY(-5px);opacity: 1;}
}

@media (max-width:500px) {
  #asa-widget .asa-modal {width:calc(100vw - 20px)!important;max-width:calc(100vw - 20px)!important;right:0;left:0;margin:0 auto;}
  #asa-widget.asa-pos-right_top {right:10px; top:10px; bottom:auto;}
  #asa-widget.asa-pos-right_middle {right:10px;}
  #asa-widget.asa-pos-right_bottom {right:10px; bottom:10px; top:auto;}
  #asa-widget.asa-pos-left_top {left:10px; top:10px; bottom:auto;}
  #asa-widget.asa-pos-left_middle {left:10px;}
  #asa-widget.asa-pos-left_bottom {left:10px; bottom:10px; top:auto;}
  #asa-widget.asa-pos-right_top .asa-modal, #asa-widget.asa-pos-right_middle .asa-modal, #asa-widget.asa-pos-right_bottom .asa-modal {right:10px; left:auto;}
  #asa-widget.asa-pos-left_top .asa-modal, #asa-widget.asa-pos-left_middle .asa-modal, #asa-widget.asa-pos-left_bottom .asa-modal {left:10px; right:auto;}
  body.osc-has-admin-header #asa-widget, body.osc-has-admin-header #asa-widget {margin-top:46px;}
  
  #asa-widget.asa-opened {top:10px;bottom:10px;transform:unset;max-height:calc(var(--vvh, 100dvh) - 20px);}
  body.osc-has-admin-header #asa-widget.asa-opened {max-height:calc(var(--vvh, 100dvh) - 20px - 46px);}
  
  !#asa-widget {top:10px!important;bottom:10px!important;}
  #asa-widget.asa-opened .asa-modal {height:100%!important;max-height:100%!important;min-height:100%!important;box-shadow:0 4px 24px rgba(0,0,0,0.65)}
  
}


/* RTL */
html[dir="rtl"] #asa-widget.asa-pos-right_top {left:20px; right:auto; top:20px; bottom:auto;}
html[dir="rtl"] #asa-widget.asa-pos-right_middle {left:20px; right:auto; top:50%; bottom:auto; transform:translateY(-50%);}
html[dir="rtl"] #asa-widget.asa-pos-right_bottom {left:20px; right:auto; bottom:20px; top:auto;}
html[dir="rtl"] #asa-widget.asa-pos-left_top {right:20px; left:auto; top:20px; bottom:auto;}
html[dir="rtl"] #asa-widget.asa-pos-left_middle {right:20px; left:auto; top:50%; bottom:auto; transform:translateY(-50%);}
html[dir="rtl"] #asa-widget.asa-pos-left_bottom {right:20px; left:auto; bottom:20px; top:auto;}
html[dir="rtl"] #asa-widget.asa-pos-right_top .asa-modal, html[dir="rtl"] #asa-widget.asa-pos-right_middle .asa-modal, html[dir="rtl"] #asa-widget.asa-pos-right_bottom .asa-modal {left:10px; right:auto;}
html[dir="rtl"] #asa-widget.asa-pos-left_top .asa-modal, html[dir="rtl"] #asa-widget.asa-pos-left_middle .asa-modal, html[dir="rtl"] #asa-widget.asa-pos-left_bottom .asa-modal {right:10px; left:auto;}
html[dir="rtl"] #asa-widget .asa-toggle:before {left:auto; right:0px;}
html[dir="rtl"] #asa-widget .asa-msg-avatar {margin-top:2px; margin-left:0; margin-right:0;}
html[dir="rtl"] #asa-widget .asa-close {margin-left:0; margin-right:auto;}
html[dir="rtl"] #asa-widget .asa-input-wrap {flex-direction:row-reverse;}
html[dir="rtl"] #asa-widget .asa-send {order:-1;}
html[dir="rtl"] #asa-widget .asa-msg-bot ul, html[dir="rtl"] #asa-widget .asa-msg-bot ol {padding-right:18px; padding-left:0;}
html[dir="rtl"] #asa-widget .asa-modal-title span:before {float:right; margin:2px 0 0 4px;}
html[dir="rtl"] #asa-widget .asa-modal-head {background:linear-gradient(260deg, #2d2d2d, #1d1d1d 150%);}