/* VF_EARN_V1_FOUNDATION */
#vfEarnV1{max-width:1180px;margin:auto;padding:4px 0 70px;color:#10224b}#vfEarnV1 *{box-sizing:border-box}
.earn-hero,.earn-card,.contract,.history-shell{background:rgba(255,255,255,.96);border:1px solid rgba(55,79,130,.13);box-shadow:0 14px 40px rgba(35,62,115,.06)}
.earn-hero{padding:32px;border-radius:28px;background:radial-gradient(circle at 85% 12%,rgba(139,108,255,.18),transparent 35%),linear-gradient(135deg,#fff,#f6f9ff)}
.earn-chip{display:inline-flex;padding:7px 11px;border-radius:999px;background:#edf2ff;color:#5573d3;font-size:11px;font-weight:900;text-transform:uppercase}.earn-hero h1{max-width:800px;margin:15px 0 10px;font-size:clamp(34px,5vw,58px);line-height:1;letter-spacing:-.05em}.earn-hero h1 span{background:linear-gradient(90deg,#6488ff,#8d6eff,#2fbb7a);background-clip:text;color:transparent}.earn-hero>p{max-width:800px;color:#6b7897;line-height:1.65}.lock-note{margin-top:18px;padding:14px 16px;border-radius:17px;background:#fff7e8;border:1px solid #f0deb8;color:#7b6846}.lock-note b{color:#98630e}.lock-note p{margin:4px 0 0;font-size:12px;line-height:1.5}
.summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px}.summary .earn-card{padding:15px;border-radius:18px}.summary span,.metric span,.history-grid span,.review-grid span{display:block;color:#72809f;font-size:9px;font-weight:800;text-transform:uppercase}.summary b{display:block;margin-top:5px;font-size:18px}
.earn-section{margin-top:24px}.earn-section h2{margin:0;font-size:24px}.earn-sub{margin:5px 0 12px;color:#74809b;font-size:12px}.products{display:grid;grid-template-columns:1fr 1fr;gap:12px}.product{appearance:none;text-align:left;padding:22px;border-radius:23px;border:1px solid rgba(55,79,130,.13);background:#fff;cursor:pointer;color:#10224b}.product.active{border-color:#7892ee;box-shadow:0 15px 40px rgba(92,119,225,.12)}.product .rate{font-size:42px;font-weight:1000;letter-spacing:-.05em;margin-top:16px}.product .rate small{font-size:12px;color:#74809b}.product .total{margin-top:7px;color:#5f6e8f}.tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:16px}.tags span{padding:6px 8px;border-radius:999px;background:#f4f6fb;color:#677590;font-size:10px}
.composer{display:grid;grid-template-columns:1fr 1fr;gap:14px}.earn-card{padding:20px;border-radius:23px}.label{display:block;margin:17px 0 7px;color:#637291;font-size:11px;font-weight:900}.assets{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.assets button,.networks button{appearance:none;border:1px solid rgba(55,79,130,.13);background:#fff;border-radius:15px;padding:11px;color:#10224b;cursor:pointer}.assets button small{display:block;margin-top:2px;color:#8690a7}.assets button.active,.networks button.active{border-color:#7791ee;background:#f1f5ff}.assets button:disabled{opacity:.45}.networks{display:flex;gap:7px;overflow:auto}.networks button{flex:0 0 auto;border-radius:999px;padding:8px 11px;font-size:10px;font-weight:800}.amount{display:flex;align-items:center;border:1px solid rgba(55,79,130,.18);border-radius:16px;padding:4px 5px 4px 12px}.amount input{min-width:0;width:100%;border:0;outline:0;font-size:20px;font-weight:800}.amount button{border:0;border-radius:11px;padding:9px 10px;background:#eef2ff;color:#5573d3;font-weight:900}.amount-meta{display:flex;justify-content:space-between;gap:8px;margin-top:6px;color:#7a86a1;font-size:10px}.status{margin-top:8px;color:#c1394f;font-size:11px}.return{background:linear-gradient(145deg,#172858,#102143);color:#fff}.return h3{margin-top:0}.metric{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.09)}.metric span{color:rgba(255,255,255,.6)}.maturity{margin-top:14px;padding:17px;border-radius:17px;background:rgba(255,255,255,.08)}.maturity span,.maturity b,.maturity small{display:block}.maturity b{margin-top:5px;font-size:28px}.maturity small{margin-top:5px;color:rgba(255,255,255,.65)}.primary{width:100%;margin-top:12px;border:0;border-radius:14px;padding:13px;background:linear-gradient(90deg,#6689ff,#8c6cff);color:#fff;font-weight:900}.primary:disabled{opacity:.45}.foundation-copy{margin-top:8px;text-align:center;color:rgba(255,255,255,.55);font-size:9px}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.step{padding:15px;border:1px solid rgba(55,79,130,.12);border-radius:17px;background:#fff}.step i{display:grid;place-items:center;width:27px;height:27px;border-radius:9px;background:#eef2ff;color:#5573d3;font-style:normal;font-weight:900}.step b{display:block;margin-top:9px;font-size:12px}.step p{margin:5px 0 0;color:#74809b;font-size:10px;line-height:1.55}
#earnActive{display:grid;gap:10px}.contract{padding:17px;border-radius:20px}.contract-top{display:flex;justify-content:space-between;gap:10px}.contract-top small{display:block;color:#7c87a1}.contract-top em{font-size:9px;color:#27865b}.contract-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:12px}.contract-metrics div,.history-grid div,.review-grid div{padding:10px;border-radius:12px;background:#f6f8fd}.contract p{color:#78849e;font-size:10px}.progress{height:8px;border-radius:999px;background:#e8edf8;overflow:hidden}.progress i{display:block;height:100%;background:linear-gradient(90deg,#6689ff,#8c6cff,#2fbb7a)}
.history-shell{border-radius:20px;overflow:hidden}.history-shell>summary{list-style:none;display:flex;justify-content:space-between;padding:17px;cursor:pointer}.history-shell>summary::-webkit-details-marker,.history-item>summary::-webkit-details-marker{display:none}.history-shell>summary small{display:block;color:#7c87a1}.count{display:grid;place-items:center;width:28px;height:28px;border-radius:999px;background:#edf1fb}.history-list{padding:0 10px 10px}.history-item{border-top:1px solid rgba(55,79,130,.11)}.history-item>summary{list-style:none;display:flex;justify-content:space-between;gap:14px;padding:13px 5px;cursor:pointer}.history-item>summary span:last-child{text-align:right}.history-item small{display:block;color:#7c87a1}.history-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;padding:4px 5px 14px}.history-grid strong{display:block;margin-top:3px;font-size:10px;overflow-wrap:anywhere}.mono{font-family:ui-monospace,monospace}.empty{text-align:center;padding:22px;border:1px dashed rgba(55,79,130,.17);border-radius:18px;color:#71809d}.empty p{font-size:10px}.compact{border:0}
.earn-modal{position:fixed;inset:0;z-index:10050}.earn-modal[hidden]{display:none}.earn-backdrop{position:absolute;inset:0;background:rgba(11,22,49,.55);backdrop-filter:blur(6px)}.earn-modal-card{position:relative;z-index:1;width:min(600px,calc(100vw - 26px));max-height:calc(100vh - 26px);overflow:auto;margin:13px auto;padding:20px;border-radius:23px;background:#fff}.close{position:absolute;right:12px;top:12px;border:0;border-radius:10px;width:32px;height:32px}.review-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.review-total{margin-top:10px;padding:15px;border-radius:15px;background:#12244d;color:#fff}.review-total span,.review-total b,.review-total small{display:block}.review-total b{font-size:25px;margin-top:4px}.warn{margin-top:10px;padding:12px;border-radius:13px;background:#fff7e8;color:#7b6846}.warn p,.agreement{font-size:10px;line-height:1.55}.foundation{display:flex;flex-direction:column;margin-top:10px;padding:11px;border-radius:12px;background:#eef3ff;color:#576f9f;font-size:10px}.earn-modal-open{overflow:hidden!important}
@media(max-width:930px){#vfEarnV1{padding-bottom:95px}.earn-hero{padding:21px 16px;border-radius:21px}.earn-hero h1{font-size:37px}.summary{grid-template-columns:1fr 1fr}.products,.composer{grid-template-columns:1fr}.steps{grid-template-columns:1fr 1fr}.contract-metrics{grid-template-columns:1fr}.history-grid{grid-template-columns:1fr}.earn-modal-card{width:100%;max-height:88vh;margin:auto 0 0;border-radius:22px 22px 0 0}}
@media(max-width:560px){.steps{grid-template-columns:1fr}.review-grid{grid-template-columns:1fr}}

/* VF_EARN_V1_1_RETURN_PANEL_VISIBILITY_FIX
 * Force the right-side contract-return panel to remain dark/readable
 * even when global VaultFi card rules load later.
 */
#vfEarnV1 .earn-card.return{
  background:
    radial-gradient(circle at 92% 8%, rgba(141,110,255,.24), transparent 38%),
    linear-gradient(145deg,#172858,#102143) !important;
  color:#ffffff !important;
  border-color:rgba(255,255,255,.12) !important;
  box-shadow:0 18px 48px rgba(16,33,67,.22) !important;
}

#vfEarnV1 .earn-card.return h1,
#vfEarnV1 .earn-card.return h2,
#vfEarnV1 .earn-card.return h3,
#vfEarnV1 .earn-card.return h4,
#vfEarnV1 .earn-card.return b,
#vfEarnV1 .earn-card.return strong{
  color:#ffffff !important;
}

#vfEarnV1 .earn-card.return .metric{
  border-bottom-color:rgba(255,255,255,.11) !important;
}

#vfEarnV1 .earn-card.return .metric span{
  color:rgba(236,242,255,.72) !important;
}

#vfEarnV1 .earn-card.return .metric b{
  color:#ffffff !important;
}

#vfEarnV1 .earn-card.return .maturity{
  background:rgba(255,255,255,.09) !important;
  border:1px solid rgba(255,255,255,.12) !important;
}

#vfEarnV1 .earn-card.return .maturity span{
  color:rgba(236,242,255,.70) !important;
}

#vfEarnV1 .earn-card.return .maturity b{
  color:#ffffff !important;
}

#vfEarnV1 .earn-card.return .maturity small,
#vfEarnV1 .earn-card.return .foundation-copy{
  color:rgba(236,242,255,.68) !important;
}

