/* Mirror interface chrome, not user-authored content or machine identifiers. */
html[dir="rtl"] body { text-align: right; font-size: 16px; line-height: 1.6; }
html[dir="rtl"] :is(body, button, input, select, textarea, h1, h2, h3) { font-family: Tahoma, Arial, sans-serif !important; letter-spacing: 0; }
html[dir="rtl"] :is(input[type="email"], input[type="url"], input[type="tel"], input[type="number"], input[type="date"], input[type="datetime-local"], input[type="time"], code, pre, .ticket-number, .tf-simple-ticket-number) { direction: ltr; unicode-bidi: isolate; }
html[dir="rtl"] :is(th, label, .field, .page-head, .title, .brand-copy, .tf-simple-title-link) { text-align: start; }
html[dir="rtl"] :is(ul, ol) { padding-left: 0; padding-right: 1.5em; }
html[dir="rtl"] :is(input[type="checkbox"], input[type="radio"]) { margin-left: 6px; margin-right: 0; }
html[dir="rtl"] .auth-body .header-user-auth .user-menu-panel { right: auto !important; left: 0 !important; text-align: right; }
html[dir="rtl"] .user-menu-panel :is(a, button, summary) { text-align: start; }
html[dir="rtl"] .user-menu-group-links { padding-left: 0; padding-right: 10px; }
html[dir="rtl"] :is(.tf-simple-section, .tf-simple-attention) { border-left: 0; border-inline-start: 3px solid var(--border-strong); }
html[dir="rtl"] :is(.table th, .table td) { text-align: start; }
html[dir="rtl"] :is(textarea, [contenteditable="true"]) { unicode-bidi: plaintext; }
html[dir="rtl"] :is(.email-render-frame, .message-iframe) { direction: ltr; }
html[dir="rtl"] :is(.status-pill, .badge, .btn, button) { letter-spacing: 0; text-transform: none; }
html[dir="rtl"] .footer-lang-chip { direction: ltr; }
html[dir="rtl"] :is(.ctx-menu, .ctx-submenu-panel) { text-align: start; }
html[dir="rtl"] .ctx-submenu-trigger > b { transform: scaleX(-1); }
html[dir="rtl"] :is(input[name="email"], input[name="outbound_to"], input[name="cc"], input[name="outbound_cc"], input[name="code"]) { direction: ltr; unicode-bidi: isolate; }
html[dir="rtl"] :is(.i18n-table-wrap, .table-wrap) { max-width: 100%; overflow-x: auto; }
@media (max-width: 780px) {
  html[dir="rtl"] .auth-body .header-user-auth .user-menu-panel { left: 12px !important; right: auto !important; }
}