/* Shared readable type scale. Loaded after the legacy responsive styles. */
:root {
  --type-caption: .75rem;
  --type-label: .8125rem;
  --type-body: .875rem;
  --type-input: 1rem;
  --text-muted: #98a5ba;
}
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
body { font-size: 1rem; line-height: 1.5; }
button, input, select, textarea { font-family: var(--font-main); line-height: 1.4; }
button { letter-spacing: .01em; }
.mono { font-variant-numeric: tabular-nums; }
h1, h2, h3, h4, .modal-title { line-height: 1.3; }
.form-input, input.form-input, textarea.form-input, select.form-input {
  font-size: var(--type-input) !important;
  line-height: 1.5;
  min-height: 44px;
}
textarea.form-input { overflow-wrap: anywhere; }
.form-label { font-size: var(--type-body) !important; line-height: 1.5; }
.modal-title, #txAuthModal .modal-title { font-size: 1.125rem !important; }
.modal-body p, .security-card p { font-size: var(--type-body) !important; line-height: 1.6 !important; }
.modal-dialog { max-height: calc(100dvh - 32px); overflow-y: auto; }
.btn-execute-claim, .aux-btn, .link-btn, .btn-gdrive-sync { font-size: var(--type-body); line-height: 1.45; }
.btn-execute-claim { white-space: normal; overflow-wrap: break-word; }
.token-symbol, .token-balance-amount { font-size: 1rem; line-height: 1.4; }
.token-fullname, .token-fiat-val, .token-24h-change { font-size: var(--type-caption); line-height: 1.5; }
.token-live-price { font-size: var(--type-body); font-variant-numeric: tabular-nums; }
.token-badge-special { font-size: .6875rem; line-height: 1.4; }
.token-mini-btn { font-size: var(--type-caption); min-height: 32px; padding: 5px 9px; }
.tx-title { font-size: .9375rem; line-height: 1.5; }
.tx-time-hash { font-size: var(--type-caption); line-height: 1.5; overflow-wrap: anywhere; }
.tx-amount-val { font-size: .9375rem; font-variant-numeric: tabular-nums; }
.seed-word-pill { min-width: 0; }
.seed-word-pill .seed-val { font-size: var(--type-body); overflow-wrap: anywhere; }
@media (max-width: 600px) {
  #mainNavbar { height: auto !important; min-height: 100px; }
  #mainNavbar .nav-inner {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px !important;
    padding: 10px 12px !important;
    height: auto !important;
  }
  #mainNavbar .brand-title { font-size: 1rem !important; line-height: 1.25 !important; }
  #mainNavbar .nav-tools { grid-column: 2; grid-row: 1; }
  #mainNavbar .nav-center-actions {
    grid-column: 1 / -1;
    grid-row: 2;
    justify-content: stretch !important;
    gap: 8px !important;
    width: 100%;
  }
  #mainNavbar .nav-center-actions > button { flex: 1; min-width: 0; justify-content: center; }
  #mainNavbar .dropdown-pill-btn, #mainNavbar .account-selector-btn,
  #mainNavbar .dropdown-pill-btn .network-name, #mainNavbar #activeAccountName {
    font-size: var(--type-label) !important;
    line-height: 1.4 !important;
  }
  #mainNavbar .dropdown-pill-btn, #mainNavbar .account-selector-btn { min-height: 34px; }
  #mainNavbar .dropdown-pill-btn .network-name { max-width: none !important; }
  #mainNavbar #activeAccountName { max-width: 115px !important; }
  .mobile-nav-btn { font-size: var(--type-caption) !important; line-height: 1.4 !important; min-height: 48px; }
  .token-row-item { grid-template-columns: minmax(0, 1fr) auto !important; }
  .token-price-col { min-width: 0; padding-left: 0; flex-wrap: wrap; gap: 4px 8px; }
  .token-holdings-col { min-width: 0; max-width: 46vw; }
  .token-balance-amount { white-space: normal; overflow-wrap: anywhere; }
  .token-fullname { white-space: normal; overflow-wrap: anywhere; }
  .modal-dialog { width: calc(100% - 24px); }
}
@media (max-width: 360px) {
  .token-row-item { grid-template-areas: 'identity holdings' 'price price' 'actions actions' !important; }
  .token-quick-actions { justify-content: flex-start; flex-wrap: wrap; }
  #mainNavbar .brand-title { font-size: .9375rem !important; }
}
/* Keep lock-screen instructions readable despite compact-height overrides. */
.lock-subtitle { font-size: var(--type-label) !important; line-height: 1.5 !important; }
.lock-alt-links .link-btn, .lock-bottom-actions .link-btn,
.lock-bottom-actions button, .btn-biometric-unlock {
  font-size: var(--type-label) !important;
  line-height: 1.5 !important;
  white-space: normal;
}
.lock-alt-links, .lock-bottom-actions { flex-wrap: wrap; }
.lock-account-pill { flex-wrap: wrap; gap: 6px !important; }
.lock-acc-name, .lock-acc-addr, .lock-acc-uid { font-size: var(--type-caption) !important; }
@media (max-height: 600px) {
  .wallet-lock-screen { overflow-y: auto; }
  .lock-card-box { margin-block: 16px; }
}