html[data-lang="en"] body { font-kerning: normal; }
html[data-lang="en"] button, html[data-lang="en"] input, html[data-lang="en"] select, html[data-lang="en"] textarea { letter-spacing: 0; }
html[data-lang="en"] .nav-group > button, html[data-lang="en"] .subnav button, html[data-lang="en"] .button, html[data-lang="en"] .mini-action { white-space: normal; }
html[data-lang="en"] .topbar h1, html[data-lang="en"] .topbar .crumb { max-width: min(48vw, 520px); overflow-wrap: anywhere; }
html[data-lang="en"] .section-head, html[data-lang="en"] .toolbar, html[data-lang="en"] .form-actions { min-width: 0; }
html[data-lang="en"] table th, html[data-lang="en"] table td { overflow-wrap: anywhere; }
html[data-lang="en"] .login-hero h1, html[data-lang="en"] .login-card h1 { overflow-wrap: anywhere; }
.login-brand { z-index: 3 !important; }
.login-language { position: relative; z-index: 4; min-width: 84px; padding: 7px 10px; border: 1px solid #d9e4f2; border-radius: 8px; background: #fff; color: #536a86; font-size: 11px; cursor: pointer; pointer-events: auto; white-space: nowrap; }
@media (max-width: 620px) { html[data-lang="en"] .top-actions #langToggle { width: 72px; padding: 0 6px; } html[data-lang="vi"] .top-actions #langToggle { width: 80px; padding: 0 6px; } html[data-lang="en"] .login-submit { min-height: 46px; } }