/* TJP Tracker v0.6.10
   Logos oficiais enviados pelo usuário + grade estável de quatro cartões.
*/

/* Logos de prop: PNG transparente, sem o antigo quadrado branco. */
.firm-logo{
  width:24px!important;
  height:24px!important;
  padding:0!important;
  border:1px solid #222a32!important;
  background:#080b0e!important;
  overflow:hidden!important;
  display:grid!important;
  place-items:center!important;
  box-shadow:none!important;
}
.firm-logo img{
  position:static!important;
  width:100%!important;
  height:100%!important;
  padding:2px!important;
  object-fit:contain!important;
  background:transparent!important;
  filter:none!important;
}
.firm-logo em{
  position:static!important;
  display:grid!important;
  place-items:center!important;
  width:100%!important;
  height:100%!important;
  font-size:7px!important;
  color:#c4e665!important;
}

/* A seção permanece previsível: quatro colunas no desktop, mesmo com 1, 2 ou 3 cartões. */
.wallet-grid-v65{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  grid-auto-flow:row!important;
  align-items:start!important;
  gap:12px!important;
  background:transparent!important;
  border:0!important;
  margin-top:14px!important;
}
.wallet-grid-v65 .wallet-provider-section{
  grid-column:1/-1!important;
  min-height:34px!important;
  margin:4px 0 -2px!important;
  padding:0 2px!important;
  border:0!important;
  border-bottom:1px solid #1c232b!important;
  background:transparent!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
}
.wallet-provider-section span{
  font-size:8px!important;
  color:#9aa4ae!important;
  letter-spacing:.08em!important;
}
.wallet-provider-section small{
  font-size:7px!important;
  color:#56616c!important;
}

/* Cartão financeiro: mesma dimensão e mesma composição para todas as instituições. */
.wallet-grid-v65 .wallet-card.wallet-credit-card{
  width:100%!important;
  min-width:0!important;
  aspect-ratio:1.58/1!important;
  min-height:168px!important;
  max-height:190px!important;
  box-sizing:border-box!important;
  margin:0!important;
  padding:14px!important;
  border:1px solid #28313a!important;
  border-radius:0!important;
  background:
    linear-gradient(130deg,rgba(196,230,101,.055),transparent 38%),
    linear-gradient(155deg,#11161b 0%,#080b0f 62%,#06080b 100%)!important;
  display:grid!important;
  grid-template-rows:auto 1fr auto!important;
  gap:10px!important;
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate!important;
}
.wallet-grid-v65 .wallet-card.wallet-credit-card::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.018),transparent);
  transform:translateX(-35%);
}
.wallet-grid-v65 .wallet-card.wallet-credit-card:hover{
  transform:translateY(-1px)!important;
  border-color:#3a4651!important;
  box-shadow:0 12px 28px rgba(0,0,0,.24)!important;
}
.wallet-grid-v65 .wallet-card.wallet-credit-card.is-exness{
  border-color:rgba(196,230,101,.34)!important;
  box-shadow:inset 3px 0 #c4e665!important;
}
.wallet-credit-top{
  display:flex!important;
  justify-content:space-between!important;
  align-items:flex-start!important;
  min-width:0!important;
  gap:10px!important;
}
.wallet-brand-lockup{
  display:flex!important;
  align-items:center!important;
  min-width:0!important;
  gap:9px!important;
}
.wallet-brand-logo{
  width:64px!important;
  height:28px!important;
  flex:0 0 64px!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
}
.wallet-brand-logo img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:left center!important;
  background:transparent!important;
}
.wallet-brand-logo em{
  display:flex!important;
  align-items:center!important;
  height:100%!important;
  font-style:normal!important;
  font-size:9px!important;
  font-weight:950!important;
  color:#d7dde3!important;
  letter-spacing:.06em!important;
}
.wallet-brand-copy{
  min-width:0!important;
}
.wallet-brand-copy b{
  display:block!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:9px!important;
  color:#f3f6f8!important;
}
.wallet-brand-copy small{
  display:block!important;
  margin-top:3px!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:7px!important;
  color:#78838e!important;
}
.wallet-currency-chip{
  flex:none!important;
  border:1px solid #2a333c!important;
  background:#090d11!important;
  color:#aeb8c1!important;
  padding:4px 6px!important;
  font-size:7px!important;
  font-weight:900!important;
  letter-spacing:.06em!important;
}
.wallet-credit-main{
  align-self:center!important;
  min-width:0!important;
}
.wallet-credit-main small{
  display:block!important;
  font-size:7px!important;
  color:#68747f!important;
  text-transform:uppercase!important;
  letter-spacing:.08em!important;
}
.wallet-credit-main .wallet-balance{
  margin:5px 0 0!important;
  font-size:20px!important;
  line-height:1.05!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.wallet-credit-bottom{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:end!important;
  gap:8px!important;
  min-width:0!important;
}
.wallet-credit-meta{
  min-width:0!important;
}
.wallet-credit-meta b,
.wallet-credit-meta small{
  display:block!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.wallet-credit-meta b{
  font-size:8px!important;
  color:#c7ced5!important;
}
.wallet-credit-meta small{
  margin-top:3px!important;
  font-size:7px!important;
  color:#626e79!important;
}
.wallet-card .wallet-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:4px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
}
.wallet-card .wallet-actions .mini-btn{
  min-height:24px!important;
  padding:0 7px!important;
  font-size:7px!important;
}
.wallet-operational-note{
  position:absolute!important;
  right:12px!important;
  bottom:11px!important;
  width:5px!important;
  height:5px!important;
  background:#c4e665!important;
  box-shadow:0 0 8px rgba(196,230,101,.55)!important;
}

@media(max-width:1280px){
  .wallet-grid-v65{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:940px){
  .wallet-grid-v65{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:620px){
  .wallet-grid-v65{grid-template-columns:1fr!important}
  .wallet-grid-v65 .wallet-card.wallet-credit-card{max-height:none!important}
}