/* Shared language hint: public tokens, with the CRM night palette as fallback. */
.kb-lang-hint {
  position: fixed;
  z-index: 2100000;
  max-width: min(290px, calc(100vw - 16px));
  padding: 6px var(--ay-space-3, 12px);
  border-radius: var(--ay-r-sm, 8px);
  background: var(--ay-surface, var(--an-ink-1, #101D35));
  color: var(--ay-text, var(--an-tx-1, #F5F4F0));
  border: 1px solid var(--ay-accent, var(--an-gold, #C6A563));
  font: 600 11px/1.6 Vazirmatn, Tahoma, sans-serif;
  direction: rtl;
  text-align: right;
  box-sizing: border-box;
  box-shadow: var(--ay-shadow-md, 0 8px 24px rgba(0,0,0,.35));
  opacity: 0;
  transform: translateY(4px);
  pointer-events: none;
  transition: opacity .2s, transform .2s;
}
.kb-lang-hint.is-visible { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) {
  .kb-lang-hint { transition: none; transform: none; }
}