/* OK Safe Space v71: Free chat base/mobile QA CSS module.
   Split from chat-mobile-qa.css v70.
   Load order: after styles.css and before chat-rtl.css.
   Scope: Free chat modal QA fixes; no Firebase/auth/rules/data change.

   Note: this first modular pass keeps the v65-v67 QA history together
   to preserve cascade order. A later pass can split this further into
   chat-controls.css and chat-messages.css after visual regression. */

/* v65: mobile Free chat tuning after phone QA.
   Scope:
   - keep one localized private-chat hint by using #chatPrivateHint and suppressing legacy CSS pseudo hints
   - non-Arabic send button becomes cream with dark text
   - Arabic mobile messages from other people align left while self messages remain unchanged
   This does not change Firebase, auth, room capacity, data structure, or Firestore rules. */
#chatModal[data-chat-ui-version="phase2-step4-v61"] .chat-modal-titleline::after,
html #chatModal[data-chat-ui-version="phase2-step4-v61"] .chat-modal-titleline::after,
html[lang] #chatModal[data-chat-ui-version="phase2-step4-v61"] .chat-modal-titleline::after,
html[dir] #chatModal[data-chat-ui-version="phase2-step4-v61"] .chat-modal-titleline::after,
body[dir] #chatModal[data-chat-ui-version="phase2-step4-v61"] .chat-modal-titleline::after,
body.is-rtl #chatModal[data-chat-ui-version="phase2-step4-v61"] .chat-modal-titleline::after,
body.is-chat-rtl #chatModal[data-chat-ui-version="phase2-step4-v61"] .chat-modal-titleline::after,
body.is-arabic-mobile-chat-fix #chatModal[data-chat-ui-version="phase2-step4-v61"] .chat-modal-titleline::after{
  content:none !important;
  display:none !important;
}
#chatModal[data-chat-ui-version="phase2-step4-v61"] #chatPrivateHint{
  display:block !important;
}
html[lang="ar"] #chatModal[data-chat-ui-version="phase2-step4-v61"] #chatPrivateHint,
html[dir="rtl"] #chatModal[data-chat-ui-version="phase2-step4-v61"] #chatPrivateHint,
body[dir="rtl"] #chatModal[data-chat-ui-version="phase2-step4-v61"] #chatPrivateHint,
body.is-rtl #chatModal[data-chat-ui-version="phase2-step4-v61"] #chatPrivateHint,
body.is-chat-rtl #chatModal[data-chat-ui-version="phase2-step4-v61"] #chatPrivateHint,
body.is-arabic-mobile-chat-fix #chatModal[data-chat-ui-version="phase2-step4-v61"] #chatPrivateHint{
  display:block !important;
  text-align:right !important;
  direction:rtl !important;
  unicode-bidi:plaintext !important;
  letter-spacing:0 !important;
}

html:not([lang="ar"]) #chatModal #sendChatMessageBtn.chat-send-primary,
html:not([lang="ar"]) #chatModal #sendChatMessageBtn.chat-send-primary:hover,
html:not([lang="ar"]) #chatModal #sendChatMessageBtn.chat-send-primary:focus,
html:not([lang="ar"]) #chatModal #sendChatMessageBtn.chat-send-primary:active,
html:not([lang="ar"]) #chatModal button#sendChatMessageBtn.btn.primary.chat-send-primary,
html:not([lang="ar"]) #chatModal button#sendChatMessageBtn.btn.primary.chat-send-primary:hover,
html:not([lang="ar"]) #chatModal button#sendChatMessageBtn.btn.primary.chat-send-primary:focus,
html:not([lang="ar"]) #chatModal button#sendChatMessageBtn.btn.primary.chat-send-primary:active{
  background:#fff7d7 !important;
  background-color:#fff7d7 !important;
  background-image:none !important;
  color:#111111 !important;
  border-color:rgba(255,247,215,.90) !important;
  box-shadow:0 8px 18px rgba(0,0,0,.14) !important;
  text-shadow:none !important;
}
html:not([lang="ar"]) #chatModal #sendChatMessageBtn.chat-send-primary:disabled{
  color:rgba(17,17,17,.55) !important;
  background:#fff7d7 !important;
  background-color:#fff7d7 !important;
  opacity:.72 !important;
}

