/* v169: header = logo · language chip · your picture. Direction, colours and dark mode moved to the You menu / Settings. */
#directionToggle, #themeToggle, #darkModeToggle{ display:none !important; }
.vc-you-ov{ position:fixed; inset:0; z-index:9460; background:rgba(10,20,18,.42); display:none; align-items:flex-start; justify-content:flex-end; padding:calc(58px + env(safe-area-inset-top, 0px)) 12px 12px; }
.vc-you-ov.show{ display:flex; }
.vc-you{ width:min(340px, 100%); background:var(--card, #fff); color:var(--ink); border-radius:20px; box-shadow:0 20px 50px rgba(0,0,0,.25); padding:12px; max-height:calc(100dvh - 80px); overflow:auto; }
.vc-you-head{ display:flex; align-items:center; gap:10px; padding:4px 4px 10px; border-bottom:1px solid var(--line, #e5e0d4); margin-bottom:6px; }
.vc-you-who{ flex:1; min-width:0; display:flex; flex-direction:column; }
.vc-you-who b{ font-size:15px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.vc-you-who small{ color:var(--muted); font-size:12px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.vc-you-anon{ display:inline-grid; place-items:center; width:44px; height:44px; border-radius:50%; background:var(--paper-dark, #f1ece0); font-size:22px; }
.vc-you-x{ width:40px; height:40px; border:none; border-radius:50%; background:var(--paper-dark, #f1ece0); color:var(--ink); font-size:16px; cursor:pointer; }
.vc-you-list{ display:flex; flex-direction:column; }
.vc-you-item{ display:flex; align-items:center; gap:12px; min-height:48px; padding:8px 10px; border:none; background:none; color:var(--ink); font:700 14.5px var(--font); text-align:left; border-radius:12px; cursor:pointer; }
.vc-you-item:hover, .vc-you-item:focus-visible{ background:var(--paper-dark, #f1ece0); }
.vc-you-i{ width:28px; text-align:center; font-size:18px; }
/* Settings top card */
.st-top{ background:var(--card, #fff); border:1.5px solid var(--line, #e5e0d4); border-radius:18px; padding:12px; margin:0 0 14px; display:flex; flex-direction:column; gap:12px; }
.st-top .vc-ui-lang-row{ margin:0; }
.st-row{ display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.st-row.st-col{ flex-direction:column; align-items:stretch; gap:6px; }
.st-label{ font-weight:800; font-size:13.5px; min-width:110px; }
.st-note{ margin:0 !important; }
.st-seg{ flex:1; }
.st-seg button{ min-height:40px; }
.st-top .vc-ui-lang-seg button, #vnInputToggle button{ min-height:40px; } /* v224: the App-language segment was 28px, every other one 40px */
.st-colours{ margin:0 !important; min-height:40px; }
.st-top #dialectSelector .dialect-btn{ flex:1; min-height:40px; }
.st-top .speed-toggle button{ min-height:40px; }
.st-group > summary{ font-weight:800; }
.st-h{ margin:16px 0 6px; font-size:13px; font-weight:800; }
.st-btns{ display:flex; gap:8px; flex-wrap:wrap; }
.st-seg button{ white-space:nowrap; padding:6px 10px; font-size:13.5px; }
@media (max-width:420px){ .st-row:not(.st-col) .st-label{ flex:1 1 100%; } .st-seg{ flex:1 1 auto; } }
/* only two header buttons now — give them full 40px tap targets on phones too */
.cover-title .account-toggle, .cover-title #uiLangToggle, .header-actions .account-toggle{ min-width:40px !important; width:auto; height:40px !important; }