.lang-toggle {
  position: fixed; top: 12px; right: 12px; z-index: 200;
  display: inline-flex; align-items: center; gap: 0; padding: 3px;
  border-radius: 999px; border: 1px solid var(--surface-3, #c8c6c4);
  background: var(--surface, #fff); box-shadow: var(--shadow, 0 8px 20px -12px rgba(0,0,0,.25));
  cursor: pointer;
  font-family: 'IBM Plex Mono', 'Segoe UI', monospace; font-size: 0.72rem; font-weight: 700;
  color: var(--ink-soft, #484644);
}
.lang-toggle .lang-opt {
  min-width: 36px; padding: 5px 10px; border-radius: 999px; text-align: center;
}
html[data-lang="vi"] .lang-toggle .lang-opt[data-on="vi"],
html[data-lang="en"] .lang-toggle .lang-opt[data-on="en"] {
  background: var(--excel, var(--accent, #217346)); color: #fff;
}
html[data-lang="vi"] .i18n-en,
html[data-lang="vi"] .bi-en,
html[data-lang="vi"] .bi-en-inline,
html[data-lang="vi"] .en,
html[data-lang="vi"] .primary-btn small,
html[data-lang="vi"] .ghost-btn small,
html[data-lang="vi"] .check-btn small { display: none !important; }
html[data-lang="en"] .i18n-vi,
html[data-lang="en"] .bi-vi { display: none !important; }
.i18n-vi[hidden], .i18n-en[hidden], .bi-vi[hidden], .bi-en[hidden], .bi-en-inline[hidden] {
  display: none !important;
}
html[data-lang="en"] .bi-en,
html[data-lang="en"] .bi-en-inline,
html[data-lang="en"] .en {
  color: inherit !important;
  font-style: normal !important;
  opacity: 1 !important;
  font-weight: inherit;
}