.wallet-shell{
  display:grid;
  grid-template-columns:minmax(0,1.45fr) minmax(330px,.8fr);
  gap:20px;
}

.wallet-toolbar{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:18px 0;
}

.wallet-identity{
  display:grid;
  grid-template-columns:210px minmax(0,1fr);
  gap:22px;
  align-items:start;
  margin-top:20px;
}

.wallet-qr-card{
  background:#fff;
  border-radius:16px;
  padding:10px;
  text-align:center;
  color:#111;
}

.wallet-qr-card canvas{
  display:block;
  width:190px;
  height:190px;
  margin:auto;
}

.wallet-address{
  overflow-wrap:anywhere;
  word-break:break-all;
  margin:8px 0 14px;
}

.balance-box{
  margin-top:20px;
  padding:20px;
  border:1px solid rgba(71,215,255,.25);
  background:rgba(71,215,255,.05);
  border-radius:14px;
}

.balance-box span,
.balance-box small{
  display:block;
  opacity:.7;
}

.balance-box strong{
  display:block;
  font-size:2rem;
  margin:5px 0;
}

.secret-box{
  margin-top:20px;
  padding:18px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:14px;
}

.secret{
  filter:blur(6px);
  user-select:none;
}

.send-card .field{
  margin-bottom:16px;
}

.send-card label{
  display:block;
  margin-bottom:7px;
}

.wide-btn{
  width:100%;
}

.wallet-dialog{
  width:min(560px,calc(100% - 28px));
  background:#08111c;
  color:#edf6ff;
  border:1px solid rgba(71,215,255,.25);
  border-radius:18px;
  padding:0;
}

.wallet-dialog::backdrop{
  background:rgba(0,0,0,.75);
}

.wallet-dialog form{
  padding:22px;
}

.dialog-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:15px;
}

.dialog-actions{
  display:flex;
  justify-content:flex-end;
  gap:10px;
  margin-top:20px;
}

.testnet-wallet-warning{
  margin-bottom:24px;
}

@media(max-width:900px){
  .wallet-shell{
    grid-template-columns:1fr;
  }

  .wallet-identity{
    grid-template-columns:1fr;
  }
}
