/* Axiom-style active-wallet selector.  This sits above the fixed footer and
   uses the same compact controls as the rest of the terminal. */
html body .active-wallets-trigger {
  position: absolute !important;
  z-index: 2 !important;
  left: 100px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  width: auto !important;
  min-width: 76px !important;
  height: 23px !important;
  min-height: 23px !important;
  padding: 0 7px !important;
  gap: 5px !important;
  border: 1px solid #252d3a !important;
  border-radius: 12px !important;
  background: #0d121b !important;
  color: #c5ccda !important;
  font: 500 9px/1 "Pulse Geist Sans", sans-serif !important;
  font-variant-numeric: tabular-nums !important;
  white-space: nowrap !important;
  cursor: pointer !important;
  box-shadow: none !important;
  outline: none !important;
}

html body .active-wallets-trigger:hover,
html body .active-wallets-trigger[aria-expanded="true"] {
  border-color: #3b4658 !important;
  background: #141b27 !important;
  color: #e7ebf4 !important;
}

html body .active-wallets-trigger:focus-visible {
  border-color: #5a78ff !important;
  box-shadow: 0 0 0 1px #5a78ff !important;
}

html body .active-wallets-trigger > svg.remix-icon {
  width: 12px !important;
  height: 12px !important;
  color: #9ca9bc !important;
}

html body .active-wallets-trigger > img {
  width: 10px !important;
  height: 13px !important;
  object-fit: contain !important;
  flex: 0 0 auto !important;
}

html body .active-wallets-trigger > span {
  display: inline-flex !important;
  align-items: center !important;
  line-height: 1 !important;
}

html body .active-wallets-trigger .active-wallets-chevron {
  width: 11px !important;
  height: 11px !important;
  margin-left: 1px !important;
  color: #8590a2 !important;
}

html body .active-wallets-panel {
  position: fixed !important;
  inset: auto !important;
  top: var(--active-wallet-panel-top, 8px) !important;
  left: var(--active-wallet-panel-left, 8px) !important;
  right: auto !important;
  bottom: auto !important;
  z-index: 2147483646 !important;
  box-sizing: border-box !important;
  width: min(350px, calc(100vw - 16px)) !important;
  max-height: calc(100dvh - 16px) !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  border: 1px solid #303744 !important;
  border-radius: 4px !important;
  background: #17191f !important;
  color: #e2e5ec !important;
  box-shadow: 0 14px 34px rgb(0 0 0 / 48%) !important;
  font-family: "Pulse Geist Sans", sans-serif !important;
  overscroll-behavior: contain !important;
  scrollbar-width: thin !important;
  scrollbar-color: #4a5160 transparent !important;
}

html body .active-wallets-panel[popover]:not(:popover-open),
html body .active-wallets-panel[popover]:not(.open) {
  display: none !important;
}

html body .active-wallets-panel[popover]:popover-open,
html body .active-wallets-panel.open {
  display: block !important;
}

html body .active-wallets-panel::-webkit-scrollbar {
  width: 6px;
}

html body .active-wallets-panel::-webkit-scrollbar-thumb {
  border-radius: 6px;
  background: #4a5160;
}

html body .active-wallets-head {
  display: flex !important;
  align-items: center !important;
  min-height: 45px !important;
  box-sizing: border-box !important;
  padding: 9px 9px 8px !important;
  gap: 8px !important;
  border-bottom: 1px solid #30343d !important;
}

html body .active-wallets-head-action,
html body .active-wallets-settings,
html body .active-wallets-add,
html body .active-wallet-select,
html body .active-wallet-balance,
html body .active-wallet-tokens,
html body .active-wallet-copy,
html body .active-wallet-settings-header button,
html body .active-wallet-delay-mode button {
  border: 0 !important;
  outline: 0 !important;
  font: inherit !important;
  cursor: pointer !important;
}

html body .active-wallets-panel [data-tooltip] {
  position: relative !important;
}

