/* TGex responsive guardrails: loaded after the legacy stylesheet so mobile rules win. */
.runtime-disclosure{margin:-17px 0 18px;padding:10px 12px;border:1px solid #7b641d;border-radius:4px;background:var(--gold-soft);color:var(--muted);font-size:11px;line-height:1.5}
.footer-disclosure{margin:28px 0 0;border-radius:6px;font-size:10px;opacity:.82}
.signal-rate span{display:block;margin-top:3px;color:var(--muted);font-size:10px;line-height:1.25}
.profile-card .profile-login { height: 30px; padding: 0 10px; border: 1px solid var(--gold); border-radius: 4px; color: var(--gold); font-size: 11px; }
@media (max-width: 760px) {
  .runtime-disclosure{margin:-8px 0 14px;font-size:10px}
  .mobile-header .header-tools { gap: 8px; }
  .mobile-login, .mobile-register { min-width: 38px; }
  .view-top > div:first-child { width: 100%; }
  .view-top .view-back { display: inline-flex; margin-bottom: 6px; }
  .view-top {
    align-items: flex-start;
    flex-direction: column;
    gap: 6px;
  }

  .view-top > div:last-child {
    align-self: flex-start;
  }

  .view-top h1 {
    line-height: 1.18;
  }

  .section-head {
    align-items: flex-start;
    flex-direction: column;
    gap: 8px;
  }

  .section-head .tree-tools {
    width: 100%;
    min-width: 0;
  }

  .section-head .tree-tools select {
    width: 100px;
    min-width: 0;
  }

  .quick-actions {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
    margin-top: 12px;
    margin-bottom: 27px;
    align-items: stretch;
  }

  .quick-actions button,
  .quick-actions.primary-actions button {
    height: 112px;
    min-height: 112px;
    min-width: 0;
    padding: 8px 5px;
    display: grid;
    grid-template-rows: 22px auto 24px;
    align-content: start;
    gap: 4px;
    overflow: hidden;
    text-align: center;
  }

  .quick-actions span {
    height: 22px;
    line-height: 22px;
    font-size: 19px;
  }

  .quick-actions b {
    display: block;
    min-width: 0;
    font-size: 11px;
    line-height: 14px;
    white-space: normal;
    overflow-wrap: anywhere;
  }

  .quick-actions small {
    display: -webkit-box;
    min-width: 0;
    min-height: 24px;
    max-height: 24px;
    overflow: hidden;
    color: var(--muted);
    font-size: 9px;
    line-height: 12px;
    white-space: normal;
    overflow-wrap: anywhere;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  .header-tools {
    gap: 6px;
    min-width: 0;
    flex: none;
  }

  .header-tools > button,
  .language-picker > button {
    flex: none;
    white-space: nowrap;
  }

  .mobile-register {
    min-width: 42px;
    padding: 0 5px;
  }

  #mobileSupportButton {
    min-width: 38px;
  }

  .language-picker > button {
    min-width: 45px;
    padding: 0 3px;
  }

  #mobileThemeToggle,
  #noticeButton {
    width: 18px;
    min-width: 18px;
    text-align: center;
  }
}

@media (max-width: 370px) {
  .app-main {
    padding-left: 13px;
    padding-right: 13px;
  }

  .mobile-header {
    margin-bottom: 21px;
  }

  .mobile-header .brand {
    gap: 7px;
    font-size: 17px;
  }

  .mobile-header .brand-mark {
    width: 27px;
    height: 27px;
  }

  .header-tools {
    gap: 4px;
  }

  .mobile-register {
    min-width: 39px;
    font-size: 9px !important;
  }

  #mobileSupportButton {
    min-width: 35px;
    font-size: 9px !important;
  }

  .language-picker > button {
    min-width: 42px;
    font-size: 9px !important;
  }

  .quick-actions {
    gap: 6px;
  }

  .quick-actions button,
  .quick-actions.primary-actions button {
    height: 112px;
    min-height: 112px;
    padding-left: 3px;
    padding-right: 3px;
    grid-template-rows: 22px auto 24px;
  }

  .quick-actions b {
    font-size: 10px;
    line-height: 13px;
  }

  .quick-actions small {
    min-height: 24px;
    max-height: 24px;
    font-size: 8px;
    line-height: 11px;
  }
}
.language-menu{width:min(260px,calc(100vw - 24px));max-height:min(70vh,520px);overflow-y:auto}.language-menu button{min-width:0;height:auto;min-height:32px;line-height:1.25;white-space:normal;overflow-wrap:anywhere}.language-choice span{min-width:0;overflow-wrap:anywhere}.view-top h1,.section-head h2,.signal-assist-copy strong,.signal-assist-copy small,.modal h2,.modal p,.modal label,.profile-card,.settings-list button{overflow-wrap:anywhere;word-break:normal}.view-top,.section-head,.signal-assist,.signal-card,.asset-row,.transaction-row,.notification,.support-details div{min-width:0}.signal-assist-copy,.signal-info,.asset-row>div,.transaction-row>div,.notification>div{min-width:0}.asset-row strong,.asset-row span,.transaction-row b,.transaction-row span,.notification p{overflow-wrap:anywhere;word-break:normal}.settings-list button{white-space:normal;text-align:left;line-height:1.35}.settings-list button span{margin-left:auto;white-space:normal;text-align:right;max-width:48%;overflow-wrap:anywhere}@media(max-width:760px){.language-menu{right:-8px}.modal h2{font-size:19px;line-height:1.25}.modal p{line-height:1.55}.signal-assist-copy small{line-height:1.5}.settings-list button{min-height:54px;padding-top:9px;padding-bottom:9px}}
.signal-priority{justify-content:flex-end!important}
.signal-priority>.quota-chip{display:flex!important;grid-template-columns:none!important;align-items:center!important;gap:7px!important;margin-left:auto!important}

