/* lang-switcher.css — In-flow language switcher (sits next to other topbar actions) */
.lang-switcher{position:relative;font-family:inherit}
.lang-btn{display:flex;align-items:center;gap:6px;padding:7px 12px;background:var(--bg2,#0b1220);border:1px solid var(--border-light,#334155);border-radius:var(--radius);color:var(--text,#f8fafc);font-size:13px;cursor:pointer;transition:all .15s}
.lang-btn:hover{border-color:var(--primary,#6366f1);color:var(--primary-h,#818cf8);background:var(--bg3,#111c2e)}
.lang-btn svg{width:14px;height:14px}
.lang-btn svg.chev{width:11px;height:11px;opacity:.6;transition:transform .2s}
.lang-switcher.open .chev{transform:rotate(180deg)}
.lang-switcher .current-flag{font-size:14px;line-height:1;margin-right:-2px}
.lang-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:var(--bg2,#0b1220);border:1px solid var(--border,#1e293b);border-radius:var(--radius);padding:6px;min-width:180px;box-shadow:0 8px 32px rgba(0,0,0,.4);opacity:0;visibility:hidden;transform:translateY(-8px);transition:all .2s;z-index:100}
.lang-switcher.open .lang-dropdown{opacity:1;visibility:visible;transform:translateY(0)}
.lang-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 12px;background:transparent;border:none;border-radius:6px;color:var(--text,#f8fafc);font-size:13px;cursor:pointer;transition:background .12s;text-align:left;font-family:inherit}
.lang-item:hover{background:rgba(99,102,241,.1)}
.lang-item.active{background:rgba(99,102,241,.15);color:var(--primary-h,#818cf8);font-weight:500}
.lang-item .flag{font-size:16px;line-height:1}
@media(max-width:480px){.lang-btn{padding:6px 10px;font-size:12px}}