html body .active-wallets-panel [data-tooltip]::after {
  position: absolute !important;
  z-index: 2147483647 !important;
  right: 50% !important;
  bottom: calc(100% + 7px) !important;
  width: max-content !important;
  max-width: 220px !important;
  padding: 5px 7px !important;
  border: 1px solid #394250 !important;
  border-radius: 4px !important;
  background: #20242c !important;
  box-shadow: 0 8px 20px rgb(0 0 0 / 40%) !important;
  color: #e2e6ee !important;
  content: attr(data-tooltip) !important;
  font: 600 10px/1.2 "Pulse Geist Sans", sans-serif !important;
  opacity: 0 !important;
  pointer-events: none !important;
  transform: translateX(50%) !important;
  white-space: nowrap !important;
}

html body .active-wallets-panel [data-tooltip]:hover::after,
html body .active-wallets-panel [data-tooltip]:focus-visible::after {
  opacity: 1 !important;
}

html body .active-wallets-head-action {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 25px !important;
  padding: 0 10px !important;
  border-radius: 14px !important;
  background: #3c3f49 !important;
  color: #f0f1f5 !important;
  font-size: 11px !important;
  font-weight: 650 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

html body .active-wallets-head-action:hover,
html body .active-wallets-head-action:focus-visible {
  background: #4c5260 !important;
}

html body .active-wallets-head-action:disabled {
  background: #202228 !important;
  color: #717581 !important;
  cursor: not-allowed !important;
}

html body .active-wallets-settings {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 26px !important;
  height: 26px !important;
  margin-left: auto !important;
  padding: 0 !important;
  border-radius: 4px !important;
  background: transparent !important;
  color: #8d96a7 !important;
}

html body .active-wallets-settings:hover,
html body .active-wallets-settings:focus-visible {
  background: #252a34 !important;
  color: #d6dce7 !important;
}

html body .active-wallets-settings .remix-icon {
  width: 15px !important;
  height: 15px !important;
}

html body .active-wallets-list {
  display: block !important;
  padding: 0 !important;
}

html body .active-wallet-row {
  display: grid !important;
  grid-template-columns: 28px minmax(0, 1fr) auto auto !important;
  align-items: center !important;
  min-height: 72px !important;
  box-sizing: border-box !important;
  padding: 8px 10px !important;
  gap: 7px !important;
  border-bottom: 1px solid #30343d !important;
  background: transparent !important;
}

html body .active-wallet-row:hover {
  background: #1d2027 !important;
}

html body .active-wallet-select {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 27px !important;
  height: 32px !important;
  padding: 0 !important;
  background: transparent !important;
  color: #ffab1f !important;
}

html body .active-wallet-checkbox {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 15px !important;
  height: 15px !important;
  box-sizing: border-box !important;
  border: 1px solid #687181 !important;
  border-radius: 4px !important;
  color: #12141a !important;
}

html body .active-wallet-select[aria-pressed="true"] .active-wallet-checkbox {
  border-color: #ffad24 !important;
  background: #ffad24 !important;
}

html body .active-wallet-checkbox .remix-icon {
  width: 12px !important;
  height: 12px !important;
  color: #111319 !important;
  opacity: 0 !important;
}

html body .active-wallet-select[aria-pressed="true"] .active-wallet-checkbox .remix-icon {
  opacity: 1 !important;
}

html body .active-wallet-identity {
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 4px !important;
  cursor: pointer !important;
}

html body .active-wallet-identity b {
  overflow: hidden !important;
  color: #f3a522 !important;
  font-size: 13px !important;
  font-weight: 650 !important;
  line-height: 1.1 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body .active-wallet-status {
  display: inline-flex !important;
  align-items: center !important;
  min-width: 0 !important;
  gap: 5px !important;
  color: #818a9b !important;
  font-size: 10px !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

html body .active-wallet-status > .remix-icon {
  width: 11px !important;
  height: 11px !important;
}

html body .active-wallet-address {
  overflow: hidden !important;
  max-width: 75px !important;
  text-overflow: ellipsis !important;
}

html body .active-wallet-copy {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 16px !important;
  height: 16px !important;
  padding: 0 !important;
  color: #8b95a6 !important;
  background: transparent !important;
}

html body .active-wallet-copy:hover,
html body .active-wallet-copy:focus-visible {
  color: #b8c4d6 !important;
}

html body .active-wallet-copy .remix-icon {
  width: 12px !important;
  height: 12px !important;
}

html body .active-wallet-balance,
html body .active-wallet-tokens {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 42px !important;
  height: 29px !important;
  box-sizing: border-box !important;
  gap: 4px !important;
  padding: 0 8px !important;
  border: 1px solid #303744 !important;
  border-radius: 15px !important;
  background: #1a1d24 !important;
  color: #d1d7e1 !important;
  font-size: 11px !important;
  font-variant-numeric: tabular-nums !important;
  line-height: 1 !important;
}

html body .active-wallet-balance:hover,
html body .active-wallet-tokens:hover,
html body .active-wallet-balance:focus-visible,
html body .active-wallet-tokens:focus-visible {
  border-color: #4b566a !important;
  background: #252a34 !important;
}

html body .active-wallet-balance img {
  width: 13px !important;
  height: 14px !important;
  object-fit: contain !important;
}

html body .active-wallet-tokens .remix-icon {
  width: 13px !important;
  height: 13px !important;
  color: #8e9cff !important;
}

html body .active-wallet-empty {
  padding: 18px 14px !important;
  color: #858d9c !important;
  font-size: 11px !important;
  text-align: center !important;
}

html body .active-wallets-add {
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  min-height: 48px !important;
  box-sizing: border-box !important;
  gap: 14px !important;
  padding: 0 15px !important;
  background: #1b1d23 !important;
  color: #e7e8ec !important;
  font-size: 13px !important;
  font-weight: 650 !important;
  text-align: left !important;
}

html body .active-wallets-add:hover,
html body .active-wallets-add:focus-visible {
  background: #252932 !important;
}

html body .active-wallets-add .remix-icon {
  width: 15px !important;
  height: 15px !important;
  color: #bfc6d2 !important;
}

/* The settings dialog follows the same surfaces, spacing and control language
   as Axiom's multi-wallet dialog while remaining keyboard accessible. */
html body .active-wallet-settings {
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147483647 !important;
  display: grid !important;
  place-items: center !important;
  box-sizing: border-box !important;
  padding: 18px !important;
  background: rgb(0 0 0 / 50%) !important;
}

html body .active-wallet-settings[hidden] {
  display: none !important;
}

html body .active-wallet-settings-card {
  width: min(544px, calc(100vw - 36px)) !important;
  max-height: calc(100dvh - 36px) !important;
  overflow: auto !important;
  box-sizing: border-box !important;
  padding: 0 24px 22px !important;
  border: 1px solid #37404f !important;
  border-radius: 18px !important;
  background: #17191f !important;
  color: #e8eaf0 !important;
  box-shadow: 0 18px 60px rgb(0 0 0 / 55%) !important;
}

html body .active-wallet-settings-header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  min-height: 64px !important;
  border-bottom: 1px solid #2a303a !important;
}

html body .active-wallet-settings-header h2 {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin: 0 !important;
  font-size: 16px !important;
  font-weight: 650 !important;
}

html body .active-wallet-settings-header h2 .remix-icon {
  width: 17px !important;
  height: 17px !important;
  color: #bdc5d4 !important;
}

html body .active-wallet-settings-header button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 28px !important;
  height: 28px !important;
  padding: 0 !important;
  border-radius: 5px !important;
  background: transparent !important;
  color: #aab2c1 !important;
}

html body .active-wallet-settings-header button:hover,
html body .active-wallet-settings-header button:focus-visible {
  background: #2a303b !important;
  color: #fff !important;
}

html body .active-wallet-settings-header button .remix-icon {
  width: 16px !important;
  height: 16px !important;
}

html body .active-wallet-setting-group {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  padding: 21px 0 !important;
  border-bottom: 1px solid #2a303a !important;
}

html body .active-wallet-setting-group > div:first-child,
html body .active-wallet-setting-group > label:first-child {
  display: flex !important;
  flex-direction: column !important;
  gap: 5px !important;
}

html body .active-wallet-setting-group b,
html body .active-wallet-setting-line span {
  color: #d8dce5 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
}

html body .active-wallet-setting-group small {
  color: #81899a !important;
  font-size: 11px !important;
  line-height: 1.35 !important;
}

html body .active-wallet-range-control,
html body .active-wallet-delay-value {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
}

html body .active-wallet-range-control input,
html body .active-wallet-delay-value input {
  flex: 1 1 auto !important;
  accent-color: #647dff !important;
}

html body .active-wallet-range-control output,
html body .active-wallet-delay-value output {
  min-width: 48px !important;
  padding: 8px 9px !important;
  border: 1px solid #353d4a !important;
  border-radius: 5px !important;
  color: #dce1ea !important;
  font-size: 12px !important;
  text-align: center !important;
  font-variant-numeric: tabular-nums !important;
}

html body .active-wallet-setting-group:has(.active-wallet-switch) {
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
}

html body .active-wallet-switch,
html body .active-wallet-badge-setting {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  cursor: pointer !important;
}

html body .active-wallet-switch input,
html body .active-wallet-badge-setting input {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  opacity: 0 !important;
}

html body .active-wallet-switch i,
html body .active-wallet-badge-setting i {
  position: relative !important;
  display: inline-block !important;
  width: 40px !important;
  height: 22px !important;
  border-radius: 12px !important;
  background: #363b49 !important;
}

html body .active-wallet-switch i::after,
html body .active-wallet-badge-setting i::after {
  position: absolute !important;
  top: 3px !important;
  left: 3px !important;
  width: 16px !important;
  height: 16px !important;
  border-radius: 50% !important;
  background: #f3f4f8 !important;
  content: "" !important;
}

html body .active-wallet-switch input:checked + i,
html body .active-wallet-badge-setting input:checked + i {
  background: #607cff !important;
}

html body .active-wallet-switch input:checked + i::after,
html body .active-wallet-badge-setting input:checked + i::after {
  left: 21px !important;
}

html body .active-wallet-delay-mode {
  display: inline-flex !important;
  align-self: flex-end !important;
  padding: 2px !important;
  border: 1px solid #353d4a !important;
  border-radius: 14px !important;
  background: #20242d !important;
}

html body .active-wallet-delay-mode button {
  min-height: 24px !important;
  padding: 0 10px !important;
  border-radius: 12px !important;
  background: transparent !important;
  color: #9ca4b3 !important;
  font-size: 11px !important;
}

html body .active-wallet-delay-mode button.active,
html body .active-wallet-delay-mode button:hover,
html body .active-wallet-delay-mode button:focus-visible {
  background: #3a414f !important;
  color: #f0f2f7 !important;
}

html body .active-wallet-setting-line {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  min-height: 50px !important;
  border-bottom: 1px solid #2a303a !important;
}

html body .active-wallet-hotkey {
  width: 54px !important;
  height: 30px !important;
  box-sizing: border-box !important;
  border: 1px solid #353d4a !important;
  border-radius: 5px !important;
  background: #1d2129 !important;
  color: #e6e9ef !important;
  font-size: 12px !important;
  text-align: center !important;
  text-transform: uppercase !important;
}

html body .active-wallet-setting-line:last-child {
  border-bottom: 0 !important;
}

@media (max-width: 1023px) {
  html body .active-wallets-trigger {
    left: 95px !important;
    height: 19px !important;
    min-height: 19px !important;
    padding-inline: 6px !important;
    gap: 4px !important;
    font-size: 8px !important;
  }

  html body .active-wallets-trigger > svg.remix-icon {
    width: 10px !important;
    height: 10px !important;
  }

  html body .active-wallets-trigger > img {
    width: 9px !important;
    height: 11px !important;
  }
}

@media (max-width: 540px) {
  html body .active-wallets-trigger {
    left: 91px !important;
    min-width: 70px !important;
  }

  html body .active-wallets-panel {
    width: min(350px, calc(100vw - 12px)) !important;
  }

  html body .active-wallet-settings {
    padding: 8px !important;
  }

  html body .active-wallet-settings-card {
    width: calc(100vw - 16px) !important;
    padding-inline: 16px !important;
    border-radius: 12px !important;
  }
}