/* VierBot language picker — matches existing light/dark Console buttons */
.vier-lang-holder{position:relative;display:inline-flex;align-items:center;z-index:60;flex-shrink:0}
.vier-lang-button{display:flex;align-items:center;justify-content:center;gap:4px;width:38px;min-width:38px;height:38px;padding:0 3px;border:1px solid var(--border,#e0e2eb);border-radius:11px;background:var(--card,#fff);color:var(--text,#1a2030);cursor:pointer;box-shadow:0 2px 5px #00000008;font:inherit}
.vier-lang-button:focus-visible,.vier-lang-popup button:focus-visible{outline:2px solid #825af7;outline-offset:2px}
.vier-lang-flag{font-size:17px;line-height:1}
.vier-lang-chevron{font-size:10px;opacity:.65}
.vier-lang-popup{display:none;position:absolute;top:calc(100% + 10px);right:0;min-width:225px;max-width:min(280px,calc(100vw - 30px));background:var(--card,var(--surface,#fff));color:var(--text,#171827);border:1px solid var(--border,#dddfea);border-radius:17px;padding:7px;box-shadow:0 18px 50px #15133334;z-index:600}
.vier-lang-holder.open .vier-lang-popup{display:block}
.vier-lang-popup button{display:flex;align-items:center;gap:10px;width:100%;border:0;padding:11px 10px;background:transparent;color:inherit;text-align:left;font:inherit;font-size:13px;font-weight:650;cursor:pointer;border-radius:11px;white-space:nowrap}
.vier-lang-popup button span{flex:1}.vier-lang-popup button b{visibility:hidden;color:#8055f5}.vier-lang-popup button.selected{background:rgba(128,91,246,.11);color:#8665e8}.vier-lang-popup button.selected b{visibility:visible}
/* Header picker: no fixed positioning, matches theme button on mobile and desktop. */
.vps-actions>.vier-lang-holder{flex:0 0 auto;z-index:1010}
.vps-actions>.vier-lang-holder .vier-lang-button{background:var(--surface,#fff);border-color:var(--border,#e0e2eb)}
@media(max-width:700px){.vps-header .vps-actions .vps-cta{display:none}}
.vier-bot-language-card .vier-bot-language-flex{display:flex;align-items:stretch;gap:10px;flex-wrap:wrap;margin:12px 0}
.vier-bot-language-card select{min-width:205px;flex:1;max-width:100%;padding:13px 12px;border:1px solid var(--border,#dfe1e8);border-radius:12px;background:var(--input,#f3f4f8);color:var(--text,#171827);font:inherit}
.vier-bot-language-card label{display:block;margin-top:15px;font-size:14px;font-weight:700}
.vier-bot-language-card .vier-bot-language-note{font-size:12px;line-height:1.6;opacity:.75}
#vierBotLangStatus{display:block;min-height:20px;margin-top:7px;font-size:12px;color:#8259ee}
@media(max-width:600px){.vier-lang-button{width:38px;min-width:38px;height:38px}.vier-lang-popup{min-width:200px}.vier-bot-language-card .vier-bot-language-flex{flex-direction:column}.vier-bot-language-card button{width:100%}}
html[data-theme="dark"] .vier-lang-button,html[data-theme="dark"] .vier-lang-popup{background:#1b2030;color:#f3f4ff;border-color:#383c4d}
