/* AURIXA HOME VIP V4 — isolated card integration */

#root .app .vd2-dashboard
.vd2-featured-plan--carousel.ahv4-home {
  position:relative!important;
  isolation:isolate;
  box-sizing:border-box;
  min-height:468px!important;
  padding:17px!important;
  overflow:hidden!important;
  border-radius:27px!important;
  border:1px solid rgba(191,220,213,.18)!important;
  background:
    radial-gradient(85% 65% at 100% 0%,rgba(165,207,172,.13),transparent 72%),
    linear-gradient(155deg,#172633,#101d2b 60%,#091723)!important;
  box-shadow:0 20px 44px rgba(6,15,25,.26),
    inset 0 1px rgba(255,255,255,.07)!important;
}

#root .app .vd2-dashboard
.ahv4-home .vd2-mascot,
#root .app .vd2-dashboard
.ahv4-home .vd2-plan-chart {
  display:none!important;
}

#root .app .vd2-dashboard
.ahv4-home .vd2-plan-glow {
  opacity:.20!important;
  pointer-events:none;
}

#root .app .vd2-dashboard
.ahv4-home .vd2-plan-top {
  position:relative;
  z-index:5;
  min-height:34px!important;
  display:flex;
  align-items:flex-start;
  gap:6px;
}

#root .app .vd2-dashboard
.ahv4-home .vd2-ai-badge,
#root .app .vd2-dashboard
.ahv4-home .vd2-plan-duration {
  color:#dce9e6!important;
  border:1px solid rgba(215,234,228,.13)!important;
  background:rgba(255,255,255,.045)!important;
  border-radius:10px!important;
}

#root .app .vd2-dashboard
.ahv4-home .vd2-plan-hourly {
  position:relative;
  z-index:5;
  margin-left:auto;
  text-align:right;
}

#root .app .vd2-dashboard
.ahv4-home .vd2-plan-hourly strong {
  color:#f5faf8!important;
  font-size:21px!important;
}

#root .app .vd2-dashboard
.ahv4-home .vd2-plan-title {
  position:relative;
  z-index:5;
  margin-top:15px!important;
  max-width:100%!important;
}

#root .app .vd2-dashboard
.ahv4-home .vd2-plan-title small {
  color:#abbfbd!important;
  font-size:10px!important;
}

#root .app .vd2-dashboard
.ahv4-home .vd2-plan-title h2 {
  color:#ffffff!important;
  font-size:clamp(25px,6.6vw,32px)!important;
  line-height:1.06!important;
  font-weight:900!important;
  letter-spacing:-.7px!important;
  margin-top:5px!important;
}

#root .app .vd2-dashboard
.ahv4-home .vd2-plan-title p {
  color:#c5d6d3!important;
  font-size:12px!important;
  margin-top:7px!important;
}

#root .app .vd2-dashboard
.ahv4-home .ahv4-market {
  position:absolute;
  z-index:4;
  top:161px;
  bottom:88px;
  left:14px;
  right:14px;
  min-height:0;
  padding:11px 12px 9px;
  box-sizing:border-box;
  display:grid;
  grid-template-rows:auto auto minmax(0,1fr) auto;
  gap:6px;
  overflow:hidden;
  border-radius:19px;
  border:1px solid rgba(194,223,218,.17);
  background:
    radial-gradient(100% 80% at 100% 0%,
      rgba(114,159,152,.10),transparent 55%),
    linear-gradient(180deg,rgba(3,21,35,.96),
      rgba(5,20,33,.88));
  box-shadow:inset 0 1px rgba(255,255,255,.04),
    0 12px 28px rgba(0,0,0,.17);
}

#root .app .vd2-dashboard
.ahv4-market-top,
#root .app .vd2-dashboard
.ahv4-price-row,
#root .app .vd2-dashboard
.ahv4-chart-footer {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:7px;
}

#root .app .vd2-dashboard
.ahv4-market-left,
#root .app .vd2-dashboard
.ahv4-market-right {
  display:flex;
  align-items:center;
  gap:5px;
  min-width:0;
}

#root .app .vd2-dashboard
.ahv4-market-name {
  font-size:9px;
  letter-spacing:.8px;
  font-weight:900;
  color:#d5e0e0;
}

#root .app .vd2-dashboard
.ahv4-live {
  padding:4px 6px;
  border:1px solid rgba(190,229,177,.22);
  border-radius:50px;
  background:rgba(185,226,172,.06);
  color:#d5efc8;
  font-size:8px;
  font-weight:800;
  white-space:nowrap;
}

#root .app .vd2-dashboard
.ahv4-live::before {
  content:"";
  display:inline-block;
  width:5px;
  height:5px;
  margin-right:4px;
  border-radius:50%;
  background:#cbeaaf;
  box-shadow:0 0 7px #cbeaaf;
  animation:ahv4-pulse 1.6s ease-in-out infinite;
}

#root .app .vd2-dashboard
.ahv4-action,
#root .app .vd2-dashboard
.ahv4-delta {
  border:1px solid rgba(255,255,255,.08);
  border-radius:20px;
  background:rgba(255,255,255,.04);
  padding:5px 7px;
  font-size:9px;
  font-weight:900;
  white-space:nowrap;
  color:#d8f0c8;
}

#root .app .vd2-dashboard
.ahv4-market [data-tone="sell"] {
  color:#f0c7d4!important;
}

#root .app .vd2-dashboard
.ahv4-market [data-tone="buy"] {
  color:#d8f0c8!important;
}

#root .app .vd2-dashboard
.ahv4-price-block,
#root .app .vd2-dashboard
.ahv4-signal-block {
  display:flex;
  flex-direction:column;
  gap:3px;
  min-width:0;
}

#root .app .vd2-dashboard
.ahv4-price-block small,
#root .app .vd2-dashboard
.ahv4-signal-block small {
  color:#95a9b0;
  font-size:9px;
  letter-spacing:.4px;
}

#root .app .vd2-dashboard
.ahv4-price-value {
  color:#f6fbfb;
  font-size:19px;
  font-weight:900;
  line-height:1;
}

#root .app .vd2-dashboard
.ahv4-signal-block {
  text-align:right;
}

#root .app .vd2-dashboard
.ahv4-signal-value {
  font-size:11px;
  font-weight:900;
}

#root .app .vd2-dashboard
.ahv4-candle-svg {
  display:block;
  width:100%;
  height:100%;
  min-height:0;
  overflow:hidden;
}

#root .app .vd2-dashboard
.ahv4-chart-footer {
  color:#91a6ac;
  font-size:8px;
  letter-spacing:.35px;
  font-weight:800;
}

#root .app .vd2-dashboard
.ahv4-last-price {
  color:#c2d9cc;
  white-space:nowrap;
}

#root .app .vd2-dashboard
.ahv4-home .vd2-plan-bottom {
  position:absolute!important;
  bottom:16px!important;
  left:16px!important;
  right:16px!important;
  z-index:6;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px;
  min-height:58px;
  margin:0!important;
}

#root .app .vd2-dashboard
.ahv4-home .vd2-plan-bottom small {
  color:#a8babe!important;
}

#root .app .vd2-dashboard
.ahv4-home .vd2-plan-bottom strong {
  color:#f7fbfb!important;
}

#root .app .vd2-dashboard
.ahv4-home .vd2-plan-bottom button {
  min-width:155px!important;
  min-height:54px!important;
  padding:10px 13px!important;
  border:1px solid rgba(209,232,223,.20)!important;
  border-radius:16px!important;
  background:linear-gradient(130deg,
    rgba(216,242,200,.15),
    rgba(255,255,255,.04))!important;
  color:#f7fbfb!important;
  box-shadow:inset 0 1px rgba(255,255,255,.07)!important;
}

#root .app .vd2-dashboard
.ahv4-home .vd2-plan-bottom button svg {
  color:#d9f45f!important;
}

@keyframes ahv4-pulse {
  50% {opacity:.45;transform:scale(.85)}
}

@media(max-width:370px) {
  #root .app .vd2-dashboard
  .vd2-featured-plan--carousel.ahv4-home {
    min-height:478px!important;
    padding:13px!important;
  }
  #root .app .vd2-dashboard
  .ahv4-home .ahv4-market {
    top:164px;
    left:10px;
    right:10px;
    bottom:86px;
    padding:9px;
  }
  #root .app .vd2-dashboard
  .ahv4-home .vd2-plan-bottom {
    left:12px!important;
    right:12px!important;
  }
  #root .app .vd2-dashboard
  .ahv4-home .vd2-plan-bottom button {
    min-width:139px!important;
    padding:8px!important;
  }
}

@media(prefers-reduced-motion:reduce) {
  #root .app .vd2-dashboard
  .ahv4-live::before {
    animation:none;
  }
}