/* B83 shared home and settings language controls. */
.ui-language-menu { position:relative; flex-shrink:0; }
/* Keep the existing 34px header row; its 10px padding contains this 44px target. */
header.app .ui-language-menu { margin-block:-5px; }
.ui-language-menu > summary { display:inline-flex; gap:6px; align-items:center; justify-content:center; min-width:44px; min-height:44px; padding:0 10px; box-sizing:border-box; color:var(--ink); border:1px solid var(--line); border-radius:12px; background:var(--card,var(--surface)); font:inherit; font-weight:700; cursor:pointer; list-style:none; }
.ui-language-menu > summary::-webkit-details-marker { display:none; }
.ui-language-menu svg { width:20px; height:20px; }
.ui-language-menu [role=menu] { position:absolute; right:0; top:calc(100% + 6px); z-index:100; min-width:200px; background:var(--card,var(--surface)); border:1px solid var(--line); border-radius:12px; padding:6px; box-shadow:0 8px 30px #0004; }
.ui-language-menu [role=menu] button { display:block; width:100%; min-height:44px; text-align:left; padding:8px 12px; border:0; border-radius:8px; background:transparent; color:var(--ink); font:inherit; cursor:pointer; }
.ui-language-menu [role=menu] button[aria-checked=true] { background:var(--ink); color:var(--paper); font-weight:700; }
.ui-language-menu [role=menu] button:focus-visible,.ui-language-menu summary:focus-visible { outline:3px solid var(--accent-ink-text,var(--ink)); outline-offset:2px; }
.ui-language-settings { order:8; margin:20px 0; padding:16px; border:1px solid var(--line); border-radius:16px; background:var(--card,var(--surface)); }
.ui-language-settings label { display:block; font-weight:700; margin-bottom:8px; }
.ui-language-settings select { min-height:44px; max-width:100%; background:var(--paper); color:var(--ink); border:1px solid var(--line); border-radius:8px; padding:8px 12px; font:inherit; }
.ui-language-settings p { color:var(--ink-soft,var(--fg-muted)); font-size:.875rem; margin:10px 0 0; }
body { word-break:normal; }