@media (max-width:760px){
  html[lang="ar"] #chatModal .ar-mobile-chat-row[data-chat-owner="other"],
  body.is-chat-rtl #chatModal .ar-mobile-chat-row[data-chat-owner="other"],
  body.is-arabic-mobile-chat-fix #chatModal .ar-mobile-chat-row[data-chat-owner="other"]{
    direction:ltr !important;
    text-align:left !important;
  }

  html[lang="ar"] #chatModal .ar-mobile-chat-row[data-chat-owner="other"] .ar-mobile-chat-card,
  body.is-chat-rtl #chatModal .ar-mobile-chat-row[data-chat-owner="other"] .ar-mobile-chat-card,
  body.is-arabic-mobile-chat-fix #chatModal .ar-mobile-chat-row[data-chat-owner="other"] .ar-mobile-chat-card,
  html[lang="ar"] #chatModal .ar-mobile-chat-card.is-other,
  body.is-chat-rtl #chatModal .ar-mobile-chat-card.is-other,
  body.is-arabic-mobile-chat-fix #chatModal .ar-mobile-chat-card.is-other{
    margin-left:0 !important;
    margin-right:auto !important;
    margin-inline-start:0 !important;
    margin-inline-end:auto !important;
    align-items:flex-start !important;
    text-align:left !important;
    direction:ltr !important;
  }

  html[lang="ar"] #chatModal .ar-mobile-chat-row[data-chat-owner="other"] .ar-mobile-chat-meta,
  body.is-chat-rtl #chatModal .ar-mobile-chat-row[data-chat-owner="other"] .ar-mobile-chat-meta,
  body.is-arabic-mobile-chat-fix #chatModal .ar-mobile-chat-row[data-chat-owner="other"] .ar-mobile-chat-meta,
  html[lang="ar"] #chatModal .ar-mobile-chat-meta.is-other,
  body.is-chat-rtl #chatModal .ar-mobile-chat-meta.is-other,
  body.is-arabic-mobile-chat-fix #chatModal .ar-mobile-chat-meta.is-other{
    justify-content:flex-start !important;
    text-align:left !important;
    direction:ltr !important;
  }

  html[lang="ar"] #chatModal .ar-mobile-chat-row[data-chat-owner="other"] .ar-mobile-chat-name,
  html[lang="ar"] #chatModal .ar-mobile-chat-row[data-chat-owner="other"] .ar-mobile-chat-time,
  body.is-chat-rtl #chatModal .ar-mobile-chat-row[data-chat-owner="other"] .ar-mobile-chat-name,
  body.is-chat-rtl #chatModal .ar-mobile-chat-row[data-chat-owner="other"] .ar-mobile-chat-time,
  body.is-arabic-mobile-chat-fix #chatModal .ar-mobile-chat-row[data-chat-owner="other"] .ar-mobile-chat-name,
  body.is-arabic-mobile-chat-fix #chatModal .ar-mobile-chat-row[data-chat-owner="other"] .ar-mobile-chat-time{
    margin-left:0 !important;
    margin-right:0 !important;
    margin-inline-start:0 !important;
    margin-inline-end:0 !important;
    text-align:left !important;
  }

  html[lang="ar"] #chatModal .ar-mobile-chat-row[data-chat-owner="other"] .ar-mobile-chat-text,
  body.is-chat-rtl #chatModal .ar-mobile-chat-row[data-chat-owner="other"] .ar-mobile-chat-text,
  body.is-arabic-mobile-chat-fix #chatModal .ar-mobile-chat-row[data-chat-owner="other"] .ar-mobile-chat-text,
  html[lang="ar"] #chatModal .ar-mobile-chat-card.is-other .ar-mobile-chat-text,
  body.is-chat-rtl #chatModal .ar-mobile-chat-card.is-other .ar-mobile-chat-text,
  body.is-arabic-mobile-chat-fix #chatModal .ar-mobile-chat-card.is-other .ar-mobile-chat-text{
    margin-left:0 !important;
    margin-right:auto !important;
    margin-inline-start:0 !important;
    margin-inline-end:auto !important;
    align-self:flex-start !important;
    text-align:left !important;
  }
}

