/* RTL is opt-in and uses existing layouts, including their mobile breakpoints. */
html[dir="rtl"] body { font-family: Tahoma, "Segoe UI", Arial, sans-serif; }
html[dir="rtl"] :is(h1,h2,h3,.eyebrow,nav a) { letter-spacing: normal; line-height: 1.55; }
html[dir="rtl"] :is(th,td,.logout-button,.worklist-table th,.worklist-tab) { text-align: start; }
html[dir="rtl"] :is(td,dd,.identity strong,.identity small,.portal-card li) { unicode-bidi: plaintext; }
html[dir="rtl"] :is(input[type="email"],input[type="url"],input[type="tel"],input[type="number"],input[type="date"],input[type="time"],input[type="datetime-local"],input[type="password"],input[name="username"],input[name="member_number"],input[name="device_id"],input[name="serial_number"],input[name="phone"],input[name$="_code"],input[name="timezone"],.protocol,code,.mono) { direction: ltr; unicode-bidi: isolate; text-align: start; }
html[dir="rtl"] :is(input,textarea)[dir="auto"] { text-align: start; }
html[dir="rtl"] .performance-shell .sidebar { border-right: 0; border-left: 1px solid #30332a; }
html[dir="rtl"] .club-switcher { border-left: 0; border-inline-start: 2px solid #45493d; }
html[dir="rtl"] nav a.active { box-shadow: inset -3px 0 var(--mint),0 5px 16px #06172222; }
html[dir="rtl"] .resize-handle { right: auto; left: -3px; }
html[dir="rtl"] #toast { right: auto; left: 25px; }
html[dir="rtl"] .hero-state { border-left: 0; border-inline-start: 1px solid #ffffff26; padding-left: 0; padding-inline-start: 22px; }
html[dir="rtl"] .login-pane>.locale { right: auto; left: 32px; }
html[dir="rtl"] :is(.portal-language,.header-actions,.row-actions,.topbar-controls) { flex-wrap: wrap; }
html[dir="rtl"] .portal-card { overflow-wrap: anywhere; }
html[dir="rtl"] .portal-card ul { padding-left: 0; padding-inline-start: 22px; }
html[dir="rtl"] .auth-card>.locale { width: auto; margin-bottom: 18px; }
html[dir="rtl"] .performance-shell .brand::before { left: auto; right: 2px; }
@media(max-width:720px) {
  html[dir="rtl"] .performance-shell .sidebar { border-left: 0; }
  html[dir="rtl"] .hero-state { border-inline-start: 0; padding-inline-start: 0; }
}