@font-face { font-family: "Vazirmatn"; src: url("Vazirmatn-Variable.woff2") format("woff2"); font-weight: 100 900; font-display: swap; }
html[dir="rtl"] body, html[dir="rtl"] input, html[dir="rtl"] textarea, html[dir="rtl"] select, html[dir="rtl"] button,
html[dir="rtl"] .popover, html[dir="rtl"] .ui-dialog { font-family: "Vazirmatn", Tahoma, sans-serif; }
html[dir="rtl"] body { direction: rtl; text-align: right; }
html[dir="rtl"] .menu a, html[dir="rtl"] .listing li a, html[dir="rtl"] table.records-table td { text-align: right; }
/* message bodies decide their own direction */
html[dir="rtl"] #messagebody, html[dir="rtl"] .message-htmlpart, html[dir="rtl"] .message-partheaders, html[dir="rtl"] .pre { unicode-bidi: plaintext; }
/* addresses and technical fields stay left-to-right */
html[dir="rtl"] input[type="email"], html[dir="rtl"] input[name="_user"], html[dir="rtl"] input[type="password"], html[dir="rtl"] .recipient-input input { direction: ltr; text-align: left; }
/* the dark-mode / about / logout block sits under the (now right-hand) task menu */
html[dir="rtl"] #taskmenu .special-buttons { left: auto; right: 0; }