.mysalon-language-switch {
  position: fixed;
  inset-block-start: 16px;
  inset-inline-end: 16px;
  z-index: 5000;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 40px;
  padding: 8px 13px;
  border: 1px solid rgba(150, 60, 50, .2);
  border-radius: 999px;
  background: rgba(255, 252, 250, .96);
  color: #6f2823;
  box-shadow: 0 10px 30px rgba(38, 32, 30, .12);
  font: inherit;
  cursor: pointer;
  backdrop-filter: blur(10px);
}

.mysalon-language-switch:hover { transform: translateY(-1px); }
.mysalon-language-switch:focus-visible { outline: 3px solid rgba(150, 60, 50, .22); outline-offset: 2px; }
.mysalon-language-switch.is-inline {
  position: static;
  z-index: auto;
  flex: 0 0 auto;
  box-shadow: none;
  background: #fff;
}

html[dir="ltr"] body { text-align: left; }
html[dir="ltr"] .sidebar { left: 0; right: auto; border-left: 0; border-right: 1px solid var(--line, #eadbd3); }
html[dir="ltr"] .workspace { margin-left: 260px; margin-right: 0; }
html[dir="ltr"] .brand,
html[dir="ltr"] .nav-item,
html[dir="ltr"] .owner-mini,
html[dir="ltr"] .topbar,
html[dir="ltr"] .panel-heading,
html[dir="ltr"] .section-toolbar,
html[dir="ltr"] .form-actions { direction: ltr; }
html[dir="ltr"] input,
html[dir="ltr"] textarea,
html[dir="ltr"] select { text-align: left; }

@media (max-width: 920px) {
  .mysalon-language-switch { inset-block-start: 10px; inset-inline-end: 10px; min-height: 36px; padding: 6px 10px; }
  html[dir="ltr"] .workspace { margin: 0; }
  html[dir="ltr"] .sidebar { transform: translateX(-110%); }
  html[dir="ltr"] .sidebar.is-open { transform: translateX(0); }
}