/* Global locale shell: shared by desktop and every role-specific mobile view. */
html[data-account-locale='ar'] .ar-date-native {
  display: none !important;
}
.ar-single-date {
  width: 100%;
}
html[data-account-locale='ar'] #appView .finance-order-more > div {
  right: 0;
  left: auto;
  text-align: start;
}
html[data-account-locale='ar'] #appView .finance-order-more:not([open]) > div {
  display: none;
}
html[data-account-locale='ar'] #appView .finance-order-more button {
  text-align: start;
}
/* The approved workspace keeps tasks physically left, records right;
   Arabic text inside each panel remains RTL and mobile retains DOM order. */
html[data-account-locale='ar'] .af-workbench-grid {
  direction: ltr;
}
html[data-account-locale='ar'] .af-workbench-grid > * {
  direction: rtl;
}
.ar-input-preview {
  display: grid;
  gap: 6px;
  padding: 8px;
  border: 1px solid var(--line, #ddd);
  border-radius: 6px;
  overflow-wrap: anywhere;
}
.ar-input-preview[hidden] {
  display: none;
}
html[data-account-locale='ar'] .compact-range-picker header select {
  min-width: 0;
  border: 1px solid #ddd;
  border-radius: 6px;
  padding: 6px;
}
.login-card {
  position: relative;
}
.login-language-switcher {
  position: absolute;
  inset-block-start: 18px;
  inset-inline-end: 20px;
  z-index: 2;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 5px;
  max-width: calc(100% - 40px);
}
.login-language-switcher button,
.owner-language-options button {
  min-height: 34px;
  padding: 6px 9px;
  border: 1px solid var(--line, #e7e9ed);
  border-radius: 8px;
  background: #fff;
  color: #53606c;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.2;
}
.login-language-switcher button:is(.is-active,[aria-pressed="true"]),
.owner-language-options button:is(.is-active,[aria-pressed="true"]) {
  border-color: var(--gold, #c58b27);
  background: #fff8ea;
  color: #8a5b13;
}
.owner-language-options {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 8px;
}
.sales-profile-language {
  display: grid;
  gap: 10px;
  padding: 16px;
  border: 1px solid var(--line, #e7e9ed);
  border-radius: 14px;
  background: #fff;
}
.sales-profile-language .login-language-options {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 8px;
}
.sales-profile-language button {
  min-height: 40px;
  border: 1px solid var(--line, #e7e9ed);
  border-radius: 10px;
  background: #fff;
  color: #53606c;
  font-weight: 700;
}
.sales-profile-language button:is(.is-active,[aria-pressed="true"]) {
  border-color: var(--gold, #c58b27);
  background: #fff8ea;
  color: #8a5b13;
}

html[dir="rtl"] body {
  direction: rtl;
  font-family: Arial,"Noto Kufi Arabic","Noto Sans Arabic",sans-serif;
}
html[dir="rtl"] .app-shell { grid-template-columns: 1fr 210px; }
html[dir="rtl"] .sidebar { inset: 0 0 0 auto; }
html[dir="rtl"] .content-shell { grid-column: 1; }
@media (min-width: 761px) {
  html[dir='rtl'] #appView.app-shell {
    grid-template-columns: var(--archive-sidebar-width, 244px) minmax(0, 1fr);
  }
  html[dir='rtl'] #appView.app-shell > .content-shell {
    grid-column: 2;
  }
}
html[dir="rtl"] .sidebar nav button,
html[dir="rtl"] :is(th,td) { text-align: right; }
html[dir="rtl"] .sidebar nav button.active::before { inset: 0 0 0 auto; }
html[dir="rtl"] .toast { right: auto; left: 24px; }
html[dir="rtl"] .finance-language-menu { right: auto; left: 0; }
html[dir="rtl"] :is(.topbar,.panel-head,.search-row,.wizard-footer,.itinerary-toolbar,.owner-page-heading,.gm-heading,.fm-heading) {
  direction: rtl;
}
html[dir="rtl"] :is(input[type="email"],input[type="tel"],input[type="number"],input[type="date"],input[type="time"],.finance-money-list,.fm-record-amount,.fm-currency-amounts strong) {
  direction: ltr;
  text-align: left;
  unicode-bidi: isolate;
}
html[dir="rtl"] [dir="auto"],
html[dir="rtl"] [data-i18n-content="user"] { unicode-bidi: plaintext; }
html[data-locale="en"] :is(button,label,th,td,small,p,strong,span),
html[data-locale="ar"] :is(button,label,th,td,small,p,strong,span) { overflow-wrap: anywhere; }

@media(max-width:760px){
  .login-language-switcher {
    position: static;
    justify-content: center;
    max-width: none;
    margin: -20px 0 26px;
  }
  .login-language-switcher button { min-height: 40px; font-size: 12px; }
  #appView:not(.finance-mobile-user) #financeLanguageButton {
    min-width: 42px;
    min-height: 42px;
    padding: 7px;
  }
  #appView:not(.finance-mobile-user) #financeLanguageCurrent { display: none; }
  #appView:not(.finance-mobile-user) #financeLanguageMenu {
    position: fixed;
    inset-block-start: 58px;
    inset-inline-end: 12px;
    min-width: 168px;
    max-width: calc(100vw - 24px);
  }
  html[dir="rtl"] .sidebar { transform: translateX(100%); }
  html[dir="rtl"] .sidebar.open { transform: none; }
  html[dir="rtl"] .topbar>div:first-of-type { margin-right: 10px; margin-left: auto; }
}