/* --- Só overrides/detalhes do Wallet Holding Bubbles Dashboard --- */

.wallet-bar {
  max-width:600px;
  margin:2em auto 2.3em auto;
  display:flex; gap:0.7em; align-items:center;
}
.wallet-bar input {
  padding:8px 14px; border-radius:8px; border:1px solid #222;
  background:#1b2231; color:#fff; font-size:1.09em; flex:1;
}
#walletBubblesError {
  text-align:center; color:#ff7b7b; margin-bottom:1.5em; font-weight:500;
}
#walletProjectPanel {
  position:relative;
  margin:32px auto 0 auto;
  left:0; right:0; max-width:880px; width:97vw; z-index:2201;
}
.bubble-tooltip { position:absolute;pointer-events:none;z-index:9001; } /* Mais z-index para sobrepor */

#chart { min-height: 540px; max-width:1200px;  margin: 0 auto 3em auto;  }

/* Painel colunas (só wallet) */
.panel-columns {
  display: flex;
  flex-wrap: wrap;
  gap: 2.5em;
  margin-top: 1.2em;
}
.panel-col {
  flex: 1 1 200px;
  min-width: 180px;
  margin-bottom: 0.7em;
}
.balances-list > div { margin-bottom: 2px; }
.total-balance, .total-usd { color: #72ffe9; font-weight: 600; }
.market-info > div { margin-bottom: 3px; }
.project-desc { margin-top: 1em; font-size:1.04em; color:#a9e8f9; background:#162031; padding: 1em 1.2em; border-radius:9px; }

@media (max-width:800px) {
  .panel-columns { flex-direction: column; gap: 1em; }
}
.wallet-bar { max-width:600px; margin:2em auto 2.3em auto; display:flex; gap:0.7em; align-items:center; }
.wallet-bar input { padding:8px 14px; border-radius:8px; border:1px solid #222; background:#1b2231; color:#fff; font-size:1.09em; flex:1; }
#walletBubblesError { text-align:center; color:#ff7b7b; margin-bottom:1.5em; font-weight:500; }
#chart { min-height: 540px; max-width:1200px; margin:0 auto; }
#walletProjectPanel { position:relative; margin:32px auto 0 auto; left:0; right:0; max-width:880px; width:97vw; z-index:2201; }
.bubble-tooltip { position:absolute;pointer-events:none;z-index:9001;}
.searchbar { text-align:center; margin-bottom:1em; max-width:600px; margin:0 auto; } /* Novo: estilo para search */