.oc-auto{
  width:min(340px,100%);
  box-sizing:border-box;
  background:transparent;
  border:none;
  border-radius:0;
  padding:0;
  font-family:Inter,system-ui,sans-serif;
}
.oc-auto-note{
  margin:0 0 6px;
  font-size:11px;
  font-style:italic;
  color:rgba(255,255,255,.38);
  line-height:1.35;
}
.oc-auto-h{
  margin:0 0 8px;
  font-size:13px;
  font-weight:700;
  color:#f0f0f8;
}
.oc-auto-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  margin:0 0 10px;
}
.oc-auto-item{
  min-width:0;
  flex:1;
  font-size:12.5px;
  color:#e4e4ec;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.oc-auto-actions{
  display:flex;
  align-items:center;
  gap:5px;
  flex-shrink:0;
}
.oc-auto-chip,
.oc-auto-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:4px 8px;
  border-radius:6px;
  font-size:10.5px;
  font-weight:600;
  line-height:1.2;
  white-space:nowrap;
  text-decoration:none;
  border:1px solid rgba(255,255,255,.16);
  color:#d8d8e2;
  background:transparent;
}
.oc-auto-chip{
  border-color:rgba(148,163,184,.4);
  color:#cbd5e1;
}
.oc-auto-btn--sale{
  border-color:rgba(163,184,150,.45);
  color:#c5d4bc;
}
.oc-auto-ship{
  margin:0 0 10px;
  font-size:12px;
  color:rgba(255,255,255,.48);
}
.oc-auto-body{
  margin:0;
  padding:10px 11px;
  border-radius:10px;
  background:#23232c;
  font-size:13px;
  line-height:1.55;
  color:#e8e8ee;
  font-weight:400;
}

#messagesOffcanvas .msg-sh-msg,
.wa-msg{
  width:100%;
  display:flex;
}
#messagesOffcanvas .msg-sh-bubble,
.wa-bubble{
  width:fit-content;
  max-width:min(340px,86%);
  display:flex;
  flex-direction:column;
  box-sizing:border-box;
}
#messagesOffcanvas .msg-sh-msg-text,
.wa-msg-text{
  min-width:0;
}
#messagesOffcanvas .msg-sh-msg:not(.sys) .msg-sh-bubble,
.wa-msg:not(.sys) .wa-bubble{
  min-width:72px;
  overflow:visible;
  padding:8px 12px 6px;
}
#messagesOffcanvas .msg-sh-msg-meta,
.wa-msg-meta{
  position:static !important;
  right:auto;
  bottom:auto;
  float:none !important;
  clear:none !important;
  margin:3px 0 0 !important;
  align-self:flex-end;
  width:auto;
}
#messagesOffcanvas .msg-sh-msg.sys .msg-sh-msg-meta,
.wa-msg.sys .wa-msg-meta{
  position:absolute !important;
  right:8px;
  bottom:4px;
  margin:0 !important;
}

#messagesOffcanvas .msg-sh-msg.sys .msg-sh-bubble,
.wa-msg.sys .wa-bubble{
  background:#1a1a22 !important;
  border:1px solid rgba(255,255,255,.07) !important;
  box-shadow:none !important;
  padding:10px 12px 18px !important;
  max-width:min(340px,86%);
  overflow:hidden;
  position:relative;
}
#messagesOffcanvas .msg-sh-msg.sys .msg-sh-msg-text,
.wa-msg.sys .wa-msg-text{
  width:fit-content;
  max-width:100%;
  font-size:inherit;
  line-height:inherit;
}