/* The language control replaces the topbar notification shortcut. */
html .topbar #languageButton { display: inline-flex !important; align-items: center; justify-content: center; flex: 0 0 auto; width: auto; min-width: 42px; height: 42px; padding: 9px; gap: 5px; }
#languageButton svg { width: 21px; height: 21px; flex: 0 0 21px; fill: none; stroke: currentColor; stroke-width: 1.4; }
#languageCode { font-size: 10px; line-height: 1; letter-spacing: .02em; }
#languageDialog { width: min(430px, calc(100vw - 32px)); max-height: calc(100dvh - 40px); overflow-y: auto; margin: auto; padding: 26px; color: #f4f0ff; background: linear-gradient(145deg, #1c1e2a, #0c0d18 48%); border: 1px solid #77778e; border-radius: 26px; box-shadow: inset 0 1px 3px #d2daf178, 0 24px 80px #000a; }
#languageDialog::backdrop { background: #03040bdd; backdrop-filter: blur(8px); }
#languageDialog header { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; margin-bottom: 20px; }
#languageDialog .section-label { font-size: 11px; letter-spacing: .16em; color: #ada3c5; }
#languageTitle { margin: 8px 0 0; font-size: 26px; font-weight: 600; line-height: 1.3; }
#languageClose { flex: 0 0 36px; width: 36px; height: 36px; border: 1px solid #575367; border-radius: 12px; background: #151522; color: #f4f0ff; font-size: 26px; line-height: 1; cursor: pointer; }
#languageDialog .language-options { display: grid; gap: 7px; }
#languageDialog [data-language] { display: flex; align-items: center; justify-content: space-between; min-height: 46px; padding: 10px 16px; gap: 16px; border: 1px solid transparent; border-radius: 12px; background: #ffffff04; color: #d9d6e6; font: inherit; font-size: 15px; text-align: left; cursor: pointer; }
#languageDialog [data-language] small { font-size: 11px; color: #aaa0bd; }
#languageDialog [data-language]:hover { background: #ffffff0a; }
#languageDialog [data-language].active { color: #fff; border-color: #9d80d7; background: linear-gradient(100deg, #8c52c936, #617db824); }
#languageDialog button:focus-visible { outline: 2px solid #c7a2ff; outline-offset: 2px; }
body:has(#languageDialog[open]) #lumenFloat, body:has(#languageDialog[open]) #lumenFloatMenu { visibility: hidden; pointer-events: none; }
#walletModal .modal { max-height: calc(100dvh - 40px); overflow-y: auto; }
#walletModal a.wallet-choice { color: inherit; text-decoration: none; }
#walletModal .wallet-choice > em { flex: 0 0 auto; margin-left: auto; font-size: 11px; color: #aaa0bd; font-style: normal; }
@media (max-width: 600px) {
  #languageCode { display: none; }
  html .topbar #languageButton { width: 38px; min-width: 38px; height: 38px; padding: 8px; }
  #languageDialog { padding: 22px; }
  #languageTitle { font-size: 23px; }
  #walletModal .wallet-choice { min-height: 58px; padding-block: 12px; }
}