/* v66: visible mobile chat QA hotfix.
   Narrow final override for Free chat mobile QA after v65 did not visibly change on phone. */
#chatModal.chat-mobile-qa-v66 .chat-modal-titleline::before,
#chatModal.chat-mobile-qa-v66 .chat-modal-titleline::after,
#chatModal.chat-mobile-qa-v66 .chat-room-copy::before,
#chatModal.chat-mobile-qa-v66 .chat-room-copy::after,
#chatModal.chat-mobile-qa-v66 #chatPrivateHint::before,
#chatModal.chat-mobile-qa-v66 #chatPrivateHint::after,
html[lang] #chatModal.chat-mobile-qa-v66 .chat-modal-titleline::before,
html[lang] #chatModal.chat-mobile-qa-v66 .chat-modal-titleline::after,
html[dir] #chatModal.chat-mobile-qa-v66 .chat-modal-titleline::before,
html[dir] #chatModal.chat-mobile-qa-v66 .chat-modal-titleline::after,
body[dir] #chatModal.chat-mobile-qa-v66 .chat-modal-titleline::before,
body[dir] #chatModal.chat-mobile-qa-v66 .chat-modal-titleline::after,
body.is-rtl #chatModal.chat-mobile-qa-v66 .chat-modal-titleline::before,
body.is-rtl #chatModal.chat-mobile-qa-v66 .chat-modal-titleline::after,
body.is-chat-rtl #chatModal.chat-mobile-qa-v66 .chat-modal-titleline::before,
body.is-chat-rtl #chatModal.chat-mobile-qa-v66 .chat-modal-titleline::after,
body.is-arabic-mobile-chat-fix #chatModal.chat-mobile-qa-v66 .chat-modal-titleline::before,
body.is-arabic-mobile-chat-fix #chatModal.chat-mobile-qa-v66 .chat-modal-titleline::after{
  content:"" !important;
  display:none !important;
  visibility:hidden !important;
  width:0 !important;
  height:0 !important;
  margin:0 !important;
  padding:0 !important;
}

#chatModal.chat-mobile-qa-v66 #chatPrivateHint{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
}
html[lang="ar"] #chatModal.chat-mobile-qa-v66 #chatPrivateHint,
html[dir="rtl"] #chatModal.chat-mobile-qa-v66 #chatPrivateHint,
body[dir="rtl"] #chatModal.chat-mobile-qa-v66 #chatPrivateHint,
body.is-rtl #chatModal.chat-mobile-qa-v66 #chatPrivateHint,
body.is-chat-rtl #chatModal.chat-mobile-qa-v66 #chatPrivateHint,
body.is-arabic-mobile-chat-fix #chatModal.chat-mobile-qa-v66 #chatPrivateHint{
  display:block !important;
  text-align:right !important;
  direction:rtl !important;
  unicode-bidi:plaintext !important;
  letter-spacing:0 !important;
}

html:not([lang="ar"]) #chatModal.chat-mobile-qa-v66 #sendChatMessageBtn,
html:not([lang="ar"]) #chatModal.chat-mobile-qa-v66 button#sendChatMessageBtn,
html:not([lang="ar"]) #chatModal.chat-mobile-qa-v66 .chat-modal-actions #sendChatMessageBtn,
html:not([lang="ar"]) #chatModal.chat-mobile-qa-v66 #sendChatMessageBtn.chat-send-primary,
html:not([lang="ar"]) #chatModal.chat-mobile-qa-v66 button#sendChatMessageBtn.btn.primary.chat-send-primary,
html:not([lang="ar"]) #chatModal.chat-mobile-qa-v66 #sendChatMessageBtn:hover,
html:not([lang="ar"]) #chatModal.chat-mobile-qa-v66 #sendChatMessageBtn:focus,
html:not([lang="ar"]) #chatModal.chat-mobile-qa-v66 #sendChatMessageBtn:active{
  background:#fff7d7 !important;
  background-color:#fff7d7 !important;
  background-image:none !important;
  color:#111111 !important;
  border-color:rgba(255,247,215,.95) !important;
  box-shadow:0 8px 18px rgba(0,0,0,.14) !important;
  text-shadow:none !important;
  -webkit-text-fill-color:#111111 !important;
}
html:not([lang="ar"]) #chatModal.chat-mobile-qa-v66 #sendChatMessageBtn:disabled{
  background:#fff7d7 !important;
  background-color:#fff7d7 !important;
  color:rgba(17,17,17,.55) !important;
  -webkit-text-fill-color:rgba(17,17,17,.55) !important;
  opacity:.72 !important;
}

