.lang-bar { display:flex; gap:4px; align-items:center; flex:none; }
.lang-bar button {
  min-width:34px; padding:5px 8px; border-radius:8px; border:1px solid var(--line, #1e2a36);
  background:var(--elev, #0b1218); color:var(--dim, #8aa0b3); cursor:pointer; font-weight:700; font-size:11px;
}
.lang-bar button.on { border-color:var(--accent, #4ade80); color:var(--accent-2, #bbf7d0); background:var(--accent-bg, #052e16); }
html[dir="rtl"] body.app, html[dir="rtl"] body.up { direction:rtl; }
html[dir="rtl"] aside { border-right:0; border-left:1px solid var(--line, #27272a); }
html[dir="rtl"] aside nav button { text-align:right; }
html[dir="rtl"] .topbar { flex-direction:row-reverse; }
html[dir="rtl"] .crumb { text-align:right; }
html[dir="rtl"] .ph { flex-direction:row-reverse; }
html[dir="rtl"] .actions { flex-direction:row-reverse; }
html[dir="rtl"] .hero-actions { flex-direction:row-reverse; }
html[dir="rtl"] .bk-studio, html[dir="rtl"] .studio { direction:rtl; }
html[dir="rtl"] .drawer { right:auto; left:0; border-left:0; border-right:1px solid var(--line, #27272a); }
html[dir="rtl"] label, html[dir="rtl"] h1, html[dir="rtl"] h2, html[dir="rtl"] h3, html[dir="rtl"] p { text-align:right; }
html[dir="rtl"] .grid { direction:rtl; }
html[dir="rtl"] .toolbar-card, html[dir="rtl"] .top-actions, html[dir="rtl"] .tb-group, html[dir="rtl"] .chip-row { flex-direction:row-reverse; }
html[dir="rtl"] body { font-family:"Segoe UI","Tahoma","Noto Naskh Arabic",system-ui,sans-serif; }