.language-picker{position:relative;margin:0;isolation:isolate}
.language-picker details{position:relative}
.language-picker summary{display:flex;align-items:center;gap:9px;min-height:46px;padding:8px 11px;border:1px solid #dfe4ed;border-radius:12px;background:#fff;color:#172033;cursor:pointer;list-style:none;font:inherit;font-weight:800}
.language-picker summary::-webkit-details-marker{display:none}
.language-picker summary:focus-visible,.language-picker button:focus-visible,.language-picker input:focus-visible{outline:3px solid #2563eb;outline-offset:2px}
.language-picker-icon{width:19px;height:19px;flex:0 0 19px}.language-picker-current{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.language-picker-chevron{margin-inline-start:auto;color:#667085;transition:transform .15s ease}
.language-picker details[open] .language-picker-chevron{transform:rotate(180deg)}
.language-picker-panel{position:absolute;z-index:3000;inset-inline-start:calc(100% + 10px);bottom:0;width:min(390px,calc(100vw - 28px));padding:12px;border:1px solid #dfe4ed;border-radius:18px;background:#fff;box-shadow:0 24px 70px rgba(15,23,42,.25)}
.language-picker-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;padding:2px 2px 0}.language-picker-panel-head strong{font-size:15px;color:#172033}.language-picker-panel-head small{color:#98a2b3;font-weight:750}
.language-picker-panel>input{box-sizing:border-box;width:100%;min-height:46px;border:1px solid #cfd7e3;border-radius:11px;padding:10px 12px;background:#fff;color:#172033;font:inherit}
.language-picker-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;max-height:min(58vh,480px);margin-top:10px;overflow:auto;overscroll-behavior:contain;padding:2px;scrollbar-gutter:stable}
.language-picker-list button{display:flex;align-items:center;justify-content:space-between;gap:9px;min-width:0;min-height:48px;padding:9px 11px;border:1px solid transparent;border-radius:10px;background:transparent;color:#344054;text-align:start;font:inherit;cursor:pointer}
.language-picker-list button:hover{background:#f8fafc;border-color:#e4e8ef}.language-picker-list button[aria-current=true]{background:#fff0f2;border-color:#f8cbd1;color:#a91f32;font-weight:850}.language-picker-list button[aria-current=true]::before{content:"✓";font-weight:900}.language-picker-list button span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.language-picker-list button small{margin-inline-start:auto;color:#98a2b3;font-size:10px;font-weight:850}.language-picker-list button[hidden]{display:none}
.language-picker-empty{display:none;margin:12px 2px 2px;padding:12px;border-radius:10px;background:#f8fafc;color:#667085;text-align:center;font-size:13px}.language-picker[data-empty=true] .language-picker-empty{display:block}
.language-picker-home summary{border-radius:999px;padding-inline:12px}.language-picker-home .language-picker-current{max-width:110px}
.language-picker-auth .language-picker-panel,.language-picker-home .language-picker-panel,.language-picker-role .language-picker-panel{inset-inline-start:auto;inset-inline-end:0;bottom:auto;top:calc(100% + 8px)}
@media(max-width:900px){.language-picker-panel{position:fixed;z-index:4000;inset:auto 10px calc(86px + env(safe-area-inset-bottom)) 10px;width:auto;max-height:min(76vh,680px);border-radius:20px}.language-picker-list{grid-template-columns:repeat(2,minmax(0,1fr));max-height:min(58vh,520px)}.language-picker-shell-mobile summary{width:100%}}
@media(max-width:480px){.language-picker-panel{inset-inline:8px}.language-picker-list{grid-template-columns:1fr;max-height:54vh}.language-picker-current{max-width:120px}}
[dir=rtl] .language-picker-shell-desktop .language-picker-panel{inset-inline-start:auto;inset-inline-end:calc(100% + 10px)}
@media(prefers-reduced-motion:reduce){.language-picker *{transition:none!important;animation:none!important}}
/* Tablet/mobile: anchor menu below language control, above page content */
.language-picker:has(details[open]){z-index:10050}
@media(max-width:900px){.language-picker .language-picker-panel{position:absolute;inset:auto 0 auto auto;top:calc(100% + 8px);width:min(390px,calc(100vw - 24px));max-height:min(75dvh,680px);box-sizing:border-box}.language-picker-auth .language-picker-panel,.language-picker-home .language-picker-panel,.language-picker-role .language-picker-panel{inset-inline-start:auto;inset-inline-end:0;bottom:auto;top:calc(100% + 8px)}}
