/* Fix final: sin iconos duplicados y sin paneles blancos sobre fondo oscuro */
.tbTopIcon::before,
.tbSaldoIcon::before{
  content:none !important;
  display:none !important;
  width:0 !important;
  height:0 !important;
  background:none !important;
  -webkit-mask:none !important;
  mask:none !important;
}

.tbTopIcon,
.tbSaldoIcon{
  overflow:hidden !important;
}

.tbTopIcon > .tbxIcon,
.tbSaldoIcon > .tbxIcon{
  width:100% !important;
  height:100% !important;
  border-radius:inherit !important;
  margin:0 !important;
  background:linear-gradient(135deg,#4377ff,#21c4ff) !important;
  box-shadow:none !important;
}

.tbTopIcon > .tbxIcon svg,
.tbSaldoIcon > .tbxIcon svg{
  width:24px !important;
  height:24px !important;
}

.tbTopIcon > .tbxIcon ~ .tbxIcon,
.tbSaldoIcon > .tbxIcon ~ .tbxIcon{
  display:none !important;
}

.tbTopSaldo{
  background:rgba(8,18,32,.82) !important;
  color:#f4f8ff !important;
  border:1px solid rgba(87,130,178,.52) !important;
}

.card,
.accountBox,
.clienteAlert,
.detalleProducto,
.entregaCard,
.compraItem{
  background:linear-gradient(180deg,rgba(17,30,50,.98),rgba(12,24,42,.98)) !important;
  color:#f4f8ff !important;
  border-color:rgba(87,130,178,.48) !important;
}

.accountBox{
  padding:14px !important;
}

.accountStat{
  background:rgba(8,18,32,.78) !important;
  color:#f4f8ff !important;
  border:1px solid rgba(87,130,178,.50) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05) !important;
}

.accountStat span{
  color:#9fb3cf !important;
}

.accountStat b,
.detalleTitulo,
.entregaTitle,
.clienteAlertTitle{
  color:#ffffff !important;
}

#datosPagoPrincipalBox,
#datosPagoPrincipalBox.msg,
#datosPagoPrincipalBox.msg.info{
  background:linear-gradient(135deg,rgba(37,99,235,.16),rgba(34,199,255,.10)) !important;
  color:#dce9ff !important;
  border:1px solid rgba(74,144,255,.58) !important;
  text-align:left !important;
}

#datosPagoPrincipalBox b{
  color:#ffffff !important;
}

.tbComingSoon{
  background:linear-gradient(135deg,rgba(17,30,50,.98),rgba(10,22,38,.98)) !important;
  color:#dce9ff !important;
  border:1px solid rgba(87,130,178,.52) !important;
}

.tbComingSoon h3,
.tbComingSoon strong{
  color:#ffffff !important;
}

.tbComingSoon p,
.tbComingSoon .small{
  color:#b8c9e2 !important;
}

.tbAlertModern{
  background:rgba(246,183,60,.12) !important;
  color:#ffe6a3 !important;
  border:1px solid rgba(246,183,60,.55) !important;
}

.tbAlertModern strong{
  color:#ffe8a3 !important;
}

.msg.info{
  background:rgba(37,99,235,.13) !important;
  color:#dce9ff !important;
  border:1px solid rgba(74,144,255,.50) !important;
}

.msg.ok{
  background:rgba(32,212,134,.12) !important;
  color:#bbf7d0 !important;
  border:1px solid rgba(32,212,134,.52) !important;
}

.msg.error{
  background:rgba(239,68,68,.12) !important;
  color:#fecaca !important;
  border:1px solid rgba(239,68,68,.55) !important;
}

.statusPill.info,
.statusPill.ok,
.statusPill.warn,
.statusPill.danger{
  color:#ffffff !important;
  border:1px solid rgba(255,255,255,.14) !important;
}

.statusPill.info{background:rgba(74,144,255,.22) !important;}
.statusPill.ok{background:rgba(32,212,134,.20) !important;}
.statusPill.warn{background:rgba(246,183,60,.22) !important;}
.statusPill.danger{background:rgba(239,68,68,.22) !important;}

.quickBtn,
.menuBtn{
  background:linear-gradient(145deg,rgba(18,35,59,.98),rgba(11,24,43,.98)) !important;
  color:#f4f8ff !important;
  border-color:rgba(87,130,178,.52) !important;
}

.quickBtn b,
.menuBtn b,
.menuTitle{
  color:#ffffff !important;
}

.quickBtn span:not(.tbxIcon),
.menuBtn span:not(.tbxIcon),
.small{
  color:#b8c9e2 !important;
}

.btnGray{
  background:rgba(226,235,247,.12) !important;
  color:#eaf2ff !important;
  border:1px solid rgba(150,180,220,.30) !important;
}

input,
select,
textarea{
  background:#0a1728 !important;
  color:#f4f8ff !important;
  border-color:rgba(87,130,178,.60) !important;
}

input::placeholder,
textarea::placeholder{
  color:#8fa4c2 !important;
}