@media (max-width:760px){
  html[lang="ar"] #chatModal.chat-mobile-qa-v66 .chat-message-list .chat-bubble.is-other,
  html[lang="ar"] #chatModal.chat-mobile-qa-v66 .chat-message-list .ar-mobile-chat-row.is-other,
  html[lang="ar"] #chatModal.chat-mobile-qa-v66 .chat-message-list .ar-mobile-chat-row[data-chat-owner="other"],
  body.is-chat-rtl #chatModal.chat-mobile-qa-v66 .chat-message-list .chat-bubble.is-other,
  body.is-chat-rtl #chatModal.chat-mobile-qa-v66 .chat-message-list .ar-mobile-chat-row.is-other,
  body.is-chat-rtl #chatModal.chat-mobile-qa-v66 .chat-message-list .ar-mobile-chat-row[data-chat-owner="other"],
  body.is-arabic-mobile-chat-fix #chatModal.chat-mobile-qa-v66 .chat-message-list .chat-bubble.is-other,
  body.is-arabic-mobile-chat-fix #chatModal.chat-mobile-qa-v66 .chat-message-list .ar-mobile-chat-row.is-other,
  body.is-arabic-mobile-chat-fix #chatModal.chat-mobile-qa-v66 .chat-message-list .ar-mobile-chat-row[data-chat-owner="other"]{
    align-self:flex-start !important;
    justify-self:flex-start !important;
    margin-left:0 !important;
    margin-right:auto !important;
    margin-inline-start:0 !important;
    margin-inline-end:auto !important;
    text-align:left !important;
    direction:ltr !important;
  }

  html[lang="ar"] #chatModal.chat-mobile-qa-v66 .chat-message-list .chat-bubble.is-other .chat-bubble-content,
  html[lang="ar"] #chatModal.chat-mobile-qa-v66 .chat-message-list .ar-mobile-chat-row.is-other .ar-mobile-chat-card,
  html[lang="ar"] #chatModal.chat-mobile-qa-v66 .chat-message-list .ar-mobile-chat-row[data-chat-owner="other"] .ar-mobile-chat-card,
  html[lang="ar"] #chatModal.chat-mobile-qa-v66 .chat-message-list .ar-mobile-chat-card.is-other,
  body.is-chat-rtl #chatModal.chat-mobile-qa-v66 .chat-message-list .chat-bubble.is-other .chat-bubble-content,
  body.is-chat-rtl #chatModal.chat-mobile-qa-v66 .chat-message-list .ar-mobile-chat-row.is-other .ar-mobile-chat-card,
  body.is-chat-rtl #chatModal.chat-mobile-qa-v66 .chat-message-list .ar-mobile-chat-row[data-chat-owner="other"] .ar-mobile-chat-card,
  body.is-chat-rtl #chatModal.chat-mobile-qa-v66 .chat-message-list .ar-mobile-chat-card.is-other,
  body.is-arabic-mobile-chat-fix #chatModal.chat-mobile-qa-v66 .chat-message-list .chat-bubble.is-other .chat-bubble-content,
  body.is-arabic-mobile-chat-fix #chatModal.chat-mobile-qa-v66 .chat-message-list .ar-mobile-chat-row.is-other .ar-mobile-chat-card,
  body.is-arabic-mobile-chat-fix #chatModal.chat-mobile-qa-v66 .chat-message-list .ar-mobile-chat-row[data-chat-owner="other"] .ar-mobile-chat-card,
  body.is-arabic-mobile-chat-fix #chatModal.chat-mobile-qa-v66 .chat-message-list .ar-mobile-chat-card.is-other{
    align-items:flex-start !important;
    align-self:flex-start !important;
    justify-content:flex-start !important;
    margin-left:0 !important;
    margin-right:auto !important;
    margin-inline-start:0 !important;
    margin-inline-end:auto !important;
    text-align:left !important;
    direction:ltr !important;
  }

  html[lang="ar"] #chatModal.chat-mobile-qa-v66 .chat-message-list .chat-bubble.is-other .chat-bubble-head,
  html[lang="ar"] #chatModal.chat-mobile-qa-v66 .chat-message-list .ar-mobile-chat-row.is-other .ar-mobile-chat-meta,
  html[lang="ar"] #chatModal.chat-mobile-qa-v66 .chat-message-list .ar-mobile-chat-row[data-chat-owner="other"] .ar-mobile-chat-meta,
  html[lang="ar"] #chatModal.chat-mobile-qa-v66 .chat-message-list .ar-mobile-chat-meta.is-other,
  body.is-chat-rtl #chatModal.chat-mobile-qa-v66 .chat-message-list .chat-bubble.is-other .chat-bubble-head,
  body.is-chat-rtl #chatModal.chat-mobile-qa-v66 .chat-message-list .ar-mobile-chat-row.is-other .ar-mobile-chat-meta,
  body.is-chat-rtl #chatModal.chat-mobile-qa-v66 .chat-message-list .ar-mobile-chat-row[data-chat-owner="other"] .ar-mobile-chat-meta,
  body.is-chat-rtl #chatModal.chat-mobile-qa-v66 .chat-message-list .ar-mobile-chat-meta.is-other,
  body.is-arabic-mobile-chat-fix #chatModal.chat-mobile-qa-v66 .chat-message-list .chat-bubble.is-other .chat-bubble-head,
  body.is-arabic-mobile-chat-fix #chatModal.chat-mobile-qa-v66 .chat-message-list .ar-mobile-chat-row.is-other .ar-mobile-chat-meta,
  body.is-arabic-mobile-chat-fix #chatModal.chat-mobile-qa-v66 .chat-message-list .ar-mobile-chat-row[data-chat-owner="other"] .ar-mobile-chat-meta,
  body.is-arabic-mobile-chat-fix #chatModal.chat-mobile-qa-v66 .chat-message-list .ar-mobile-chat-meta.is-other{
    justify-content:flex-start !important;
    align-items:center !important;
    text-align:left !important;
    direction:ltr !important;
  }

  html[lang="ar"] #chatModal.chat-mobile-qa-v66 .chat-message-list .chat-bubble.is-other .chat-name-btn,
  html[lang="ar"] #chatModal.chat-mobile-qa-v66 .chat-message-list .chat-bubble.is-other .chat-bubble-time,
  html[lang="ar"] #chatModal.chat-mobile-qa-v66 .chat-message-list .ar-mobile-chat-row.is-other .ar-mobile-chat-name,
  html[lang="ar"] #chatModal.chat-mobile-qa-v66 .chat-message-list .ar-mobile-chat-row.is-other .ar-mobile-chat-time,
  html[lang="ar"] #chatModal.chat-mobile-qa-v66 .chat-message-list .ar-mobile-chat-row[data-chat-owner="other"] .ar-mobile-chat-name,
  html[lang="ar"] #chatModal.chat-mobile-qa-v66 .chat-message-list .ar-mobile-chat-row[data-chat-owner="other"] .ar-mobile-chat-time,
  body.is-chat-rtl #chatModal.chat-mobile-qa-v66 .chat-message-list .chat-bubble.is-other .chat-name-btn,
  body.is-chat-rtl #chatModal.chat-mobile-qa-v66 .chat-message-list .chat-bubble.is-other .chat-bubble-time,
  body.is-chat-rtl #chatModal.chat-mobile-qa-v66 .chat-message-list .ar-mobile-chat-row.is-other .ar-mobile-chat-name,
  body.is-chat-rtl #chatModal.chat-mobile-qa-v66 .chat-message-list .ar-mobile-chat-row.is-other .ar-mobile-chat-time,
  body.is-chat-rtl #chatModal.chat-mobile-qa-v66 .chat-message-list .ar-mobile-chat-row[data-chat-owner="other"] .ar-mobile-chat-name,
  body.is-chat-rtl #chatModal.chat-mobile-qa-v66 .chat-message-list .ar-mobile-chat-row[data-chat-owner="other"] .ar-mobile-chat-time,
  body.is-arabic-mobile-chat-fix #chatModal.chat-mobile-qa-v66 .chat-message-list .chat-bubble.is-other .chat-name-btn,
  body.is-arabic-mobile-chat-fix #chatModal.chat-mobile-qa-v66 .chat-message-list .chat-bubble.is-other .chat-bubble-time,
  body.is-arabic-mobile-chat-fix #chatModal.chat-mobile-qa-v66 .chat-message-list .ar-mobile-chat-row.is-other .ar-mobile-chat-name,
  body.is-arabic-mobile-chat-fix #chatModal.chat-mobile-qa-v66 .chat-message-list .ar-mobile-chat-row.is-other .ar-mobile-chat-time,
  body.is-arabic-mobile-chat-fix #chatModal.chat-mobile-qa-v66 .chat-message-list .ar-mobile-chat-row[data-chat-owner="other"] .ar-mobile-chat-name,
  body.is-arabic-mobile-chat-fix #chatModal.chat-mobile-qa-v66 .chat-message-list .ar-mobile-chat-row[data-chat-owner="other"] .ar-mobile-chat-time{
    text-align:left !important;
    direction:ltr !important;
    margin-left:0 !important;
    margin-right:0 !important;
    margin-inline-start:0 !important;
    margin-inline-end:0 !important;
  }

  html[lang="ar"] #chatModal.chat-mobile-qa-v66 .chat-message-list .chat-bubble.is-other .chat-bubble-text,
  html[lang="ar"] #chatModal.chat-mobile-qa-v66 .chat-message-list .ar-mobile-chat-row.is-other .ar-mobile-chat-text,
  html[lang="ar"] #chatModal.chat-mobile-qa-v66 .chat-message-list .ar-mobile-chat-row[data-chat-owner="other"] .ar-mobile-chat-text,
  html[lang="ar"] #chatModal.chat-mobile-qa-v66 .chat-message-list .ar-mobile-chat-card.is-other .ar-mobile-chat-text,
  body.is-chat-rtl #chatModal.chat-mobile-qa-v66 .chat-message-list .chat-bubble.is-other .chat-bubble-text,
  body.is-chat-rtl #chatModal.chat-mobile-qa-v66 .chat-message-list .ar-mobile-chat-row.is-other .ar-mobile-chat-text,
  body.is-chat-rtl #chatModal.chat-mobile-qa-v66 .chat-message-list .ar-mobile-chat-row[data-chat-owner="other"] .ar-mobile-chat-text,
  body.is-chat-rtl #chatModal.chat-mobile-qa-v66 .chat-message-list .ar-mobile-chat-card.is-other .ar-mobile-chat-text,
  body.is-arabic-mobile-chat-fix #chatModal.chat-mobile-qa-v66 .chat-message-list .chat-bubble.is-other .chat-bubble-text,
  body.is-arabic-mobile-chat-fix #chatModal.chat-mobile-qa-v66 .chat-message-list .ar-mobile-chat-row.is-other .ar-mobile-chat-text,
  body.is-arabic-mobile-chat-fix #chatModal.chat-mobile-qa-v66 .chat-message-list .ar-mobile-chat-row[data-chat-owner="other"] .ar-mobile-chat-text,
  body.is-arabic-mobile-chat-fix #chatModal.chat-mobile-qa-v66 .chat-message-list .ar-mobile-chat-card.is-other .ar-mobile-chat-text{
    align-self:flex-start !important;
    margin-left:0 !important;
    margin-right:auto !important;
    margin-inline-start:0 !important;
    margin-inline-end:auto !important;
    text-align:left !important;
  }
}

