@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Tajawal:wght@300;400;500;700;800&display=swap");

*, *::before, *::after {
  font-family: "Inter", "Tajawal", sans-serif !important;
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

/* ── Sidebar — locked LTR ───────────────────────────────────────────── */
.conversations-list,
.conversations-list * {
  direction: ltr !important;
  text-align: left !important;
  unicode-bidi: normal !important;
}

/* ── Conversation header — locked LTR ──────────────────────────────── */
.conversation-header,
.conversation-header *,
[class*="conversation-header"] * {
  direction: ltr !important;
  text-align: left !important;
  unicode-bidi: normal !important;
}

/* ── Reply box — locked LTR ─────────────────────────────────────────── */
.reply-editor, .reply-box,
[class*="reply"] textarea,
[class*="reply"] input,
[class*="editor"] {
  direction: ltr !important;
  text-align: left !important;
  unicode-bidi: normal !important;
}

/* ── Contact panel — locked LTR ─────────────────────────────────────── */
.contact-panel, .contact-panel * {
  direction: ltr !important;
  text-align: left !important;
  unicode-bidi: normal !important;
}

/* ── RTL prose span: Arabic message container ───────────────────────── */
span.prose.msg-rtl,
span.prose-bubble.msg-rtl {
  direction: rtl !important;
  text-align: right !important;
  unicode-bidi: embed !important;
  font-family: "Tajawal", "Inter", sans-serif !important;
  display: block !important;
}

span.prose.msg-rtl *,
span.prose-bubble.msg-rtl * {
  direction: rtl !important;
  text-align: right !important;
  unicode-bidi: embed !important;
}

/* ── RTL bullet lists ───────────────────────────────────────────────── */
span.prose.msg-rtl ul,
span.prose-bubble.msg-rtl ul,
span.prose.msg-rtl ol,
span.prose-bubble.msg-rtl ol {
  padding-right: 1.5em !important;
  padding-left: 0 !important;
  list-style-position: outside !important;
  direction: rtl !important;
  text-align: right !important;
}

span.prose.msg-rtl li,
span.prose-bubble.msg-rtl li {
  direction: rtl !important;
  text-align: right !important;
}

/* ── LTR prose span ─────────────────────────────────────────────────── */
span.prose.msg-ltr,
span.prose-bubble.msg-ltr {
  direction: ltr !important;
  text-align: left !important;
  unicode-bidi: embed !important;
  font-family: "Inter", "Tajawal", sans-serif !important;
  display: block !important;
}

/* ── Message font size ──────────────────────────────────────────────── */
span.prose p, span.prose-bubble p,
span.prose li, span.prose-bubble li {
  font-size: 15.5px !important;
  line-height: 2 !important;
  font-weight: 500 !important;
}

/* ── Sidebar font size ──────────────────────────────────────────────── */
.sidebar, .conversations-list, .contact-panel {
  font-size: 13.5px !important;
  font-weight: 400 !important;
}

/* ── Logo ───────────────────────────────────────────────────────────── */
img[src*="/brand-assets/logo.svg"],
img[src*="/brand-assets/logo_dark.svg"] {
  height: 5rem !important;
  width: auto !important;
  max-width: 100%;
}