/*
 * Language choice (LanguageControlView.js) in settings, the sign-in card and the public pages.
 * The select keeps the shared form look (components/form.css), arrow included; only its width is set here.
 */
.language-control { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: var(--space-2) var(--space-3); align-items: center; }
.language-control label { color: var(--color-text-2); font-size: var(--text-sm); font-weight: var(--weight-semibold); }
.language-control select { width: 104px; max-width: 100%; min-width: 0; }
.language-save-status, .language-control > button { grid-column: 1 / -1; }
.language-save-status:empty { display: none; }
.language-save-status { color: var(--color-text-3); font-size: var(--text-xs); overflow-wrap: anywhere; }
.language-control > [hidden] { display: none; }
@media (max-width: 520px) {
    .public-header [data-public-language] { width: 100%; }
    .language-control { grid-template-columns: 1fr; }
    .language-control select { width: 100%; }
}