/* iOS Safari cannot invoke a programmatic install prompt; keep the guided step readable. */
.install-banner .ios-install-steps{display:block;margin-top:6px;color:var(--ink);font-size:10px;line-height:1.45}
.install-banner[data-install-mode="ios"]{align-items:flex-start}
.install-banner[data-install-mode="ios"] .gold-action{white-space:nowrap}

/* v122 funds clarity: the address and all balance figures remain readable in light and dark themes. */
.modal [hidden]{display:none!important}.deposit-address-value{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:start;width:100%;padding:10px 0 0;border-top:1px solid var(--line)}.deposit-address-value code{display:block;min-width:0;padding:0!important;color:#f7f9fb!important;font:700 13px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace!important;letter-spacing:0!important;overflow-wrap:anywhere;word-break:break-all}.deposit-address-value button{position:static!important;min-width:76px;height:34px;padding:0 9px;border:1px solid var(--gold)!important;border-radius:4px!important;background:var(--gold)!important;color:#171a1e!important;font-size:11px!important;font-weight:800!important;white-space:nowrap}.address-panel{gap:9px!important;padding:13px!important}.address-panel>span{color:#dce4ec!important;font-size:11px!important;font-weight:750!important}.asset-row{grid-template-columns:minmax(0,1fr) minmax(112px,auto)!important;gap:16px}.asset-row-value{text-align:right}.asset-row strong{color:#f5f7fa!important;font-size:13px!important;font-variant-numeric:tabular-nums}.asset-row span{color:#b9c3ce!important;font-size:11px!important}.asset-hero>div b{color:#f5f7fa!important;font-variant-numeric:tabular-nums}.signal-info b{font-variant-numeric:tabular-nums}.signal-info span{line-height:1.45}.funds-detail div,.signal-detail-grid div{min-width:0}.funds-detail b,.signal-detail-grid b{overflow-wrap:anywhere}.modal-select{color:#f7f9fb!important;border-color:#657180!important;background:#151a1f!important}.modal-select option{color:#1d2732;background:#fff}.plan-explainer b{color:#f7f9fb!important}.plan-explainer span{color:#dce4ec!important}.amount-input span{color:#dce4ec!important}
body.light .modal p,body.light .modal label,body.light .modal .form-hint{color:#465466!important}body.light .modal-text-input,body.light .amount-input,body.light .modal-select{border-color:#cbd3dc!important;background:#fff!important;color:#1c2633!important}body.light .modal-text-input::placeholder,body.light .amount-input input::placeholder{color:#647386!important}body.light .amount-input input{color:#17212b!important}body.light .amount-input span{color:#536273!important}body.light .address-panel{background:#fff!important;border-color:#cbd3dc!important}body.light .address-panel>span{color:#334252!important}body.light .deposit-address-value{border-color:#dce2e8!important}body.light .deposit-address-value code{color:#17212b!important}body.light .asset-row strong,body.light .asset-hero>div b{color:#17212b!important}body.light .asset-row span{color:#526172!important}body.light .plan-explainer{background:#fff8df!important}body.light .plan-explainer b{color:#1d2732!important}body.light .plan-explainer span{color:#556476!important}
@media(max-width:760px){.deposit-address-value{grid-template-columns:1fr}.deposit-address-value button{width:100%;height:40px;font-size:12px!important}.deposit-address-value code{font-size:12px!important;line-height:1.65}.qr-wrap{width:196px!important;height:196px!important}.qr-wrap canvas{width:182px!important;height:182px!important}.asset-row{grid-template-columns:minmax(0,1fr) minmax(106px,auto)!important;gap:10px;min-height:70px!important}.asset-row strong{font-size:12px!important}.asset-row span{font-size:10px!important}.asset-row-value strong{max-width:132px;overflow-wrap:anywhere}.asset-hero>div{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px!important}.asset-hero>div>span:last-child{grid-column:1/-1}}
.asset-hero #lockedBalanceDetail{display:block;margin-top:2px;font-size:10px;line-height:1.35;white-space:normal;overflow-wrap:anywhere}