/* v67: mobile chat QA refinement after phone test.
   Scope: Free chat modal only.
   - make the one real private-chat hint slightly smaller on phones
   - make Arabic mobile other-user messages follow the normal non-Arabic ownership flow: other users left, self unchanged
*/
@media (max-width:760px){
  #chatModal.chat-mobile-qa-v67 #chatPrivateHint,
  #chatModal.chat-mobile-qa-v67 .chat-private-hint{
    font-size:11px !important;
    line-height:1.28 !important;
    font-weight:700 !important;
    letter-spacing:0 !important;
    opacity:.92 !important;
  }

  /* Keep legacy pseudo hints suppressed; #chatPrivateHint is the single source of truth. */
  #chatModal.chat-mobile-qa-v67 .chat-modal-titleline::before,
  #chatModal.chat-mobile-qa-v67 .chat-modal-titleline::after,
  #chatModal.chat-mobile-qa-v67 .chat-room-copy::before,
  #chatModal.chat-mobile-qa-v67 .chat-room-copy::after,
  #chatModal.chat-mobile-qa-v67 #chatPrivateHint::before,
  #chatModal.chat-mobile-qa-v67 #chatPrivateHint::after{
    content:"" !important;
    display:none !important;
    visibility:hidden !important;
    width:0 !important;
    height:0 !important;
    margin:0 !important;
    padding:0 !important;
  }

  /* Arabic mobile: match other-language behavior. Rows marked other belong on the left. */
  html[lang="ar"] #chatModal.chat-mobile-qa-v67 .chat-message-list > .chat-bubble[data-chat-owner="other"],
  html[lang="ar"] #chatModal.chat-mobile-qa-v67 #chatMessages > .chat-bubble[data-chat-owner="other"],
  body.is-chat-rtl #chatModal.chat-mobile-qa-v67 .chat-message-list > .chat-bubble[data-chat-owner="other"],
  body.is-chat-rtl #chatModal.chat-mobile-qa-v67 #chatMessages > .chat-bubble[data-chat-owner="other"],
  body.is-arabic-mobile-chat-fix #chatModal.chat-mobile-qa-v67 .chat-message-list > .chat-bubble[data-chat-owner="other"],
  body.is-arabic-mobile-chat-fix #chatModal.chat-mobile-qa-v67 #chatMessages > .chat-bubble[data-chat-owner="other"]{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    clear:both !important;
    float:none !important;
    margin-left:0 !important;
    margin-right:0 !important;
    margin-inline-start:0 !important;
    margin-inline-end:0 !important;
    padding-left:0 !important;
    padding-right:0 !important;
    text-align:left !important;
    direction:ltr !important;
  }

  html[lang="ar"] #chatModal.chat-mobile-qa-v67 .ar-mobile-chat-row[data-chat-owner="other"] .ar-mobile-chat-card,
  html[lang="ar"] #chatModal.chat-mobile-qa-v67 .chat-bubble[data-chat-owner="other"] .chat-bubble-content,
  body.is-chat-rtl #chatModal.chat-mobile-qa-v67 .ar-mobile-chat-row[data-chat-owner="other"] .ar-mobile-chat-card,
  body.is-chat-rtl #chatModal.chat-mobile-qa-v67 .chat-bubble[data-chat-owner="other"] .chat-bubble-content,
  body.is-arabic-mobile-chat-fix #chatModal.chat-mobile-qa-v67 .ar-mobile-chat-row[data-chat-owner="other"] .ar-mobile-chat-card,
  body.is-arabic-mobile-chat-fix #chatModal.chat-mobile-qa-v67 .chat-bubble[data-chat-owner="other"] .chat-bubble-content{
    display:block !important;
    width:max-content !important;
    max-width:min(78vw, 360px) !important;
    min-width:0 !important;
    margin-left:0 !important;
    margin-right:auto !important;
    margin-inline-start:0 !important;
    margin-inline-end:auto !important;
    padding-left:0 !important;
    padding-right:0 !important;
    align-self:flex-start !important;
    justify-self:flex-start !important;
    text-align:left !important;
    direction:ltr !important;
  }

  html[lang="ar"] #chatModal.chat-mobile-qa-v67 .ar-mobile-chat-row[data-chat-owner="other"] .ar-mobile-chat-meta,
  html[lang="ar"] #chatModal.chat-mobile-qa-v67 .chat-bubble[data-chat-owner="other"] .chat-bubble-head,
  body.is-chat-rtl #chatModal.chat-mobile-qa-v67 .ar-mobile-chat-row[data-chat-owner="other"] .ar-mobile-chat-meta,
  body.is-chat-rtl #chatModal.chat-mobile-qa-v67 .chat-bubble[data-chat-owner="other"] .chat-bubble-head,
  body.is-arabic-mobile-chat-fix #chatModal.chat-mobile-qa-v67 .ar-mobile-chat-row[data-chat-owner="other"] .ar-mobile-chat-meta,
  body.is-arabic-mobile-chat-fix #chatModal.chat-mobile-qa-v67 .chat-bubble[data-chat-owner="other"] .chat-bubble-head{
    display:flex !important;
    flex-direction:row !important;
    flex-wrap:wrap !important;
    justify-content:flex-start !important;
    align-items:center !important;
    align-self:flex-start !important;
    width:100% !important;
    max-width:100% !important;
    margin-left:0 !important;
    margin-right:auto !important;
    margin-inline-start:0 !important;
    margin-inline-end:auto !important;
    gap:6px !important;
    text-align:left !important;
    direction:ltr !important;
  }

  html[lang="ar"] #chatModal.chat-mobile-qa-v67 .ar-mobile-chat-row[data-chat-owner="other"] .ar-mobile-chat-name,
  html[lang="ar"] #chatModal.chat-mobile-qa-v67 .ar-mobile-chat-row[data-chat-owner="other"] .ar-mobile-chat-time,
  html[lang="ar"] #chatModal.chat-mobile-qa-v67 .chat-bubble[data-chat-owner="other"] .chat-name-btn,
  html[lang="ar"] #chatModal.chat-mobile-qa-v67 .chat-bubble[data-chat-owner="other"] .chat-bubble-time,
  body.is-chat-rtl #chatModal.chat-mobile-qa-v67 .ar-mobile-chat-row[data-chat-owner="other"] .ar-mobile-chat-name,
  body.is-chat-rtl #chatModal.chat-mobile-qa-v67 .ar-mobile-chat-row[data-chat-owner="other"] .ar-mobile-chat-time,
  body.is-chat-rtl #chatModal.chat-mobile-qa-v67 .chat-bubble[data-chat-owner="other"] .chat-name-btn,
  body.is-chat-rtl #chatModal.chat-mobile-qa-v67 .chat-bubble[data-chat-owner="other"] .chat-bubble-time,
  body.is-arabic-mobile-chat-fix #chatModal.chat-mobile-qa-v67 .ar-mobile-chat-row[data-chat-owner="other"] .ar-mobile-chat-name,
  body.is-arabic-mobile-chat-fix #chatModal.chat-mobile-qa-v67 .ar-mobile-chat-row[data-chat-owner="other"] .ar-mobile-chat-time,
  body.is-arabic-mobile-chat-fix #chatModal.chat-mobile-qa-v67 .chat-bubble[data-chat-owner="other"] .chat-name-btn,
  body.is-arabic-mobile-chat-fix #chatModal.chat-mobile-qa-v67 .chat-bubble[data-chat-owner="other"] .chat-bubble-time{
    display:inline-block !important;
    order:initial !important;
    float:none !important;
    margin-left:0 !important;
    margin-right:0 !important;
    margin-inline-start:0 !important;
    margin-inline-end:0 !important;
    text-align:left !important;
    direction:ltr !important;
  }

  html[lang="ar"] #chatModal.chat-mobile-qa-v67 .ar-mobile-chat-row[data-chat-owner="other"] .ar-mobile-chat-text,
  html[lang="ar"] #chatModal.chat-mobile-qa-v67 .chat-bubble[data-chat-owner="other"] .chat-bubble-text,
  body.is-chat-rtl #chatModal.chat-mobile-qa-v67 .ar-mobile-chat-row[data-chat-owner="other"] .ar-mobile-chat-text,
  body.is-chat-rtl #chatModal.chat-mobile-qa-v67 .chat-bubble[data-chat-owner="other"] .chat-bubble-text,
  body.is-arabic-mobile-chat-fix #chatModal.chat-mobile-qa-v67 .ar-mobile-chat-row[data-chat-owner="other"] .ar-mobile-chat-text,
  body.is-arabic-mobile-chat-fix #chatModal.chat-mobile-qa-v67 .chat-bubble[data-chat-owner="other"] .chat-bubble-text{
    display:block !important;
    width:fit-content !important;
    max-width:100% !important;
    min-width:0 !important;
    margin-left:0 !important;
    margin-right:auto !important;
    margin-inline-start:0 !important;
    margin-inline-end:auto !important;
    align-self:flex-start !important;
    justify-self:flex-start !important;
    text-align:left !important;
  }
}