/* Keep the product frame stable while allowing page content to follow language. */
.adminLayout{direction:ltr}
.sidebar{grid-column:1;direction:ltr;border-left:0;border-right:1px solid var(--line)}
.sidebar>.brand{align-self:auto;width:max-content;margin-left:0;margin-right:auto;direction:ltr}
.adminMain{grid-column:2;direction:ltr;text-align:left}
html[dir="rtl"] .sidebar,html[dir="rtl"] .adminMain{direction:rtl;text-align:right}
html[dir="rtl"] .sideNav button{text-align:right}
html[dir="ltr"] .sideNav button{text-align:left}

/* A/B/C/D must keep the same physical order in both languages. */
.profileGrid{direction:ltr}
.profileCard{direction:ltr;text-align:left}
html[dir="rtl"] .profileCard{direction:rtl;text-align:right}
.profileCode{position:static;margin:0 0 14px;width:38px;height:38px}

/* Prevent action rows and bilingual-name fields from crossing columns. */
.profileCard .form.two,.blackoutCard .form.two{direction:ltr}
.profileCard .form.two>.field,.blackoutCard .form.two>.field{min-width:0}
html[dir="rtl"] .profileCard .form.two>.field,html[dir="rtl"] .blackoutCard .form.two>.field{direction:rtl;text-align:right}
.profileCard input[name="name_en"],.profileCard textarea[name="windows"]{direction:ltr;text-align:left}
.profileCard input[name="name_fa"]{direction:rtl;text-align:right}

@media(max-width:820px){
  .adminLayout{display:block}
  .sidebar{position:relative;width:100%;height:auto;border-right:0;border-bottom:1px solid var(--line)}
  .adminMain{width:100%}
}