/* ARVION OS System Completion 21.3 — canonical bilingual interface */
html[lang="hi"] body,
html[lang="hi"] input,
html[lang="hi"] textarea,
html[lang="hi"] select,
html[lang="hi"] button {
  font-family: "Nirmala UI", "Noto Sans Devanagari", Mangal, Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

html[lang="hi"] .arv-kicker,
html[lang="hi"] .arv-core-brand small,
html[lang="hi"] .arv-status,
html[lang="hi"] th,
html[lang="hi"] label > span,
html[lang="hi"] .arv-system-nav-home b,
html[lang="hi"] .arv-system-nav-section summary b {
  letter-spacing: 0;
  text-transform: none;
}

html[lang="hi"] .arv-core-title h1,
html[lang="hi"] .arv-core-title p,
html[lang="hi"] .arv-system-nav-items b,
html[lang="hi"] .arv-system-nav-items small,
html[lang="hi"] .arv-btn,
html[lang="hi"] .arv-core-more-grid b,
html[lang="hi"] .arv-core-more-grid small {
  overflow-wrap: anywhere;
}

html[lang="hi"] .arv-core-top-actions {
  flex-wrap: wrap;
}

html[lang="hi"] .arv-btn {
  min-height: 44px;
  line-height: 1.35;
  white-space: normal;
  text-align: center;
}

html[lang="hi"] table th,
html[lang="hi"] table td {
  line-height: 1.45;
}

html[lang="hi"] .arv-core-mobile-nav b {
  font-size: 11px;
  line-height: 1.25;
}

.arv-public-language {
  position: fixed;
  z-index: 999;
  top: max(12px, env(safe-area-inset-top));
  right: max(12px, env(safe-area-inset-right));
  display: inline-flex;
  gap: 3px;
  padding: 4px;
  border: 1px solid rgba(155, 136, 104, .28);
  border-radius: 999px;
  background: rgba(255,255,255,.92);
  box-shadow: 0 10px 30px rgba(30,30,28,.12);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  font: 700 12px/1.2 system-ui, sans-serif;
}

.arv-public-language a {
  color: #5f5b53;
  padding: 8px 11px;
  border-radius: 999px;
  text-decoration: none;
}

.arv-public-language a.is-active {
  background: #272922;
  color: #fff;
}

@media (max-width: 820px) {
  html[lang="hi"] .arv-core-title h1 { font-size: clamp(20px, 6vw, 28px); }
  html[lang="hi"] .arv-core-top-actions { width: 100%; }
  html[lang="hi"] .arv-core-top-actions .arv-btn { flex: 1 1 140px; }
  html[lang="hi"] .arv-form-actions { align-items: stretch; }
  html[lang="hi"] .arv-form-actions .arv-btn { width: 100%; }
  .arv-public-language { top: max(8px, env(safe-area-inset-top)); right: max(8px, env(safe-area-inset-right)); }
}

@media print {
  .arv-public-language { display: none !important; }
}