/* Compact flag language control: native select retains keyboard/mobile behavior. */
.panel-language{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);flex:0 0 auto;width:calc(var(--tap-min)*2);height:var(--tap-min);margin:0;border:1px solid var(--line-2);border-radius:var(--r-btn);background:var(--panel);color:var(--fg);font:600 var(--fs-small)/1 var(--font-ui);cursor:pointer;transition:border-color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out)}
.panel-language:hover{border-color:var(--fg-4);background:var(--panel-2)}
.panel-language:has(select:focus-visible){outline:2px solid var(--accent);outline-offset:var(--s-1)}
.panel-language select{position:absolute;inset:0;z-index:1;display:block;width:100%;height:100%;min-width:0;min-height:var(--tap-min);padding:0;margin:0;opacity:0;cursor:pointer;font:inherit;color:var(--fg);background:var(--panel);border:0}
.panel-language .locale-flags{display:flex;align-items:center;pointer-events:none}
.panel-language .locale-flag{display:block;width:var(--s-6);height:var(--s-4);border-radius:calc(var(--s-1)/2);overflow:hidden;stroke:none;stroke-linecap:butt;stroke-linejoin:miter;pointer-events:none}
.panel-language .locale-flag-en{display:none}
.panel-language .locale-code::after{content:"TR"}
html[lang="en"] .panel-language .locale-flag-tr{display:none}
html[lang="en"] .panel-language .locale-flag-en{display:block}
html[lang="en"] .panel-language .locale-code::after{content:"EN"}
.panel-language .locale-chevron{width:var(--s-3);height:var(--s-3);color:var(--fg-2);pointer-events:none}
.login-panel{position:relative;padding-top:calc(var(--tap-min) + var(--s-6)*2)}
.login-language-toolbar{position:absolute;top:var(--s-6);right:var(--s-6);display:flex;justify-content:flex-end}
.topbar-actions .panel-language{order:2}
.topbar-actions>.mobile-admin-button{order:3}
@media(max-width:767px){
 .topbar-actions{gap:var(--s-2);flex-shrink:0}
 .topbar .connection-status{display:none}
 .topbar-heading,.mobile-brand,.mobile-brand>span:last-child{min-width:0}
 .mobile-brand small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-brand b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;max-width:155px}
 .login-panel{padding:calc(var(--tap-min) + var(--s-4)*3) var(--s-6) var(--s-6)}
 .login-language-toolbar{top:max(var(--s-4),env(safe-area-inset-top));right:var(--s-4)}
}
@media(max-width:359px){.mobile-brand b{max-width:112px}.topbar-actions>[data-action="refresh"]{display:none}}
@media(prefers-reduced-motion:reduce){.panel-language{transition:none}}