#resurs-maxchat,.rmc-root{--rmc-color:#471AFF;--rmc-color2:#00BFFF;--rmc-size:66px;--rmc-radius:22px;--rmc-offset-x:24px;--rmc-offset-y:24px}.rmc-root{position:fixed;right:var(--rmc-offset-x);bottom:var(--rmc-offset-y);z-index:2147483000;font-family:Inter,Arial,sans-serif}.rmc-left{right:auto;left:24px}
.rmc-button{position:relative;width:var(--rmc-size);height:var(--rmc-size);padding:0;border:0;border-radius:var(--rmc-radius);background:linear-gradient(135deg,var(--rmc-color) 0%,var(--rmc-color) 45%,var(--rmc-color2) 100%);box-shadow:0 12px 30px rgba(71,26,255,.34),0 3px 10px rgba(0,0,0,.14);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}.rmc-button:hover{transform:translateY(-2px);box-shadow:0 16px 36px rgba(71,26,255,.42),0 4px 12px rgba(0,0,0,.16)}.rmc-button:active{transform:scale(.96)}.rmc-button img{width:var(--rmc-size);height:var(--rmc-size);border-radius:var(--rmc-radius);display:block}.rmc-button .rmc-badge{position:absolute;right:-3px;top:-3px;bottom:auto;width:14px;height:14px;border-radius:50%;background:#35d47a;border:3px solid #fff;box-sizing:content-box;z-index:3}.rmc-button .rmc-label{position:absolute;right:78px;white-space:nowrap;background:#0D001A;color:#fff;padding:8px 11px;border-radius:10px;font-size:13px;font-weight:600;opacity:0;transform:translateX(5px);pointer-events:none;transition:.18s}.rmc-button:hover .rmc-label{opacity:1;transform:none}.rmc-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.rmc-box{position:absolute;right:0;bottom:78px;width:360px;height:520px;background:#fff;border-radius:20px;box-shadow:0 18px 60px rgba(13,0,26,.24);overflow:hidden;display:flex;flex-direction:column;visibility:hidden;opacity:0;pointer-events:none;transform:translate(0,18px) scale(.12);transform-origin:calc(100% - 33px) calc(100% + 45px);transition:opacity .22s ease,transform .28s cubic-bezier(.2,.85,.25,1.15),border-radius .28s cubic-bezier(.2,.85,.25,1.15),visibility 0s linear .28s}.rmc-left .rmc-box{right:auto;left:0;transform-origin:33px calc(100% + 45px)}.rmc-box.is-open{visibility:visible;opacity:1;pointer-events:auto;transform:translate(0,0) scale(1);border-radius:20px;transition:opacity .18s ease,transform .3s cubic-bezier(.2,.85,.25,1.15),border-radius .3s cubic-bezier(.2,.85,.25,1.15),visibility 0s}.rmc-box.is-closing{visibility:visible;opacity:0;pointer-events:none;transform:translate(0,18px) scale(.12);border-radius:50%;transition:opacity .2s ease,transform .28s cubic-bezier(.7,0,.84,0),border-radius .28s ease,visibility 0s}.rmc-box header{background:linear-gradient(135deg,var(--rmc-color),var(--rmc-color) 55%,var(--rmc-color2));color:#fff;padding:16px 17px;display:flex;justify-content:space-between;align-items:center}.rmc-head{display:flex;align-items:center;gap:10px}.rmc-head img{width:34px;height:34px;border-radius:11px;background:#fff}.rmc-box header strong{display:block;font-size:16px}.rmc-box header small{opacity:.82;font-size:12px}.rmc-close{border:0;background:rgba(255,255,255,.14);color:#fff;width:34px;height:34px;border-radius:10px;font-size:24px;cursor:pointer}
/* v0.4.29: window height controls */
.rmc-window-actions{display:flex;align-items:center;gap:5px}.rmc-window-actions button{border:0;background:rgba(255,255,255,.14);color:#fff;width:32px;height:32px;border-radius:9px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.rmc-window-actions button:hover,.rmc-window-actions button:focus-visible{background:rgba(255,255,255,.24);outline:none}.rmc-window-actions svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.rmc-window-actions .rmc-close{font-size:23px;line-height:1}.rmc-box.rmc-expanded{position:fixed;top:0;bottom:0;right:var(--rmc-offset-x);height:auto;max-height:none;border-radius:20px}.rmc-left .rmc-box.rmc-expanded{right:auto;left:var(--rmc-offset-x)}.rmc-messages{flex:1;padding:15px;overflow:auto;background:#f6f7fb}.rmc-sender{font-size:11px;font-weight:700;line-height:1.2;margin:0 0 5px;opacity:.68}.rmc-out .rmc-sender{text-align:left;color:#2b2f38;opacity:.82}.rmc-in .rmc-sender{color:#fff !important;opacity:.94}.rmc-msg{max-width:82%;padding:10px 12px;border-radius:14px;margin:7px 0;white-space:pre-wrap;word-break:break-word;font-size:14px;line-height:1.4}.rmc-in{background:#fff;border:1px solid #e7eaf0;margin-right:auto}.rmc-out{background:var(--rmc-color);color:#fff;margin-left:auto}.rmc-box form{display:flex;padding:10px;border-top:1px solid #e8eaf0;gap:8px}.rmc-box input{flex:1;border:1px solid #d8dce5;border-radius:12px;padding:0 12px;outline:none;height:40px;min-height:40px;box-sizing:border-box}.rmc-box form button{border:0;border-radius:12px;background:var(--rmc-color);color:#fff;width:44px;height:44px;min-width:44px;flex:0 0 44px;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.rmc-box form .rmc-send{width:40px !important;height:40px !important;min-width:40px !important;max-width:40px !important;flex:0 0 40px !important;padding:0 !important;margin:0;border-radius:12px;line-height:1;background:var(--rmc-color);box-sizing:border-box;appearance:none;-webkit-appearance:none;transition:none}
.rmc-box form .rmc-send:hover,.rmc-box form .rmc-send:focus,.rmc-box form .rmc-send:active,.rmc-box form .rmc-send:disabled{background:var(--rmc-color) !important;color:#fff !important;box-shadow:none;transform:none}@media(max-width:600px){.rmc-right,.rmc-left{right:14px;left:auto;bottom:14px}.rmc-button,.rmc-button img{width:60px;height:60px;border-radius:20px}.rmc-button .rmc-label{display:none}.rmc-box{position:fixed;right:8px!important;left:8px!important;bottom:82px;width:auto;height:calc(100vh - 110px);max-height:620px;transform-origin:calc(100% - 30px) calc(100% + 42px)}.rmc-left .rmc-box{transform-origin:30px calc(100% + 42px)}}
.rmc-box form{align-items:center}.rmc-attach{width:40px;height:40px;border:0;background:transparent;color:#6b7280;border-radius:10px;cursor:pointer;font-size:0;flex:0 0 40px;display:flex;align-items:center;justify-content:center;padding:0}.rmc-attach:hover,.rmc-attach:focus,.rmc-attach:active{background:transparent !important;color:#6b7280 !important;box-shadow:none;transform:none}.rmc-attach svg{width:20px;height:20px;display:block;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.rmc-selected-file{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;background:#f6f7fb;border:1px solid #e3e6ed;border-radius:10px;font-size:12px}.rmc-selected-file button{border:0;background:transparent;font-size:18px;cursor:pointer}.rmc-attachment{padding:0 10px}.rmc-image{display:block;max-width:100%;max-height:260px;border-radius:10px;margin-top:8px;object-fit:contain}.rmc-file{display:block;margin-top:8px;padding:8px 10px;border-radius:9px;background:rgba(0,0,0,.06);color:inherit;text-decoration:none}.rmc-out .rmc-file{background:rgba(255,255,255,.16);color:#fff}.rmc-msg:has(.rmc-image){padding:7px}.rmc-msg:has(.rmc-image) .rmc-image{margin-top:0}

/* v0.4.16: transparent composer controls */
.rmc-box form { align-items:center !important; }
.rmc-box form .rmc-text-input,
.rmc-box form .rmc-attach,
.rmc-box form .rmc-send {
  height:40px !important;
  min-height:40px !important;
  max-height:40px !important;
  box-sizing:border-box !important;
  margin:0 !important;
  padding-top:0 !important;
  padding-bottom:0 !important;
  outline:none !important;
}
.rmc-box form .rmc-attach {
  width:40px !important;
  min-width:40px !important;
  max-width:40px !important;
  flex:0 0 40px !important;
  padding-left:0 !important;
  padding-right:0 !important;
  border:0 !important;
  background:transparent !important;
  appearance:none !important;
  -webkit-appearance:none !important;
  box-shadow:none !important;
  transform:none !important;
  transition:none !important;
  outline:none !important;
}
.rmc-box form .rmc-attach:hover,
.rmc-box form .rmc-attach:focus,
.rmc-box form .rmc-attach:focus-visible,
.rmc-box form .rmc-attach:active {
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  transform:none !important;
  outline:none !important;
}
.rmc-box form .rmc-send {
  width:40px !important;
  min-width:40px !important;
  max-width:40px !important;
  flex:0 0 40px !important;
  padding-left:0 !important;
  padding-right:0 !important;
  border:0 !important;
  background:transparent !important;
  color:var(--rmc-color) !important;
  appearance:none !important;
  -webkit-appearance:none !important;
  box-shadow:none !important;
  transform:none !important;
  transition:none !important;
  outline:none !important;
}
.rmc-box form .rmc-send:hover,
.rmc-box form .rmc-send:focus,
.rmc-box form .rmc-send:focus-visible,
.rmc-box form .rmc-send:active,
.rmc-box form .rmc-send:disabled {
  width:40px !important;
  height:40px !important;
  min-width:40px !important;
  max-width:40px !important;
  background:transparent !important;
  color:var(--rmc-color) !important;
  border:0 !important;
  box-shadow:none !important;
  transform:none !important;
  outline:none !important;
}
.rmc-box form .rmc-attach svg { pointer-events:none; }

/* v0.4.18: final reset for composer controls */
.rmc-box .rmc-box form button.rmc-attach,
.rmc-box .rmc-box form button.rmc-send,
.rmc-box form button.rmc-attach,
.rmc-box form button.rmc-send {
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -webkit-appearance: none !important;
  appearance: none !important;
}
.rmc-box form button.rmc-attach:hover,
.rmc-box form button.rmc-attach:focus,
.rmc-box form button.rmc-attach:focus-visible,
.rmc-box form button.rmc-attach:active,
.rmc-box form button.rmc-attach:visited,
.rmc-box form button.rmc-send:hover,
.rmc-box form button.rmc-send:focus,
.rmc-box form button.rmc-send:focus-visible,
.rmc-box form button.rmc-send:active,
.rmc-box form button.rmc-send:visited,
.rmc-box form button.rmc-send:disabled {
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  transform: none !important;
}
.rmc-box form button.rmc-attach,
.rmc-box form button.rmc-send {
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  max-width: 40px !important;
  min-height: 40px !important;
  max-height: 40px !important;
  flex: 0 0 40px !important;
}

/* v0.4.18: MAX style color for attachment icon */
.rmc-box form button.rmc-attach {
  color: var(--rmc-color) !important;
}
.rmc-box form button.rmc-attach svg {
  stroke: currentColor !important;
  color: inherit !important;
  opacity: 1 !important;
}
.rmc-box form button.rmc-attach:hover,
.rmc-box form button.rmc-attach:focus,
.rmc-box form button.rmc-attach:focus-visible,
.rmc-box form button.rmc-attach:active {
  color: var(--rmc-color) !important;
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}


/* v0.4.20: attachments are part of the same message bubble */
.rmc-box form {
  height:60px !important;
  min-height:60px !important;
  max-height:60px !important;
  box-sizing:border-box !important;
  padding:10px !important;
  margin:0 !important;
  align-items:center !important;
  display:flex !important;
  gap:8px !important;
}
.rmc-box form .rmc-text-input,
.rmc-box form .rmc-attach,
.rmc-box form .rmc-send {
  height:40px !important;
  min-height:40px !important;
  max-height:40px !important;
  margin:0 !important;
  align-self:center !important;
  box-sizing:border-box !important;
}

/* v0.4.20: attachments are part of the same message bubble */
.rmc-msg .rmc-file{
  display:block;
  margin:6px 0 0;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent !important;
  color:inherit;
  text-decoration:underline;
  text-underline-offset:2px;
  word-break:break-word;
}
.rmc-msg .rmc-image{
  display:block;
  max-width:100%;
  max-height:260px;
  margin:6px 0 0;
  border-radius:9px;
  object-fit:contain;
}
.rmc-msg .rmc-image:first-child{margin-top:0}
.rmc-msg:has(.rmc-file) .rmc-file:first-child{margin-top:0}
.rmc-msg:has(.rmc-image) .rmc-image{margin-top:6px}
.rmc-msg:has(.rmc-image) .rmc-image:first-child{margin-top:0}


/* v0.4.21: header avatar is vertically centered against both title lines; name field */
.rmc-head{display:flex;align-items:center;gap:10px;min-height:40px}
.rmc-head img{width:40px !important;height:40px !important;border-radius:12px;display:block;flex:0 0 40px;object-fit:cover}
.rmc-head>div{display:flex;flex-direction:column;justify-content:center;min-height:40px}
.rmc-namebar{padding:8px 10px 0;background:#fff}
.rmc-name-input{width:100%;height:34px !important;min-height:34px !important;border:1px solid #d8dce5 !important;border-radius:10px !important;padding:0 10px !important;box-sizing:border-box !important;outline:none !important;font-size:13px !important}
.rmc-name-input:focus{border-color:var(--rmc-color) !important;box-shadow:none !important}
.rmc-namebar[style*="display: none"]{display:none !important}
.rmc-msg{overflow:hidden}
.rmc-msg .rmc-file,.rmc-msg .rmc-image{box-sizing:border-box}


/* v0.4.22: polished visitor identity bar and translucent outgoing bubbles */
.rmc-namebar{padding:9px 10px 10px !important;background:#fff !important;border-top:1px solid #eef0f4 !important}
.rmc-namebar-title{font-size:11px !important;font-weight:700 !important;line-height:14px !important;color:#6b7280 !important;margin:0 0 6px 2px !important;text-transform:none !important;letter-spacing:normal !important}
.rmc-name-row{display:flex !important;align-items:center !important;gap:8px !important;width:100% !important}
.rmc-name-input{height:38px !important;min-height:38px !important;flex:1 1 auto !important;width:auto !important;border:1px solid #dfe3eb !important;border-radius:10px !important;background:#fff !important;color:#20242c !important;padding:0 11px !important;box-sizing:border-box !important;font-size:13px !important;outline:none !important;transition:border-color .15s ease,background .15s ease !important}
.rmc-name-input:focus{border-color:var(--rmc-color) !important;box-shadow:0 0 0 2px color-mix(in srgb,var(--rmc-color) 10%,transparent) !important}
.rmc-name-input:disabled{background:#f6f7fa !important;color:#4b5563 !important;cursor:default !important;border-color:#e3e6ed !important;opacity:1 !important}
.rmc-name-save{height:38px !important;min-width:92px !important;padding:0 13px !important;border:1px solid var(--rmc-color) !important;border-radius:10px !important;background:var(--rmc-color) !important;color:#fff !important;font-size:12px !important;font-weight:700 !important;cursor:pointer !important;box-sizing:border-box !important;outline:none !important;box-shadow:none !important}
.rmc-name-save:hover,.rmc-name-save:focus,.rmc-name-save:active{background:var(--rmc-color) !important;color:#fff !important;border-color:var(--rmc-color) !important;box-shadow:none !important;outline:none !important}
.rmc-name-save:disabled,.rmc-name-save.is-saved{background:#f0f1f5 !important;color:#7a8190 !important;border-color:#e0e3e9 !important;cursor:default !important}
.rmc-out{background:#fff !important;color:#222 !important;border:1px solid #e7eaf0 !important}
.rmc-out .rmc-file{color:var(--rmc-color) !important;background:transparent !important;text-decoration:underline !important}
.rmc-out .rmc-image{border:1px solid color-mix(in srgb,var(--rmc-color) 12%,#e7eaf0) !important}
.rmc-pending-attachment{opacity:.72 !important}


/* v0.4.26: final visual polish */
.rmc-button{overflow:visible}
.rmc-button::before,.rmc-button::after{content:"";position:absolute;inset:0;border-radius:inherit;border:1px solid color-mix(in srgb,var(--rmc-color) 42%,transparent);pointer-events:none;z-index:0;opacity:0;transform:scale(1)}
.rmc-button::before{animation:rmc-max-pulse 2.8s ease-out infinite}.rmc-button::after{animation:rmc-max-pulse 2.8s ease-out 1.4s infinite}
@keyframes rmc-max-pulse{0%{opacity:.38;transform:scale(1)}65%{opacity:.12}100%{opacity:0;transform:scale(1.55)}}
.rmc-button img{position:relative;z-index:2}.rmc-button .rmc-label{z-index:4}.rmc-button .rmc-badge{z-index:3}
/* Administration messages: style color background, white text, no secondary attachment panel */
.rmc-box .rmc-msg.rmc-in{background:var(--rmc-color) !important;border:0 !important;color:#fff !important}
.rmc-box .rmc-msg.rmc-in .rmc-file,.rmc-box .rmc-msg.rmc-in .rmc-file-unavailable{color:#fff !important;background:transparent !important;text-decoration:underline !important;border:0 !important;padding-left:0 !important;padding-right:0 !important}
.rmc-box .rmc-msg.rmc-in .rmc-image{background:transparent !important;border:0 !important}
/* Sent files are simple underlined links */
.rmc-box .rmc-msg .rmc-file{background:transparent !important;text-decoration:underline !important}
/* Name bar slides down smoothly after saving */
.rmc-namebar{overflow:hidden;max-height:120px;opacity:1;transform:translateY(0);transition:max-height .38s ease,opacity .28s ease,transform .38s ease,padding .38s ease,border-color .38s ease}
.rmc-namebar.is-hiding{max-height:0 !important;opacity:0 !important;transform:translateY(28px) !important;padding-top:0 !important;padding-bottom:0 !important;border-top-color:transparent !important}
@media (prefers-reduced-motion:reduce){.rmc-button::before,.rmc-button::after,.rmc-namebar{animation:none !important;transition:none !important}}
.rmc-file-unavailable{cursor:default;text-decoration:underline !important;opacity:.95}


/* v0.4.29: expanded mode on mobile */
@media(max-width:600px){.rmc-box.rmc-expanded{top:8px;bottom:8px;right:8px!important;left:8px!important;height:auto!important;max-height:none!important;border-radius:18px}}
/* Targeted fixes: state-dependent window controls and online status indicator. */
.rmc-window-actions button[hidden]{display:none!important}
.rmc-head-status{display:flex;align-items:center;gap:6px}
.rmc-head-status-dot{position:relative;display:inline-block;flex:0 0 7px;width:7px;height:7px;border-radius:50%;background:#35d47a;box-shadow:0 0 0 1px rgba(53,212,122,.18)}
.rmc-head-status-dot::before,.rmc-head-status-dot::after{content:"";position:absolute;inset:-4px;border:1px solid rgba(53,212,122,.72);border-radius:50%;animation:rmc-online-wave 2s ease-out infinite}
.rmc-head-status-dot::after{animation-delay:1s}
@keyframes rmc-online-wave{0%{transform:scale(.45);opacity:.9}100%{transform:scale(2.5);opacity:0}}
@media(prefers-reduced-motion:reduce){.rmc-head-status-dot::before,.rmc-head-status-dot::after{animation:none!important}}

/* Reliable status indicator and window-control state overrides */
.rmc-root .rmc-box header .rmc-head-status{display:flex!important;align-items:center!important;gap:7px!important;white-space:normal}
.rmc-root .rmc-box header .rmc-head-status-dot{position:relative!important;display:inline-block!important;flex:0 0 7px!important;width:7px!important;height:7px!important;min-width:7px!important;border-radius:50%!important;background:#22c55e!important;opacity:1!important;box-shadow:0 0 0 2px rgba(34,197,94,.18)!important}
.rmc-root .rmc-box header .rmc-head-status-dot:before,.rmc-root .rmc-box header .rmc-head-status-dot:after{content:"";position:absolute;inset:-4px;border:1px solid rgba(34,197,94,.8);border-radius:50%;pointer-events:none;animation:rmc-online-wave 1.8s ease-out infinite}
.rmc-root .rmc-box header .rmc-head-status-dot:after{animation-delay:.9s}
@keyframes rmc-online-wave{0%{transform:scale(.45);opacity:.95}100%{transform:scale(2.7);opacity:0}}
.rmc-root .rmc-window-actions button[hidden],.rmc-root .rmc-window-actions button[style*="display: none"]{display:none!important}
.rmc-root .rmc-window-actions .rmc-expand:not([hidden]){display:flex!important}
.rmc-root .rmc-window-actions .rmc-restore[hidden],.rmc-root .rmc-window-actions .rmc-expand[hidden]{display:none!important}
@media(prefers-reduced-motion:reduce){.rmc-root .rmc-box header .rmc-head-status-dot:before,.rmc-root .rmc-box header .rmc-head-status-dot:after{animation:none!important}}

/* v0.4.30: online status indicator positioned after the status text */
.rmc-box .rmc-head-status{display:flex !important;align-items:center !important;gap:7px !important;width:max-content;max-width:100%}
.rmc-box .rmc-head-status-text{order:1}
.rmc-box .rmc-head-status-dot{order:2;position:relative;display:inline-block !important;flex:0 0 7px;width:7px;height:7px;min-width:7px;border-radius:50%;background:#22c55e !important;opacity:1 !important;margin-left:1px;box-shadow:0 0 0 2px rgba(34,197,94,.15)}
.rmc-box .rmc-head-status-dot::before,.rmc-box .rmc-head-status-dot::after{content:"";position:absolute;inset:-4px;border:1px solid rgba(34,197,94,.72);border-radius:50%;animation:rmc-online-wave 1.8s ease-out infinite}
.rmc-box .rmc-head-status-dot::after{animation-delay:.9s}
@keyframes rmc-online-wave{0%{transform:scale(.55);opacity:.85}100%{transform:scale(2.5);opacity:0}}


/* v0.4.31: force widget header title to remain white against site-wide heading rules */
html body .rmc-root .rmc-box header .rmc-head strong,
html body .rmc-root .rmc-box header strong,
.rmc-root .rmc-box header .rmc-head strong {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  opacity: 1 !important;
  mix-blend-mode: normal !important;
}

/* Message timestamp: bottom-right corner of each message bubble */
.rmc-box .rmc-msg{position:relative;padding-bottom:22px !important;}
.rmc-box .rmc-msg .rmc-msg-time{position:absolute;right:10px;bottom:5px;font-size:10px;line-height:12px;font-weight:400;opacity:.72;white-space:nowrap;pointer-events:none;}
.rmc-box .rmc-out .rmc-msg-time{color:#6b7280 !important;opacity:1;}
.rmc-box .rmc-in .rmc-msg-time{color:#ffffff !important;opacity:.95;}

/* v0.4.34: contrast-aware message text and configurable working-hours status */
.rmc-box .rmc-msg{position:relative;padding-bottom:25px}
.rmc-box .rmc-msg .rmc-sender{color:inherit !important}
.rmc-box .rmc-msg .rmc-msg-time{color:inherit !important;opacity:1 !important;background:transparent !important}
.rmc-box .rmc-head-status-dot.rmc-status-offline{background:#ef4444 !important;box-shadow:0 0 0 2px rgba(239,68,68,.14) !important}
.rmc-box .rmc-head-status-dot.rmc-status-offline::before,.rmc-box .rmc-head-status-dot.rmc-status-offline::after{border-color:rgba(239,68,68,.78) !important}

/* v0.4.35: ensure offline state overrides all green indicator rules */
.rmc-box .rmc-head-status-dot.rmc-status-offline,
.rmc-root .rmc-box header .rmc-head-status-dot.rmc-status-offline {
  background-color: #ef4444 !important;
  background: #ef4444 !important;
  box-shadow: 0 0 0 2px rgba(239,68,68,.18) !important;
}
.rmc-box .rmc-head-status-dot.rmc-status-offline::before,
.rmc-box .rmc-head-status-dot.rmc-status-offline::after,
.rmc-root .rmc-box header .rmc-head-status-dot.rmc-status-offline::before,
.rmc-root .rmc-box header .rmc-head-status-dot.rmc-status-offline::after {
  border-color: rgba(239,68,68,.8) !important;
}


/* v0.4.36: explicitly style both online/offline states */
.rmc-root .rmc-box header .rmc-head-status-dot.rmc-status-online { background:#22c55e !important; background-color:#22c55e !important; box-shadow:0 0 0 2px rgba(34,197,94,.18) !important; }
.rmc-root .rmc-box header .rmc-head-status-dot.rmc-status-online::before,
.rmc-root .rmc-box header .rmc-head-status-dot.rmc-status-online::after { border-color:rgba(34,197,94,.8) !important; }
.rmc-root .rmc-box header .rmc-head-status-dot.rmc-status-offline { background:#ef4444 !important; background-color:#ef4444 !important; box-shadow:0 0 0 2px rgba(239,68,68,.18) !important; }
.rmc-root .rmc-box header .rmc-head-status-dot.rmc-status-offline::before,
.rmc-root .rmc-box header .rmc-head-status-dot.rmc-status-offline::after { border-color:rgba(239,68,68,.8) !important; }


/* Requested message layout polish: client on the right, administration on the left. */
.rmc-box .rmc-messages{display:flex;flex-direction:column;gap:5px;padding:18px 14px;background:linear-gradient(180deg,#f8f9fc 0%,#f2f4f9 100%)}
.rmc-box .rmc-msg{position:relative;max-width:84%;width:fit-content;min-width:72px;padding:11px 13px 25px!important;border-radius:16px!important;box-shadow:0 2px 7px rgba(26,35,60,.055);line-height:1.45;overflow-wrap:anywhere}
.rmc-box .rmc-msg.rmc-in{align-self:flex-start;margin:5px auto 5px 0!important;border:1px solid #e4e8f0!important;border-bottom-left-radius:5px!important;background:#fff!important;color:#252a34!important}
.rmc-box .rmc-msg.rmc-out{align-self:flex-end;margin:5px 0 5px auto!important;border:1px solid color-mix(in srgb,var(--rmc-color) 18%,transparent)!important;border-bottom-right-radius:5px!important;background:color-mix(in srgb,var(--rmc-color) 10%,#fff)!important;color:#252a34!important}
.rmc-box .rmc-msg.rmc-in .rmc-sender{color:var(--rmc-color)!important;opacity:1;font-size:10px;letter-spacing:.15px}
.rmc-box .rmc-msg.rmc-out .rmc-sender{color:#667085!important;text-align:right;font-size:10px;opacity:1}
.rmc-box .rmc-msg.rmc-in .rmc-msg-time,.rmc-box .rmc-msg.rmc-out .rmc-msg-time{color:#8a91a0!important;font-size:10px;opacity:1!important}
.rmc-box .rmc-msg.rmc-in .rmc-file,.rmc-box .rmc-msg.rmc-in .rmc-file-unavailable{color:var(--rmc-color)!important}
.rmc-box .rmc-msg.rmc-out .rmc-file{color:var(--rmc-color)!important}
.rmc-box .rmc-msg.rmc-out .rmc-image{border-color:color-mix(in srgb,var(--rmc-color) 16%,#e7eaf0)!important}


/* v0.4.40: ensure message content is never clipped and colors follow editor settings */
.rmc-root .rmc-box{box-sizing:border-box;min-height:0}
.rmc-root .rmc-box .rmc-messages{
  flex:1 1 0!important;min-height:0!important;height:auto!important;
  overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain;
  display:flex!important;flex-direction:column!important;
}
.rmc-root .rmc-box .rmc-msg{
  flex:0 0 auto!important;height:auto!important;min-height:66px!important;
  max-height:none!important;overflow:visible!important;box-sizing:border-box!important;
  padding:11px 13px 29px!important;line-height:1.45!important;
  white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere;
}
.rmc-root .rmc-box .rmc-sender{
  display:block!important;position:relative!important;max-width:100%;
  margin:0 0 7px!important;font-family:Inter,"Segoe UI",system-ui,sans-serif!important;
  font-size:13px!important;font-weight:750!important;line-height:1.25!important;
  letter-spacing:.05px!important;white-space:normal!important;overflow-wrap:anywhere;
}
.rmc-root .rmc-box .rmc-msg.rmc-in .rmc-sender{color:var(--rmc-color)!important;text-align:left!important}
.rmc-root .rmc-box .rmc-msg.rmc-out .rmc-sender{color:#303545!important;text-align:right!important}
.rmc-root .rmc-box .rmc-msg-time{bottom:7px!important;right:10px!important;font-size:11px!important;line-height:13px!important}
.rmc-root .rmc-box .rmc-msg.rmc-out{
  background:color-mix(in srgb,var(--rmc-color) 11%,#fff)!important;
  border-color:color-mix(in srgb,var(--rmc-color) 23%,#e7eaf0)!important;color:#252a34!important;
}
.rmc-root .rmc-box .rmc-msg.rmc-out .rmc-msg-time{color:#555b6a!important}
.rmc-root .rmc-box .rmc-msg.rmc-in{background:#fff!important;color:#252a34!important}
.rmc-root .rmc-box .rmc-msg.rmc-in .rmc-msg-time{color:#737b8c!important}
.rmc-root .rmc-box header .rmc-head img{border-radius:var(--rmc-radius)!important;overflow:hidden;object-fit:cover}
.rmc-root .rmc-button{border:0!important;outline:0!important;box-shadow:0 12px 30px color-mix(in srgb,var(--rmc-color) 28%,transparent),0 3px 10px rgba(0,0,0,.14)!important}
.rmc-root .rmc-button:focus,.rmc-root .rmc-button:focus-visible{outline:none!important}
.rmc-root .rmc-button .rmc-badge{
  width:14px!important;height:14px!important;right:-7px!important;top:-7px!important;
  bottom:auto!important;border:0!important;box-sizing:border-box!important;border-radius:50%!important;
  background:#35d47a!important;z-index:5!important;
}
.rmc-root .rmc-box form .rmc-send{
  width:48px!important;min-width:48px!important;max-width:48px!important;
  height:48px!important;min-height:48px!important;max-height:48px!important;flex:0 0 48px!important;
  border:0!important;border-radius:16px!important;
  background:color-mix(in srgb,var(--rmc-color) 38%,#fff)!important;
  color:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;
  box-shadow:0 8px 20px color-mix(in srgb,var(--rmc-color) 18%,transparent)!important;
}
.rmc-root .rmc-box form .rmc-send svg{width:25px!important;height:25px!important;display:block!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.rmc-root .rmc-box form .rmc-send:hover,.rmc-root .rmc-box form .rmc-send:focus,.rmc-root .rmc-box form .rmc-send:active{
  background:color-mix(in srgb,var(--rmc-color) 38%,#fff)!important;color:#fff!important;
  box-shadow:0 8px 20px color-mix(in srgb,var(--rmc-color) 18%,transparent)!important;transform:none!important;outline:none!important;
}
.rmc-root .rmc-box form{flex:0 0 auto!important}
.rmc-root .rmc-box .rmc-namebar{flex:0 0 auto!important}
@media(max-width:600px){
 .rmc-root .rmc-box .rmc-messages{min-height:0!important}
 .rmc-root .rmc-box .rmc-msg{max-width:90%!important}
 .rmc-root .rmc-box form .rmc-send{width:44px!important;height:44px!important;min-width:44px!important;max-width:44px!important;min-height:44px!important;max-height:44px!important;flex-basis:44px!important}
}


/* v0.4.41: tie client bubbles and all composer buttons to the editor gradient. */
.rmc-root .rmc-button .rmc-badge{
  width:24px!important;height:24px!important;right:-12px!important;top:-12px!important;
  bottom:auto!important;border:4px solid #fff!important;box-sizing:border-box!important;
  border-radius:50%!important;background:#22c55e!important;z-index:10!important;
  box-shadow:0 1px 4px rgba(0,0,0,.12)!important;
}
.rmc-root .rmc-box .rmc-msg.rmc-out{
  background:linear-gradient(135deg,var(--rmc-color) 0%,var(--rmc-color) 45%,var(--rmc-color2) 100%)!important;
  border:1px solid color-mix(in srgb,var(--rmc-color) 45%,transparent)!important;
}
.rmc-root .rmc-box form .rmc-send,
.rmc-root .rmc-box form .rmc-attach,
.rmc-root .rmc-box .rmc-name-save{
  background:var(--rmc-button-bg)!important;
  border:1px solid color-mix(in srgb,var(--rmc-color) 24%,transparent)!important;
  color:var(--rmc-control-foreground,#fff)!important;
  box-shadow:0 7px 18px color-mix(in srgb,var(--rmc-color) 20%,transparent)!important;
  transition:filter .15s ease,box-shadow .15s ease!important;
}
.rmc-root .rmc-box form .rmc-attach{
  width:48px!important;min-width:48px!important;max-width:48px!important;flex:0 0 48px!important;
  height:48px!important;min-height:48px!important;border-radius:16px!important;padding:0!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
}
.rmc-root .rmc-box form .rmc-attach svg{width:24px!important;height:24px!important;stroke:currentColor!important}
.rmc-root .rmc-box form .rmc-send:hover,
.rmc-root .rmc-box form .rmc-attach:hover,
.rmc-root .rmc-box .rmc-name-save:hover{filter:brightness(1.06)!important;transform:none!important}
.rmc-root .rmc-box form .rmc-send:focus-visible,
.rmc-root .rmc-box form .rmc-attach:focus-visible,
.rmc-root .rmc-box .rmc-name-save:focus-visible{outline:2px solid color-mix(in srgb,var(--rmc-color) 55%,white)!important;outline-offset:2px!important}
.rmc-root .rmc-box .rmc-msg.rmc-out .rmc-sender,
.rmc-root .rmc-box .rmc-msg.rmc-out .rmc-msg-time{color:var(--rmc-message-foreground,#fff)!important}
.rmc-root .rmc-box .rmc-msg.rmc-out .rmc-file{color:inherit!important}
@media(max-width:600px){
 .rmc-root .rmc-box form .rmc-attach{width:44px!important;min-width:44px!important;max-width:44px!important;flex-basis:44px!important;height:44px!important;min-height:44px!important;border-radius:14px!important}
}


/* v0.4.42: consistent composer sizing, neutral hover and disabled opacity. */
.rmc-root .rmc-box form {
  align-items: center !important;
}
.rmc-root .rmc-box form .rmc-text-input,
.rmc-root .rmc-box form .rmc-send,
.rmc-root .rmc-box form .rmc-attach {
  height: 40px !important;
  min-height: 40px !important;
  max-height: 40px !important;
  box-sizing: border-box !important;
  align-self: center !important;
}
.rmc-root .rmc-box form .rmc-text-input {
  font-size: 16px !important;
}
.rmc-root .rmc-box form .rmc-text-input::placeholder {
  font-size: 16px !important;
}
.rmc-root .rmc-box form .rmc-send,
.rmc-root .rmc-box form .rmc-attach {
  width: 40px !important;
  min-width: 40px !important;
  max-width: 40px !important;
  flex: 0 0 40px !important;
  margin: 0 !important;
  transition: transform .18s ease, box-shadow .18s ease !important;
  filter: none !important;
}
.rmc-root .rmc-box form .rmc-send:hover,
.rmc-root .rmc-box form .rmc-send:focus,
.rmc-root .rmc-box form .rmc-send:focus-visible,
.rmc-root .rmc-box form .rmc-attach:hover,
.rmc-root .rmc-box form .rmc-attach:focus,
.rmc-root .rmc-box form .rmc-attach:focus-visible {
  background: var(--rmc-button-bg) !important;
  color: var(--rmc-control-foreground, #fff) !important;
  border: 1px solid color-mix(in srgb, var(--rmc-color) 24%, transparent) !important;
  filter: none !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 7px 18px color-mix(in srgb, var(--rmc-color) 20%, transparent) !important;
  outline: none !important;
}
.rmc-root .rmc-box form .rmc-send:active,
.rmc-root .rmc-box form .rmc-attach:active {
  transform: translateY(0) !important;
}
.rmc-root .rmc-box form .rmc-send:disabled,
.rmc-root .rmc-box form .rmc-attach:disabled {
  opacity: .45 !important;
  cursor: not-allowed !important;
}
@media (max-width: 600px) {
  .rmc-root .rmc-box form .rmc-send,
  .rmc-root .rmc-box form .rmc-attach {
    width: 40px !important;
    min-width: 40px !important;
    max-width: 40px !important;
    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;
    flex-basis: 40px !important;
  }
}

/* v0.4.43: match the requested composer reference: soft input, rounded-square controls and compact icons. */
.rmc-root .rmc-box form {
  align-items: center !important;
  gap: 8px !important;
}
.rmc-root .rmc-box form .rmc-text-input {
  height: 48px !important;
  min-height: 48px !important;
  max-height: 48px !important;
  box-sizing: border-box !important;
  border: 1px solid #e2e6f0 !important;
  border-radius: 22px !important;
  background: #f4f5fa !important;
  color: #454b59 !important;
  padding: 0 16px !important;
  font-family: Inter, Arial, sans-serif !important;
  font-size: 16px !important;
  line-height: 1.3 !important;
}
.rmc-root .rmc-box form .rmc-text-input::placeholder {
  color: #8b919e !important;
  opacity: 1 !important;
  font-family: Inter, Arial, sans-serif !important;
  font-size: 16px !important;
}
.rmc-root .rmc-box form .rmc-send,
.rmc-root .rmc-box form .rmc-attach {
  width: 48px !important;
  min-width: 48px !important;
  max-width: 48px !important;
  height: 48px !important;
  min-height: 48px !important;
  max-height: 48px !important;
  flex: 0 0 48px !important;
  align-self: center !important;
  box-sizing: border-box !important;
  border-radius: 20px !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: var(--rmc-button-bg) !important;
  color: var(--rmc-control-foreground, #fff) !important;
  border: 1px solid color-mix(in srgb, var(--rmc-color) 24%, transparent) !important;
  box-shadow: 0 7px 18px color-mix(in srgb, var(--rmc-color) 20%, transparent) !important;
  filter: none !important;
  transition: transform .18s ease, box-shadow .18s ease !important;
}
.rmc-root .rmc-box form .rmc-send svg {
  width: 22px !important;
  height: 22px !important;
  display: block !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.8 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}
.rmc-root .rmc-box form .rmc-attach svg {
  width: 20px !important;
  height: 20px !important;
  display: block !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.8 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
  opacity: 1 !important;
}
/* Hover keeps the editor-selected color and only lifts the control gently. */
.rmc-root .rmc-box form .rmc-send:hover,
.rmc-root .rmc-box form .rmc-send:focus-visible,
.rmc-root .rmc-box form .rmc-attach:hover,
.rmc-root .rmc-box form .rmc-attach:focus-visible {
  background: var(--rmc-button-bg) !important;
  color: var(--rmc-control-foreground, #fff) !important;
  filter: none !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 9px 20px color-mix(in srgb, var(--rmc-color) 24%, transparent) !important;
  outline: none !important;
}
.rmc-root .rmc-box form .rmc-send:active,
.rmc-root .rmc-box form .rmc-attach:active {
  transform: translateY(0) !important;
}
.rmc-root .rmc-box form .rmc-send:disabled,
.rmc-root .rmc-box form .rmc-attach:disabled {
  opacity: .45 !important;
  cursor: not-allowed !important;
}
@media (max-width: 600px) {
  .rmc-root .rmc-box form .rmc-text-input {
    font-size: 16px !important;
  }
  .rmc-root .rmc-box form .rmc-send,
  .rmc-root .rmc-box form .rmc-attach {
    width: 48px !important;
    min-width: 48px !important;
    max-width: 48px !important;
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
    flex-basis: 48px !important;
    border-radius: 20px !important;
  }
}

/* v0.4.44: pixel-match the provided composer reference. Keep compact controls, not pill/circle buttons. */
.rmc-root .rmc-box form {
  gap: 8px !important;
  align-items: center !important;
}
.rmc-root .rmc-box form .rmc-text-input {
  height: 42px !important;
  min-height: 42px !important;
  max-height: 42px !important;
  border-radius: 12px !important;
  padding: 0 14px !important;
  font-family: Inter, Arial, sans-serif !important;
  font-size: 14px !important;
  line-height: 1.3 !important;
}
.rmc-root .rmc-box form .rmc-text-input::placeholder {
  font-family: Inter, Arial, sans-serif !important;
  font-size: 14px !important;
  color: #8b919e !important;
  opacity: 1 !important;
}
.rmc-root .rmc-box form .rmc-send,
.rmc-root .rmc-box form .rmc-attach {
  width: 44px !important;
  min-width: 44px !important;
  max-width: 44px !important;
  height: 44px !important;
  min-height: 44px !important;
  max-height: 44px !important;
  flex: 0 0 44px !important;
  border-radius: 12px !important;
  padding: 0 !important;
  margin: 0 !important;
  filter: none !important;
  transition: transform .18s ease, box-shadow .18s ease !important;
}
.rmc-root .rmc-box form .rmc-send svg {
  width: 19px !important;
  height: 19px !important;
  stroke-width: 1.8 !important;
}
.rmc-root .rmc-box form .rmc-attach svg {
  width: 18px !important;
  height: 18px !important;
  stroke-width: 1.8 !important;
}
.rmc-root .rmc-box form .rmc-send:hover,
.rmc-root .rmc-box form .rmc-send:focus-visible,
.rmc-root .rmc-box form .rmc-attach:hover,
.rmc-root .rmc-box form .rmc-attach:focus-visible {
  background: var(--rmc-button-bg) !important;
  color: var(--rmc-control-foreground, #fff) !important;
  filter: none !important;
  transform: translateY(-2px) !important;
}
.rmc-root .rmc-box form .rmc-send:disabled,
.rmc-root .rmc-box form .rmc-attach:disabled {
  opacity: .45 !important;
}
@media (max-width: 600px) {
  .rmc-root .rmc-box form .rmc-text-input {
    height: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
    font-size: 14px !important;
  }
  .rmc-root .rmc-box form .rmc-send,
  .rmc-root .rmc-box form .rmc-attach {
    width: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    flex-basis: 44px !important;
    border-radius: 12px !important;
  }
}

/* Image crop frames configured in the widget editor */
.rmc-head-image-frame{width:40px;height:40px;flex:0 0 40px;display:block;overflow:hidden;border-radius:12px;background:#fff}
.rmc-head-image-frame img{width:100%!important;height:100%!important;display:block;object-fit:cover;flex:none}
.rmc-button-icon-frame{position:absolute;inset:0;display:block;overflow:hidden;border-radius:var(--rmc-radius);z-index:2}
.rmc-button-icon-frame img{display:block;width:100%;height:100%;object-fit:cover}


/* v0.4.42: place the online badge at the lower-right edge of the launcher icon. */
.rmc-root .rmc-button .rmc-badge{right:-4px!important;left:auto!important;top:auto!important;bottom:-4px!important;width:22px!important;height:22px!important;border:4px solid #fff!important;box-sizing:border-box!important;border-radius:50%!important;background:#22c55e!important;z-index:10!important}
/* Message times are intentionally hidden in the live widget. */
.rmc-root .rmc-box .rmc-msg-time{display:none!important}

/* v0.4.46: compact client bubbles, hide the name prompt label, and prevent focus from pinning hover lift. */
.rmc-root .rmc-box .rmc-namebar-title{display:none!important}
.rmc-root .rmc-box .rmc-msg{padding:11px 13px!important}
.rmc-root .rmc-box .rmc-msg.rmc-out .rmc-sender{display:none!important}
.rmc-root .rmc-button .rmc-badge{width:17px!important;height:17px!important;border-width:3px!important;right:-3px!important;bottom:-3px!important}
.rmc-root .rmc-box form .rmc-send:focus,
.rmc-root .rmc-box form .rmc-attach:focus{transform:translateY(0)!important;box-shadow:none!important}
.rmc-root .rmc-box form .rmc-send:hover,
.rmc-root .rmc-box form .rmc-attach:hover{transform:translateY(-2px)!important}
.rmc-root .rmc-box form .rmc-send:active,
.rmc-root .rmc-box form .rmc-attach:active{transform:translateY(0)!important}

/* v0.4.47: visitor messages contain only text; remove legacy name-field spacing. */
.rmc-root .rmc-box .rmc-namebar{display:none!important}
.rmc-root .rmc-box .rmc-msg.rmc-out{padding:10px 12px!important;min-height:0!important;padding-bottom:10px!important}
.rmc-root .rmc-box .rmc-msg.rmc-out .rmc-sender{display:none!important;margin:0!important;padding:0!important}

/* Show the header avatar beside every administration message. */
.rmc-root .rmc-box .rmc-msg.rmc-in{margin-left:34px!important;position:relative!important;}
.rmc-root .rmc-box .rmc-msg.rmc-in .rmc-admin-avatar{position:absolute!important;display:block!important;width:25px!important;height:25px!important;left:-32px!important;top:0!important;border-radius:var(--rmc-avatar-radius,0px)!important;object-fit:cover!important;object-position:center!important;border:1px solid var(--rmc-color,#471AFF)!important;box-shadow:0 2px 6px rgba(30,35,60,.12)!important;background:#fff!important;}

/* v0.4.48: place the admin avatar at the lower-left of the admin bubble and soften composer controls. */
.rmc-root .rmc-box .rmc-msg.rmc-in .rmc-admin-avatar{left:-32px!important;top:auto!important;bottom:0!important;}
.rmc-root .rmc-box form .rmc-send,
.rmc-root .rmc-box form .rmc-attach{opacity:1!important;}
.rmc-root .rmc-box form .rmc-send:hover,
.rmc-root .rmc-box form .rmc-attach:hover{opacity:1!important;}


/* v0.4.49: restore full-opacity composer controls and honor editor radius on mobile. */
.rmc-root .rmc-box form .rmc-send,
.rmc-root .rmc-box form .rmc-attach,
.rmc-root .rmc-box form .rmc-send:hover,
.rmc-root .rmc-box form .rmc-attach:hover,
.rmc-root .rmc-box form .rmc-send:focus,
.rmc-root .rmc-box form .rmc-attach:focus,
.rmc-root .rmc-box form .rmc-send:active,
.rmc-root .rmc-box form .rmc-attach:active {
  opacity: 1 !important;
}
.rmc-root .rmc-box.is-open,
.rmc-root .rmc-box.rmc-expanded {
  border-radius: var(--rmc-radius, 22px) !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}
@media (max-width: 600px) {
  .rmc-root .rmc-box {
    width: auto !important;
    max-width: none !important;
    box-sizing: border-box !important;
    border-radius: var(--rmc-radius, 22px) !important;
    overflow: hidden !important;
  }
  .rmc-root .rmc-box.rmc-expanded {
    top: 8px !important;
    right: 8px !important;
    bottom: 8px !important;
    left: 8px !important;
    width: auto !important;
    height: auto !important;
    max-height: none !important;
    border-radius: var(--rmc-radius, 22px) !important;
  }
}

/* v0.4.50: keep the launcher itself circular on mobile when the editor uses a circular icon. */
.rmc-root .rmc-button-icon-frame{box-sizing:border-box;overflow:hidden!important;}
.rmc-root .rmc-button-icon-frame img.rmc-button-icon{display:block;max-width:none;}
@media(max-width:600px){
  .rmc-root .rmc-button{box-sizing:border-box!important;overflow:hidden!important;}
  .rmc-root .rmc-button:has(.rmc-button-icon-frame[style*="50%"]){border-radius:50%!important;}
  .rmc-root .rmc-button-icon-frame[style*="50%"]{border-radius:50%!important;}
}

/* v0.4.52: keep launcher pulse and inset the green online badge slightly inside the bottom-right edge. */
.rmc-root .rmc-button{overflow:visible!important;isolation:isolate!important;}
.rmc-root .rmc-button::before,
.rmc-root .rmc-button::after{display:block!important;pointer-events:none!important;}
.rmc-root .rmc-button .rmc-button-icon-frame{z-index:2!important;}
.rmc-root .rmc-button .rmc-badge{position:absolute!important;top:auto!important;right:-5px!important;bottom:4px!important;left:auto!important;z-index:20!important;display:block!important;border-radius:50%!important;background:#22c55e!important;}
@media(max-width:600px){
  .rmc-root .rmc-button{overflow:visible!important;}
  .rmc-root .rmc-button .rmc-badge{top:auto!important;right:0!important;bottom:0!important;z-index:20!important;}
  .rmc-root .rmc-button::before,.rmc-root .rmc-button::after{animation-play-state:running!important;}
}


/* v0.4.54: enforce editor-selected image shape and remove the white avatar tile on the live website widget. */
.rmc-root .rmc-box header .rmc-head-image-frame{
  display:block!important; flex:0 0 40px!important; width:40px!important; height:40px!important;
  box-sizing:border-box!important; overflow:hidden!important; background:transparent!important;
  border-color:var(--rmc-color,#471AFF)!important;
}
.rmc-root .rmc-box header .rmc-head-image-frame img{
  display:block!important; width:100%!important; height:100%!important;
  padding:0!important; margin:0!important; background:transparent!important;
  object-fit:cover!important; box-shadow:none!important;
}
.rmc-root .rmc-box .rmc-msg.rmc-in .rmc-admin-avatar{
  background:transparent!important; box-shadow:none!important; border-radius:var(--rmc-avatar-radius,0px)!important;
}

.rmc-root .rmc-box .rmc-msg.rmc-in .rmc-admin-avatar{border:0!important;box-shadow:none!important;background:transparent!important;}