#vfEarnV1 .earn-card.return .primary{
  background:linear-gradient(90deg,#6b8cff,#8c6dff) !important;
  color:#ffffff !important;
}

#vfEarnV1 .earn-card.return .primary:disabled{
  background:rgba(255,255,255,.14) !important;
  color:rgba(255,255,255,.68) !important;
  opacity:1 !important;
}

@media(max-width:930px){
  #vfEarnV1 .earn-card.return{
    position:static !important;
  }
}

/* VF_EARN_V1_1_2_METRIC_ROWS_FIX
 * Global card/row styling was still painting the four return rows white.
 * Keep the entire return panel internally dark and readable.
 */
#vfEarnV1 .earn-card.return > .metric,
#vfEarnV1 .return > .metric,
#vfEarnV1 .earn-card.return .metric{
  background:transparent !important;
  background-color:transparent !important;
  background-image:none !important;
  border-radius:0 !important;
  box-shadow:none !important;
  border-left:0 !important;
  border-right:0 !important;
  border-top:0 !important;
  border-bottom:1px solid rgba(255,255,255,.11) !important;
  padding:13px 0 !important;
}

#vfEarnV1 .earn-card.return > .metric span,
#vfEarnV1 .return > .metric span,
#vfEarnV1 .earn-card.return .metric span{
  color:rgba(236,242,255,.70) !important;
  opacity:1 !important;
}

#vfEarnV1 .earn-card.return > .metric b,
#vfEarnV1 .return > .metric b,
#vfEarnV1 .earn-card.return .metric b,
#vfEarnV1 .earn-card.return .metric strong{
  color:#ffffff !important;
  opacity:1 !important;
}

/* Protect every immediate child from generic white-card inheritance. */
#vfEarnV1 .earn-card.return > div:not(.maturity):not(.foundation-copy){
  box-shadow:none !important;
}

#vfEarnV1 .earn-card.return .maturity{
  background:rgba(255,255,255,.085) !important;
  color:#ffffff !important;
}

#vfEarnV1 .earn-card.return .maturity span{
  color:rgba(236,242,255,.72) !important;
}

#vfEarnV1 .earn-card.return .maturity b{
  color:#ffffff !important;
}

#vfEarnV1 .earn-card.return .maturity small{
  color:rgba(236,242,255,.66) !important;
}