/* The wallet controls use the same brushed casing and machined keys as the terminal. */
.wallet-dialog {
  box-sizing: border-box;
  width: min(420px, calc(100vw - 32px));
  max-height: calc(100dvh - 32px);
  overflow: auto;
  margin: auto;
  padding: 24px;
  border: 1px solid #656d74;
  border-radius: 12px;
  background:
    linear-gradient(115deg, #ffffff80, transparent 35%, #ffffff38 65%, #343b4320),
    repeating-linear-gradient(0deg, #ffffff18 0 1px, #28323c0a 1px 2px),
    linear-gradient(180deg, #eff1ef, #b8bfc4 48%, #dce1e3);
  color: #252b30;
  font: 12px/1.6 var(--mono, ui-monospace, monospace);
  box-shadow: inset 2px 2px 1px #fff, inset -2px -2px 1px #6b747c,
    inset 4px 4px 6px #ffffff80, 0 4px 0 #59636b, 0 18px 60px #0009;
}
.wallet-dialog::backdrop { background: #0b0d0fb8; backdrop-filter: blur(3px); }
.wallet-dialog h2 {
  margin: 0 0 18px;
  padding-bottom: 15px;
  border-bottom: 1px solid #858e9580;
  box-shadow: 0 1px 0 #ffffff80;
  font: italic 900 25px/1.1 "Arial Black", Arial, sans-serif;
  letter-spacing: -.035em;
  text-transform: uppercase;
  text-shadow: 0 1px 0 #fff9;
}
.wallet-dialog h2::before {
  content: 'NASDANQ / WALLET';
  display: block;
  margin-bottom: 10px;
  font: 500 10px/1.4 var(--mono, ui-monospace, monospace);
  letter-spacing: .12em;
  color: #4c555c;
}
.wallet-dialog p { margin: 0 0 18px; overflow-wrap: anywhere; }
.wallet-dialog .wallet-dialog-address {
  padding: 14px;
  border: 1px solid #434b51;
  border-radius: 5px;
  background: linear-gradient(160deg, #252b2d, #0d1112 75%);
  box-shadow: inset 0 2px 4px #0009, 0 1px 0 #fff;
  color: #c6e7c7;
  font-size: 12px;
  line-height: 1.8;
}
.wallet-dialog-address::before {
  content: '● CONNECTED WALLET';
  display: block;
  margin-bottom: 7px;
  color: #6ddb7d;
  font-size: 9px;
  letter-spacing: .09em;
}
.wallet-dialog .wallet-dialog-note { color: #41494f; }
.wallet-dialog button {
  display: block;
  width: 100%;
  min-height: 46px;
  padding: 12px 14px;
  margin-top: 12px;
  border: 1px solid #69747d;
  border-radius: 4px;
  background:
    repeating-linear-gradient(180deg, #ffffff14 0 1px, #00000008 1px 2px),
    linear-gradient(180deg, #f4f5f6, #d6d9dc 22%, #b3b7bc 50%, #dcdee1 78%, #a3a8ad);
  box-shadow: inset 0 1px 0 #fff, inset 0 -1px 0 #8b9399,
    0 2px 0 #7b838a, 0 3px 0 #434b52, 0 5px 5px #0002;
  color: #2f3236;
  font: italic 900 13px/1.4 "Arial Black", Arial, sans-serif;
  text-align: left;
  text-transform: uppercase;
  text-shadow: 0 1px 0 #ffffffb0;
  cursor: pointer;
  overflow-wrap: anywhere;
  touch-action: manipulation;
}
.wallet-dialog button:hover { filter: brightness(1.06); }
.wallet-dialog button:active { transform: translateY(2px); box-shadow: inset 0 1px 3px #0003, 0 1px 0 #535c64; }
.wallet-dialog button:focus-visible { outline: 2px solid #1e7033; outline-offset: 4px; }
.wallet-dialog [data-wallet-action="signin"] {
  color: #f1f1ef;
  background: linear-gradient(180deg, #575e64, #353d43 52%, #2c343a);
  border-color: #363e44;
  box-shadow: inset 0 1px 0 #9ba3a8, inset 0 -1px 0 #1c2328,
    0 2px 0 #40484f, 0 3px 0 #20272c, 0 5px 5px #0003;
  text-shadow: 0 -1px 0 #111;
}
.wallet-dialog [data-wallet-action="disconnect"] { color: #8c3027; }
.wallet-dialog [data-wallet-action="select"] { display: flex; align-items: center; gap: 12px; }
.wallet-choice-icon { position: relative; display: block; width: 32px; height: 32px; flex: 0 0 32px; border-radius: 5px; background: #434e57; box-shadow: 0 1px 0 #fff9; }
.wallet-choice-icon::before { content: ''; position: absolute; inset: 8px 5px; border: 2px solid #e8f2fa; border-radius: 3px; }
.wallet-choice-icon::after { content: ''; position: absolute; right: 4px; top: 13px; width: 7px; height: 6px; border-radius: 2px; background: #e8f2fa; }
.wallet-choice-icon img { position: relative; z-index: 1; display: block; width: 100%; height: 100%; object-fit: contain; border-radius: 5px; background: #434e57; }
.wallet-dialog [data-wallet-action="cancel"], .wallet-dialog [data-wallet-action="close"] {
  margin-top: 20px;
  min-height: 44px;
  border: 0;
  border-top: 1px solid #858e9580;
  border-radius: 0;
  background: transparent;
  box-shadow: inset 0 1px 0 #ffffff70;
  color: #41494f;
  font: 600 11px/1.5 var(--mono, ui-monospace, monospace);
  letter-spacing: .12em;
  text-align: center;
}
@media (max-width: 480px) { .wallet-dialog { padding: 20px; } }