/* Shared language control stays readable on both operating surfaces. */
.cx-language { display: inline-flex; align-items: center; gap: 6px; flex-shrink: 0; font-size: 14px; }
/* 下拉框用自己的外观：Safari 里系统外观的下拉框不认 min-height，只有 22px 高，和旁边 44px 的按钮对不齐 */
.cx-language select { min-height: 44px; max-width: 110px; padding: 8px 28px 8px 8px; border: 1px solid #b9cad2; border-radius: 6px; color: #173b44; font: inherit; cursor: pointer;
  -webkit-appearance: none; appearance: none; background: #fff url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%235b6e79' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='m6 9 6 6 6-6'/></svg>") no-repeat right 8px center; }
.cx-language button { min-height: 44px; padding: 6px; }
.cx-language select:focus-visible { outline: 2px solid #087f74; outline-offset: 2px; }
.cx-language-auth { display: flex; justify-content: flex-end; padding: 8px 20px 0; }
html[lang="en"] .wb-nav-item { height: auto; white-space: normal; line-height: 1.4; }
html[lang="en"] .wb-brand-name { white-space: normal; font-size: 1rem; }
html[lang="en"] .wb-btn { white-space: normal; height: auto; min-height: 40px; line-height: 1.4; }
@media(max-width:760px),(pointer:coarse) { html[lang="en"] .wb-btn { min-height: 44px; } } /* 手指点的按钮不低于 44px */
html[lang="en"] .wb-page-head, html[lang="en"] .wb-card-head { flex-wrap: wrap; }
html[lang="en"] .wb-password-control .wb-input { padding-right: 88px; }
@media(max-width:760px) { .cx-language select { max-width: 92px; font-size: 14px; } .wb-top { flex-wrap: wrap; } .wb-project { flex-basis: 120px; } }
@media(prefers-color-scheme:dark) { body:not(.wb-auth-body):has(.topbar) .cx-language select { background-color: #182536; color: #f2f6fb; } }

html[lang] .cx-language .wb-btn { min-height: 44px; }

@media(max-width:400px) {
 .topbar #btn-refresh { font-size: 0; min-width: 44px; }
 .topbar #btn-refresh::before { content: '↻'; font-size: 24px; }
}

.wb-auth-brand-row { display:flex; align-items:center; justify-content:space-between; gap:12px; width:100%; }
.wb-auth-brand-row .wb-brand { padding:0; min-width:0; }
.wb-auth-brand-row .wb-brand-name { overflow-wrap:normal; }
.wb-auth-brand-row .cx-language { margin-left:auto; }
html[lang="en"] .wb-auth-brand-row .wb-brand-name { font-size:1rem; line-height:1.35; }
@media(max-width:360px) { .wb-auth-brand-row { gap:8px; } .wb-auth-brand-row .wb-brand { gap:6px; } }
@media(max-width:360px) {
 html[lang="en"] .wb-auth-brand-row .wb-brand-name { font-size:.875rem; white-space:nowrap; }
}