.mlc-header-actions .mlc-close{display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:10px;background:rgba(255,255,255,.13);color:#fff;font-size:28px;line-height:1;cursor:pointer;text-decoration:none;user-select:none;-webkit-tap-highlight-color:transparent}.mlc-header-actions .mlc-close:hover{background:rgba(255,255,255,.25)}

/* Keep customer and support messages unmistakably separated, even when a theme
   overrides generic flex alignment or background rules. */
.mlc-chat .mlc-messages>.mlc-bubble.mlc-visitor{
  align-self:flex-start!important;
  margin-left:auto!important;
  margin-right:0!important;
  background:var(--mlc-accent)!important;
  color:#fff!important;
  border:0!important;
  border-radius:17px 17px 5px 17px!important;
}
.mlc-chat .mlc-messages>.mlc-bubble.mlc-operator{
  align-self:flex-end!important;
  margin-left:0!important;
  margin-right:auto!important;
  background:#fff4cf!important;
  color:#20242b!important;
  border:1px solid #efd98d!important;
  border-radius:17px 17px 17px 5px!important;
}
.mlc-chat .mlc-messages>.mlc-bubble.mlc-visitor:before,
.mlc-chat .mlc-messages>.mlc-bubble.mlc-operator:before{
  display:block;
  margin-bottom:3px;
  font-size:9px;
  font-weight:700;
  opacity:.72;
}
.mlc-chat .mlc-messages>.mlc-bubble.mlc-visitor:before{content:'شما'}
.mlc-chat .mlc-messages>.mlc-bubble.mlc-operator:before{content:'پشتیبان'}