/* V38.18 — mobile-only chat anchoring + Zalo-like message status placement */
@media (max-width:767px){
  /* The status is a sibling of the bubble wrapper. Force it below the bubble
     regardless of any legacy flex/position rules loaded earlier. */
  #chatMainContainer.mobile-active .msg-row.me{
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-end !important;
  }
  #chatMainContainer.mobile-active .msg-row.me > .msg-bubble-wrapper{
    order:1 !important;
    position:relative !important;
    display:flex !important;
    width:auto !important;
  }
  #chatMainContainer.mobile-active .msg-row.me > .msg-status-button{
    order:2 !important;
    position:static !important;
    inset:auto !important;
    float:none !important;
    transform:none !important;
    align-self:flex-end !important;
    display:flex !important;
    width:auto !important;
    height:auto !important;
    min-height:0 !important;
    margin:2px 2px 0 0 !important;
    padding:0 2px !important;
    line-height:1.15 !important;
    white-space:nowrap !important;
    z-index:auto !important;
  }
}