.i18n-picker { display: flex; align-items: center; gap: 8px; position: relative; flex-shrink: 0; color: var(--ink); }
.i18n-picker label { font-size: 12px; font-weight: 550; margin: 0; }
.i18n-picker select { min-height: 44px; min-width: 122px; padding: 8px 28px 8px 10px; border: 1px solid var(--line); border-radius: 7px; background: white; color: var(--ink); font-size: 14px; cursor: pointer; }
.i18n-picker select:focus-visible { outline: 3px solid var(--accent); outline-offset: 3px; }
.i18n-picker-note { position: absolute; top: calc(100% + 7px); right: 0; z-index: 15; width: min(280px, calc(100vw - 32px)); padding: 10px 12px; background: white; border: 1px solid var(--line); border-radius: 7px; box-shadow: 0 6px 18px #17333f18; font-size: 12px; line-height: 1.5; opacity: 0; pointer-events: none; }
.i18n-picker:focus-within .i18n-picker-note { opacity: 1; }
.login-screen.i18n-has-picker { position: relative; grid-template-columns: minmax(0, 1fr); padding-top: 84px; padding-bottom: 28px; }
.i18n-login-picker { position: absolute; top: 18px; right: 24px; padding: 0 0 0 10px; background: var(--paper); border-radius: 7px; }
.topbar:has(.i18n-workspace-picker) { gap: 16px; min-height: 67px; height: auto; }
.topbar:has(.i18n-workspace-picker) > :first-child { min-width: 0; overflow-wrap: anywhere; }
.topbar:has(.i18n-workspace-picker) .build-tag { margin-left: auto; white-space: nowrap; }
#clearSearch { min-width: 44px; min-height: 44px; }
/* Translation spans are text, not the icon/arrow spans used by legacy rules. */
.sidebar .nav-item > span[data-i18n] { display: inline; width: auto; min-width: 0; font: inherit; line-height: inherit; overflow-wrap: anywhere; }
.primary > span[data-i18n], #view-search .primary > span[data-i18n] { margin-left: 0; }
@media (max-width: 900px) { .i18n-workspace-picker label { position: absolute; width: 1px; height: 1px; clip-path: inset(50%); overflow: hidden; white-space: nowrap; } }
@media (max-width: 650px) {
 .i18n-login-picker { right: 16px; top: 16px; }
 .topbar:has(.i18n-workspace-picker) { padding: 8px 16px; gap: 8px; }
 .i18n-picker select { font-size: 16px; }
 .i18n-workspace-picker select { min-width: 120px; max-width: 145px; }
}