/* Shared by the management platform and every Arabic domain portal. */
html[dir="rtl"] body,
html[dir="rtl"] dialog {
  direction: rtl;
  text-align: right;
}

/* Containers inherit the page direction; an explicit message direction wins. */
html[dir="rtl"] :where(form, fieldset, legend, label, table, th, td, summary) {
  text-align: start;
}

html[dir="rtl"] :where(input, textarea, select, option, optgroup) {
  text-align: right;
}
html[dir="rtl"] :where(input, textarea, select, option, optgroup) {
  direction: rtl;
}
html[dir="rtl"] :where(input, textarea)::placeholder {
  direction: rtl;
  text-align: right;
}

/* Keep address/token characters in their natural order, aligned with the form. */
html[dir="rtl"] :where(input[type="email"], input[type="url"], input[type="password"], input[dir="ltr"], #to, #cc, #bcc, #prefix) {
  direction: ltr;
  text-align: right;
  unicode-bidi: isolate;
}
html[dir="rtl"] :where([dir="ltr"], .ltr, bdi, .release-id) {
  unicode-bidi: isolate;
}
html[dir="rtl"] :where(.ltr, [dir="ltr"]):not(input):not(textarea) {
  text-align: right;
}

html[dir="rtl"] :where(ul, ol) {
  padding-inline-start: 1.5em;
  padding-inline-end: 0;
  list-style-position: outside;
}
html[dir="rtl"] li { text-align: start; }
html[dir="rtl"] :where(.brand, .zone) { direction: rtl; }
html[dir="rtl"] :where(.nav button, .message-open, .draft-button, .draft-title) { text-align: right; }
html[dir="rtl"] :where(input[type="checkbox"], input[type="radio"]) { flex-shrink: 0; }
html[dir="rtl"] input[type="file"]::file-selector-button {
  font: inherit;
  margin-inline-start: 0;
  margin-inline-end: .75em;
}

html[dir="rtl"] .tox,
html[dir="rtl"] .tox :where(button, input, select, textarea, .tox-tbtn__select-label, .tox-collection__item-label, .tox-toolbar-label) {
  font-family: Tajawal, sans-serif;
}

.pop3-connection{display:grid;gap:12px;margin:18px 0;padding:16px;background:#f5f4fd;border-radius:10px}.pop3-connection dt{font-weight:700}.pop3-connection dd{margin:3px 0;overflow-wrap:anywhere}.pop3-connection+.toggle,.toggle-line.toggle{margin:15px 0;align-items:flex-start}