header .language-selector { position: relative; display: inline-flex; margin-inline-start: 8px; flex: 0 0 auto; }
.language-selector [data-language-toggle] { display: inline-flex; align-items: center; justify-content: center; min-width: 40px; min-height: 40px; padding: 8px; }
.language-selector img { display: inline-block; width: 24px; height: 16px; object-fit: cover; }
.language-selector [data-language-menu] { position: absolute; top: calc(100% + 6px); inset-inline-start: 0; z-index: 100; min-width: 168px; max-width: calc(100vw - 32px); padding: 6px; margin: 0; background: var(--card, #151b23); border: 1px solid var(--line, #263244); border-radius: 12px; box-shadow: 0 8px 24px #0006; }
.language-selector [hidden] { display: none !important; }
.language-selector [role="menuitemradio"] { display: flex; gap: 10px; align-items: center; width: 100%; padding: 10px; min-height: 40px; text-align: start; border: 0; color: var(--text, #eef3fb); background: transparent; }
.language-selector [aria-checked="true"] { background: var(--muted-bg, #243149); }
.language-selector button:focus-visible { outline: 2px solid var(--accent, #8cacf7); outline-offset: 2px; }
.language-selector [aria-invalid="true"] { outline: 2px solid var(--danger, #ed6b73); }
header.top .language-selector { margin-inline-end: auto; }

header .language-selector [data-language-toggle] { width: 44px; min-width: 44px; height: 44px; min-height: 44px; padding: 8px; border-radius: 50%; background: #151b23; border: 1px solid #263244; }
header .language-selector [role="menuitemradio"] { min-height: 44px; padding: 10px; }
header.top .language-selector { margin-inline: 0; }
header.top .language-selector [data-language-menu] { inset-inline-start: auto; inset-inline-end: 0; }
@media (max-width: 440px) {
  html[data-shell="app"] header { gap: 4px; padding-inline: 8px; }
  html[data-shell="app"] header .logo img { height: 28px; }
  html[data-shell="app"] header .language-selector { margin-inline-start: 0; }
}