/* Logical properties preserve reading direction without mirroring maps, charts, logos or photos. */
@font-face { font-family:'Noto Sans Arabic'; src:url('/content/fonts/noto/NotoSansArabic.ttf') format('truetype'); font-weight:100 900; font-style:normal; font-display:swap; }
@font-face { font-family:'Noto Sans'; src:url('/content/fonts/noto/NotoSans.ttf') format('truetype'); font-weight:100 900; font-style:normal; font-display:swap; }
.cm-language-picker { position:fixed; inset-inline-end:12px; inset-block-end:calc(12px + env(safe-area-inset-bottom)); z-index:11000; }
.cm-language-picker select { max-width:140px; min-height:36px; padding:5px 8px; border:1px solid #9ba7b4; border-radius:8px; background:#fff; color:#172534; font:13px system-ui,sans-serif; box-shadow:0 2px 8px #0002; }
html[dir="rtl"] body { text-align:start; }
html[dir="rtl"] :is(input,textarea,select,button,label,p,h1,h2,h3,h4,h5,h6,th,td) { text-align:start; }
html[dir="rtl"] :is(.topbar,.nav,.actions,.form-row,.card-header,.card-footer,.run-hd,.settabs) { direction:rtl; }
html[dir="rtl"] :is(.topback .fa-chevron-left,.back .fa-chevron-left,.run-back .fa-chevron-left) { transform:scaleX(-1); }
html[dir="rtl"] :is(input[type="email"],input[type="url"],input[type="tel"],input[type="number"],input[type="password"],code,pre,[data-ltr],.coordinates,.vrm,.imei,.vin) { direction:ltr; text-align:start; unicode-bidi:isolate; }
html[dir="rtl"] :is(.device-name,.vehicle-name,.driver-name,.account-name,[data-customer-text]) { unicode-bidi:plaintext; }
html[lang^="ar"] { --MasterFont:'Noto Sans Arabic',Tahoma,Arial,Roboto,sans-serif; }
html[lang^="ar"] body { font-family:'Noto Sans Arabic',Tahoma,Arial,Roboto,sans-serif; }
html[lang^="el"] body { font-family:'Noto Sans',Roboto,Arial,sans-serif; }
html[dir="rtl"] :is(.sl-row,.devrow,.dc-row1,.dc-row2,.shell-list,.device-list) { text-align:start; }
html[dir="rtl"] .shell-rail { border-right:0; border-inline-end:1px solid var(--border); }
html[dir="rtl"] :is(.dc-times,.svr-count,.svr-cert) { margin-left:0; margin-inline-start:auto; }
html[dir="rtl"] :is(.cert-title) { margin-right:0; margin-inline-end:auto; }
@media print { .cm-language-picker { display:none!important; } }