.workspace-tools { display: flex; align-items: center; justify-content: flex-end; gap: 18px; flex-wrap: wrap; }
.language-switcher { display: inline-flex; align-items: center; justify-content: center; gap: 6px; margin: 0; padding: 6px; border: 1px solid #dce1d3; border-radius: 8px; background: #fffefa; color: #294b40; font: 12px 'Segoe UI', system-ui, sans-serif; max-width: 100%; }
.language-switcher label { display: flex; align-items: center; gap: 8px; margin: 0; }
.language-label { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; }
.language-switcher select { max-width: 154px; min-height: 32px; padding: 5px 7px; border: 0; background: transparent; color: #294b40; font: inherit; cursor: pointer; }
.language-switcher button { min-height: 32px; border: 1px solid #d8e1cc; background: #e9eee2; color: #36543c; padding: 5px 10px; border-radius: 5px; font: inherit; font-weight: 600; cursor: pointer; }
.language-switcher button:hover { background: #dce7d2; }
.language-switcher :focus-visible { outline: 2px solid #526b58; outline-offset: 2px; }
.login-panel > .language-switcher { align-self: flex-end; margin-bottom: 15px; }
.container > .language-switcher, .box > .language-switcher { align-self: center; margin-bottom: 25px; }
@media(max-width: 700px) {
    .workspace-header { flex-wrap: wrap; padding: 16px 0; }
    .workspace-tools { width: 100%; justify-content: flex-end; }
    .login-panel > .language-switcher { margin-bottom: 10px; }
}