/* Deposit modal conversion boost */
.jb-dep-offer{
  background: linear-gradient(110deg, rgba(255,45,120,.22), rgba(255,120,40,.12) 45%, rgba(120,40,80,.25));
  box-shadow: 0 0 0 1px rgba(255,80,140,.15), 0 10px 30px rgba(255,45,120,.15);
  animation: jbDepPulse 2.4s ease-in-out infinite;
}
.jb-dep-offer-shine{
  position:absolute; inset:0;
  background: linear-gradient(100deg, transparent 0%, rgba(255,255,255,.12) 45%, transparent 70%);
  transform: translateX(-120%);
  animation: jbDepShine 3.2s ease-in-out infinite;
  pointer-events:none;
}
.jb-dep-offer-badge{
  background: linear-gradient(135deg, #f5b800, #2ecc71);
  color:#fff; font-size:10px; font-weight:900; letter-spacing:.06em;
  padding:8px 10px; border-radius:12px;
  box-shadow: 0 6px 16px rgba(255,45,120,.45);
}
.jb-dep-timer{
  min-width:52px; padding:6px 8px; border-radius:12px;
  background: rgba(0,0,0,.35); border:1px solid rgba(255,255,255,.12);
}
.jb-dep-cta{
  animation: jbCtaGlow 1.8s ease-in-out infinite;
  box-shadow: 0 8px 28px rgba(255,45,120,.45) !important;
}
@keyframes jbDepPulse{
  0%,100%{ transform: scale(1); }
  50%{ transform: scale(1.01); }
}
@keyframes jbDepShine{
  0%, 55%{ transform: translateX(-120%); }
  100%{ transform: translateX(120%); }
}
@keyframes jbCtaGlow{
  0%,100%{ filter: brightness(1); box-shadow: 0 8px 28px rgba(255,45,120,.4); }
  50%{ filter: brightness(1.08); box-shadow: 0 10px 36px rgba(255,45,120,.65); }
}
/* make deposit sheet a bit hotter */
[aria-label="Depositar"] .bg-base{
  box-shadow: 0 -10px 60px rgba(255,45,120,.18);
}




/* Force 3x2 grid — never a single horizontal row */
[data-v-f4e9d57c] .grid.grid-cols-3{
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 0.7rem !important;
}

.jb-dep-chip{
  min-height: 4.6rem;
  animation: jbChipIn 0.45s ease both;
  transform-origin: center;
}
.jb-dep-chip:nth-child(1){ animation-delay: 0.02s; }
.jb-dep-chip:nth-child(2){ animation-delay: 0.07s; }
.jb-dep-chip:nth-child(3){ animation-delay: 0.12s; }
.jb-dep-chip:nth-child(4){ animation-delay: 0.17s; }
.jb-dep-chip:nth-child(5){ animation-delay: 0.22s; }
.jb-dep-chip:nth-child(6){ animation-delay: 0.27s; }

.jb-dep-chip:hover{
  transform: translateY(-3px) scale(1.03);
  border-color: rgba(46, 204, 113, 0.45) !important;
  box-shadow: 0 8px 22px rgba(255, 45, 120, 0.22);
}
.jb-dep-chip:active{
  transform: scale(0.97);
}
.jb-dep-chip-on{
  animation: jbChipPulse 1.6s ease-in-out infinite;
  box-shadow: 0 0 0 2px rgba(255,255,255,0.18), 0 10px 28px rgba(255, 45, 120, 0.45) !important;
}

@keyframes jbChipIn{
  from{ opacity: 0; transform: translateY(10px) scale(0.92); }
  to{ opacity: 1; transform: translateY(0) scale(1); }
}
@keyframes jbChipPulse{
  0%,100%{ filter: brightness(1); transform: scale(1); }
  50%{ filter: brightness(1.08); transform: scale(1.02); }
}

.jb-dep-timer-val{
  font-variant-numeric: tabular-nums;
  letter-spacing: 0.02em;
}





.jb-dep-opt{ position:relative; }
.jb-dep-opt-on{
  box-shadow: 0 0 0 1px rgba(255,45,120,0.25), 0 8px 22px rgba(255,45,120,0.15);
}
.jb-dep-switch{
  width: 46px;
  height: 28px;
  border-radius: 999px;
  background: rgba(255,255,255,0.12);
  border: 1px solid rgba(255,255,255,0.14);
  position: relative;
  transition: background .2s ease, border-color .2s ease, box-shadow .2s ease;
}
.jb-dep-switch-on{
  background: linear-gradient(135deg, #ff2d78, #ff6a3d) !important;
  border-color: transparent !important;
  box-shadow: 0 4px 14px rgba(255,45,120,0.4);
}
.jb-dep-switch-knob{
  position: absolute;
  top: 3px;
  left: 3px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 2px 6px rgba(0,0,0,0.35);
  transition: transform .2s ease;
}
.jb-dep-switch-knob-on{
  transform: translateX(18px) !important;
}

.jb-dep-switch{
  width: 46px !important;
  height: 28px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255,255,255,0.14);
  position: relative !important;
  transition: background .2s ease, transform .2s ease, box-shadow .2s ease !important;
}
.jb-dep-switch-knob{
  position: absolute !important;
  top: 3px !important;
  left: 3px !important;
  width: 20px !important;
  height: 20px !important;
  border-radius: 50% !important;
  background: #fff !important;
  box-shadow: 0 2px 6px rgba(0,0,0,0.35) !important;
  transition: transform .2s ease !important;
}