.leonx-language { display: inline-flex; align-items: center; gap: 4px; padding: 2px 4px; border: 1px solid var(--pos-border, #d9dee7); border-radius: 7px; background: var(--pos-card, #fff); color: var(--pos-text, #262c38); flex-shrink: 0; direction: ltr; }
.leonx-language svg { width: 14px; height: 14px; flex: none; }
.leonx-language select { width: 86px; min-height: 24px; margin: 0; padding: 0 1px; border: 0; background: transparent; color: inherit; font: 600 11px/1.4 system-ui, "Segoe UI", sans-serif; cursor: pointer; }
.leonx-language option { background: #fff; color: #262c38; }
.leonx-language:focus-within { outline: 2px solid var(--pos-primary, #9f111b); outline-offset: 2px; }
.leonx-language select:focus { outline: none; }
.leonx-language-item { display: flex; align-items: center; margin-left: 4px; }
.leonx-language--floating { position: fixed; top: max(12px, env(safe-area-inset-top)); right: max(16px, env(safe-area-inset-right)); z-index: 1040; box-shadow: 0 3px 14px #00000012; }
.leonx-language-login-host { position: relative; }
.leonx-language--login { position: absolute; top: max(12px, env(safe-area-inset-top)); right: max(16px, env(safe-area-inset-right)); z-index: 5; box-shadow: 0 3px 14px #00000012; }
.branch-topbar-actions { display: flex; align-items: center; gap: 8px; flex-shrink: 0; }
.branch-topbar-actions [data-leonx-language-slot] { display: flex; }
.branch-topbar-actions .leonx-language { background: var(--surface, #fff); color: var(--ink, #262c38); border-color: var(--line, #d9dee7); }
.branch-topbar-actions .logout { display: inline-flex; align-items: center; justify-content: center; min-height: 30px; padding: 4px 12px; border-radius: 7px; font-size: 11px; line-height: 20px; white-space: nowrap; }
.branch-topbar .brand img { flex-shrink: 0; }
body.leonx-language-standalone { padding-top: 48px !important; }
html[lang="ar-SA"] .leonx-i18n-text { direction: rtl; unicode-bidi: plaintext; }
.leonx-language-sr { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
@media (max-width: 767px) {
  .leonx-language { gap: 3px; padding: 2px 4px; }
  .leonx-language svg { width: 12px; height: 12px; }
  .leonx-language select { width: 82px; min-height: 22px; }
  .leonx-language-item { margin-left: 3px; }
  .branch-topbar-actions .logout { min-height: 28px; padding: 3px 12px; }
  .main-header .navbar-nav:first-child { min-width: 0; overflow: hidden; }
  .main-header .nav-store-context { min-width: 0; overflow: hidden; }
  .main-header .app-top-brand { max-width: 100%; overflow: hidden; text-overflow: ellipsis; }
}
@media (max-width: 600px) {
  .branch-topbar { gap: 14px; }
  .branch-topbar .brand { flex: 1 1 auto; }
  .branch-topbar .brand span { overflow: visible; white-space: normal; text-overflow: clip; line-height: 1.3; }
  .branch-topbar-actions { flex-direction: column; align-items: stretch; width: 107px; gap: 6px; }
  .branch-topbar-actions [data-leonx-language-slot] { order: -1; justify-content: flex-end; }
  .branch-topbar-actions .logout { width: 100%; min-height: 28px; padding: 3px 8px; line-height: 20px; }
}
@media print {
  .leonx-language, .leonx-language-status { display: none !important; }
  body.leonx-language-standalone { padding-top: 0 !important; }
}