.rewards-workspace{display:grid;gap:24px}.rewards-tabs{display:flex;gap:6px;flex-wrap:wrap;padding:5px;border:1px solid #21333f;border-radius:13px;width:fit-content;background:#0b131b}.rewards-tabs button{border:0;background:transparent;color:#8ca7ba;padding:10px 17px;border-radius:9px;font:inherit;cursor:pointer;transition:background .2s,color .2s}.rewards-tabs button[aria-selected=true]{background:#192b39;color:#e9f4ff}.rewards-panel[hidden]{display:none}.reward-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.reward-stat,.stake-card,.positions-card,.credit-card{background:linear-gradient(130deg,#101b25,#0c141c);border:1px solid #243847;border-radius:20px;padding:24px}.reward-stat small,.field-label,.stake-metric small{display:block;color:#89a4b8;font-size:12px;line-height:1.6}.reward-stat strong{display:block;font-size:27px;letter-spacing:-.8px;margin:10px 0 5px}.reward-stat span{color:#7896ad;font-size:12px}.stake-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(250px,1fr);gap:20px}.stake-card h2,.positions-card h2,.credit-card h2{font-size:20px;margin:0 0 10px}.stake-card>p,.credit-card>p{color:#91aabd;font-size:13px;line-height:1.7}.stake-asset{display:flex;align-items:center;gap:11px;margin:22px 0 15px}.stake-token-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#142e40;border:1px solid #2d526b;color:#b0e1ff;font-weight:700}.stake-asset small{color:#89a4b8;display:block;font-size:11px;margin-top:3px}.stake-input-wrap{display:flex;border:1px solid #2b4254;border-radius:13px;background:#09131c;margin-top:7px;transition:border-color .2s,box-shadow .2s}.stake-input-wrap:focus-within{border-color:#6baccd;box-shadow:0 0 0 3px #75b9df0d}.stake-input-wrap input{background:transparent;border:0;outline:none;color:#eaf6ff;font:inherit;font-size:23px;width:100%;padding:17px;min-width:0}.stake-input-wrap button{border:0;background:transparent;color:#93c8e9;font-size:12px;padding:0 18px;cursor:pointer}.stake-balance{font-size:12px;color:#88a3b8;margin:9px 0 22px;min-height:18px}.term-options{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:9px 0 22px}.term-options button{background:#0b1721;border:1px solid #243e50;border-radius:11px;padding:12px 5px;color:#b6c9d8;cursor:pointer;transition:all .2s;font:inherit;font-size:12px}.term-options button b{display:block;font-size:16px;margin-top:6px;color:#91c7e7}.term-options button[aria-pressed=true]{background:#18364a;border-color:#71afd0;box-shadow:0 0 22px #6bb7e30b;color:white}.stake-metrics{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:18px 0;border-top:1px solid #203443;border-bottom:1px solid #203443;margin-bottom:18px}.stake-metric strong{display:block;margin-top:5px;font-size:20px}.stake-helper{font-size:12px;color:#7e9cb3;line-height:1.7;min-height:21px}.stake-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:20px}.stake-message{font-size:13px;color:#b5cfe2;line-height:1.7;min-height:21px;white-space:pre-line}.stake-message:empty{display:none}.stake-message.error{color:#f1b4ba}.compact-notice{border-left:2px solid #5686a4;padding:3px 0 3px 13px;color:#8eacbf;font-size:12px;line-height:1.7;margin:15px 0}.positions-card{align-self:start;min-width:0}.positions-list{display:grid;gap:14px;margin-top:18px}.stake-position{border:1px solid #2b4556;border-radius:14px;padding:18px;background:linear-gradient(135deg,#10232e,#0b1721);min-width:0}.stake-position-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.stake-position-top>b{font-size:17px;font-weight:550;line-height:1.5;min-width:0;overflow-wrap:anywhere}.stake-position-top .position-status{flex-shrink:0;margin-top:2px}.stake-position small{display:block;color:#90aabd;font-size:12px;margin-top:8px}.stake-position .button{margin-top:0}.position-status{font-size:11px;color:#9ed5c6;background:#1b3b3433;padding:4px 8px;border-radius:20px;height:fit-content}.empty-compact{padding:36px 0;text-align:center;color:#7d9aaf;font-size:13px;line-height:1.8}.credit-terms{width:100%;border-collapse:collapse;font-size:13px;margin-top:20px}.credit-terms td,.credit-terms th{text-align:left;padding:13px 4px;border-bottom:1px solid #233848}.credit-terms th{color:#88a3b8;font-size:11px;font-weight:400}.credit-terms td:last-child{text-align:right;color:#b6e2ff}.reward-access{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;border:1px solid #243b4b;border-radius:14px;background:#0d1b26;margin-bottom:20px}.reward-access p{margin:0;color:#9db5c7;font-size:13px}.reward-access .button{flex-shrink:0}.payment-ledger{overflow:auto;border:1px solid #243847;border-radius:18px;padding:10px 20px}.payment-ledger table{width:100%;border-collapse:collapse;min-width:450px;font-size:13px}.payment-ledger th,.payment-ledger td{text-align:left;padding:16px 10px;border-bottom:1px solid #233848}.payment-ledger th{font-size:11px;font-weight:400;color:#8ca7bb}.wallet-asset-detail{font-size:11px;color:#7391a7;overflow-wrap:anywhere}.stake-review{border-top:1px solid #284052;padding-top:18px;margin-top:18px}.stake-review dl{display:grid;grid-template-columns:1fr auto;gap:12px;font-size:13px}.stake-review dt{color:#90a8bc}.stake-review dd{margin:0;text-align:right}.stake-review .button{margin-top:15px}.button:disabled{cursor:not-allowed;opacity:.45}.stake-panel-enter{animation:stake-in .26s ease-out}@keyframes stake-in{from{opacity:.35;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media(max-width:800px){.stake-layout{grid-template-columns:1fr}.reward-stat{padding:18px}.reward-stat strong{font-size:22px}.reward-access{align-items:flex-start;flex-direction:column}}@media(max-width:520px){.reward-stats{grid-template-columns:1fr}.reward-stat{display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px}.reward-stat strong{margin:0}.reward-stat span{grid-column:1/-1}.stake-card,.positions-card,.credit-card{padding:19px}.term-options{gap:5px}.term-options button{font-size:10px}.term-options button b{font-size:14px}}@media(prefers-reduced-motion:reduce){.stake-panel-enter{animation:none}.term-options button{transition:none}}
.stake-requirement{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin:12px 0 20px;padding:12px 14px;border:1px solid rgba(112,185,221,.16);border-radius:12px;background:rgba(112,185,221,.035)}
.stake-requirement>small:first-child{flex:1 1 190px;color:var(--text,#dce7ed);line-height:1.5}
.stake-requirement>small:last-child{flex-basis:100%;color:var(--muted,#8da9b9);font-size:11px;line-height:1.6}
.stake-requirement .text-button{font-size:12px;white-space:nowrap}
.stake-requirement .text-button:disabled{opacity:.4;cursor:default}
.term-options.has-test-term{grid-template-columns:repeat(3,minmax(0,1fr))}

/* X rewards and staking share controls, but show separate balances and navigation. */
#rewards-view[data-reward-section] .reward-stats{grid-template-columns:minmax(0,1fr)}

/* Separate X and staking claims share one clean review layout. */
#rewards-view{--claim-accent:#9adce1}
#rewards-view .rewards-workspace{gap:20px}
#rewards-view .reward-stats{max-width:none}
#rewards-view .reward-stat{position:relative;display:grid;grid-template-columns:1fr auto;gap:6px 20px;align-items:center;padding:23px 27px;background:radial-gradient(ellipse at 90% 0,#388b9630,transparent 65%),linear-gradient(110deg,#132630,#101b24);border-color:#3a5c67;overflow:hidden}
#rewards-view .reward-stat small{text-transform:uppercase;letter-spacing:1.6px;font-size:10px;color:#99bcc8}
#rewards-view .reward-stat strong{grid-column:2;grid-row:1/3;margin:0;color:#d1f3f4;font-size:34px;font-weight:550;font-variant-numeric:tabular-nums;text-shadow:0 0 32px #80e3ea25}
#rewards-view .reward-stat span{font-size:12px;color:#8dadbf}
#panel-earnings .stake-layout{grid-template-columns:minmax(0,1.6fr) minmax(220px,.85fr);align-items:start}
#panel-earnings .stake-card{padding:28px;min-width:0;background:linear-gradient(135deg,#10212b,#0c1720);border-color:#304c5b}
#panel-earnings .stake-card h2{font-size:22px;letter-spacing:-.5px;margin-bottom:9px}
#panel-earnings .stake-card>p{margin:0 0 20px;color:#8faabd;font-size:12px}
#reward-balances{padding:15px 0 19px;text-align:left;border-bottom:1px solid #263d4b;font-size:12px;color:#93afc3}
#reward-balances p{margin:0 0 9px;line-height:1.7}#reward-balances b{font-weight:500;color:#c4dce7}
#reward-balances details{margin-top:15px;border-top:1px solid #233c4b;padding-top:14px}#reward-balances summary{cursor:pointer;color:#a6d8e4;margin-bottom:12px}
#panel-earnings .stake-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:15px;margin-top:22px}
#claim-rewards,#claim-staking{min-height:48px;border:1px solid #81c3ce;background:linear-gradient(120deg,#acdce5,#83bccd);color:#092332;box-shadow:0 0 24px #80d8df12;font-weight:600}
#rewards-connect-x{justify-self:end;align-self:center;max-width:180px;overflow-wrap:anywhere;font-size:12px}
#panel-earnings .credit-card{padding:24px;border-color:#304c5b;background:#0d1922;align-self:start;min-width:0}
#panel-earnings .credit-card h2{font-size:20px;line-height:1.35;letter-spacing:-.4px;margin:0 0 14px;font-weight:550}
#panel-earnings .credit-card p{font-size:13px;line-height:1.7;margin:0;color:#91aabd}#panel-earnings .compact-notice{font-size:12px;line-height:1.7;border-left:0;border-top:1px solid #29414f;padding:15px 0 0;margin:17px 0 0;color:#88a6bb}
.claim-options{margin-top:18px;font-size:11px;color:#7898ae}.claim-options summary{cursor:pointer;width:fit-content}.claim-options label{display:flex;align-items:center;gap:10px;margin-top:12px}.claim-options input{appearance:none;width:17px;height:17px;border:1px solid #597c91;border-radius:5px;background:#122633;display:grid;place-items:center;flex-shrink:0}.claim-options input:checked{background:#9dd8df;border-color:#9dd8df}.claim-options input:checked:after{content:'✓';color:#12323c;font-size:12px}.claim-options input:focus-visible{outline:2px solid #a7e5ef;outline-offset:3px}
#claim-progress{margin-top:24px}#claim-review:empty{display:none}
#claim-review .claim-summary{padding:24px;margin-top:24px;border:1px solid #40616d;border-radius:15px;background:linear-gradient(125deg,#142a35,#101d28);box-shadow:0 10px 36px #0002}
.claim-summary h3{font-size:16px;font-weight:550;color:#cce8f1;margin:0 0 20px}
#claim-review dl{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px 22px;margin:0;font-size:12px;line-height:1.7}
#claim-review dt{color:#8da9bc}#claim-review dd{color:#d4e8f2;min-width:0;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
#claim-review .claim-summary>p{font-size:11px;color:#8fabbf;line-height:1.8;margin:18px 0 0;border-top:1px solid #2c4554;padding-top:15px}
#claim-review details{margin-top:15px;font-size:11px}#claim-review details summary{cursor:pointer;color:#9ebdce}#claim-review details p{line-height:1.8}
#claim-review #confirm-claim{width:100%;min-height:46px;margin-top:22px}
#rewards-access{margin:0;border-color:#365563}#rewards-message{margin:0}#rewards-message.error{border:1px solid #6a414f;border-radius:12px;background:#351e2833;padding:15px}
@media(max-width:900px){#panel-earnings .stake-layout{grid-template-columns:1fr}#panel-earnings .credit-card{padding:20px}}
@media(max-width:520px){#panel-earnings .stake-card{padding:20px}#rewards-view .reward-stat{padding:20px}#rewards-view .reward-stat strong{font-size:28px}#rewards-view .reward-stat span{grid-column:1}#panel-earnings .stake-actions{grid-template-columns:1fr}#rewards-connect-x{justify-self:start}#claim-review .claim-summary{padding:18px}#claim-review dl{gap:13px 12px;font-size:11px}}

#panel-earnings .stake-card:has(#claim-review:not(:empty))>.stake-actions,#panel-earnings .stake-card:has(#claim-review:not(:empty))>.claim-options{display:none}

.stake-multiplier-note{padding:14px 16px;border:1px solid #345563;border-radius:12px;background:#142b3440;font-size:12px!important;line-height:1.8!important;margin:0 0 22px!important;color:#8eafc1!important}.stake-multiplier-note strong{display:block;color:#bedfe8;font-size:12px;font-weight:550;margin-bottom:5px}.stake-multiplier-note b{font-weight:500;color:#b4d5df}

#claim-review.claim-result-actions{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px 22px;margin-top:22px}
.claim-result-actions .sample-transaction{min-width:0;overflow-wrap:anywhere;font-size:12px;line-height:1.8}
#claim-review.claim-result-actions>.button{margin:0 0 0 auto;flex-shrink:0}
@media(max-width:520px){#claim-review.claim-result-actions{gap:15px;margin-top:20px}#claim-review.claim-result-actions>.button{width:100%;margin:0}.claim-result-actions .sample-transaction{font-size:11px}}

.position-details{display:grid;gap:14px;margin:20px 0 0;padding:17px 0;border-top:1px solid #29404e;border-bottom:1px solid #29404e;font-size:12px;line-height:1.6}
.position-details>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:12px;align-items:start}
.position-details dt{color:#89a8bb}.position-details dd{margin:0;text-align:right;color:#c7e1ec;min-width:0;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.position-time{display:block;color:#88a8bc;font-size:11px;margin-top:3px}
.position-actions{display:grid;gap:13px;margin-top:18px}
.position-actions>.button{width:100%;min-height:44px;justify-content:center;font-size:12px}
.position-actions>.text-button{justify-self:center;padding:2px 0;color:#91bccf;font-size:11px;line-height:1.6}
.position-actions>.text-button:hover{color:#d0eaf3}
.position-actions>.text-button:focus-visible{outline:2px solid #a7dce5;outline-offset:4px;border-radius:3px}

.staking-overview{padding:25px 27px;border:1px solid #35515e;border-radius:20px;background:radial-gradient(ellipse at 90% 0,#438b9320,transparent 65%),linear-gradient(115deg,#13252f,#0e1821);min-width:0}
.staking-overview-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px}.staking-overview-heading h2{font-size:16px;font-weight:550;margin:0;letter-spacing:-.2px;color:#cce6ef}.staking-overview-heading>span{font-size:11px;color:#7f9bab}
.staking-overview-metrics{display:grid;grid-template-columns:1.2fr 1fr 1.2fr;gap:22px;margin:0}.staking-overview-metrics>div+div{border-left:1px solid #29414d;padding-left:22px}.staking-overview-metrics dt{font-size:11px;line-height:1.6;color:#91adbd}.staking-overview-metrics dd{margin:8px 0 0;font-size:clamp(17px,1.8vw,26px);line-height:1.4;letter-spacing:-.5px;font-weight:550;font-variant-numeric:tabular-nums;color:#cee9ed;overflow-wrap:anywhere}
.staking-supply-track{height:4px;margin-top:24px;border-radius:3px;background:#253c48;overflow:hidden}.staking-supply-track>div{height:100%;width:0;border-radius:inherit;background:#83cbd3;transition:width .3s ease}
.staking-overview>p{font-size:10px;line-height:1.6;color:#86a8b8;margin:13px 0 4px}.staking-overview>small{display:block;font-size:10px;line-height:1.7;color:#738f9f}
@media(max-width:650px){.staking-overview{padding:21px}.staking-overview-heading{align-items:flex-start;flex-direction:column;gap:6px;margin-bottom:20px}.staking-overview-metrics{grid-template-columns:1fr;gap:16px}.staking-overview-metrics>div+div{border-left:0;border-top:1px solid #29414d;padding:15px 0 0}.staking-overview-metrics>div{display:flex;justify-content:space-between;align-items:baseline;gap:18px}.staking-overview-metrics dd{margin:0;text-align:right;font-size:18px}.staking-supply-track{margin-top:20px}}
@media(prefers-reduced-motion:reduce){.staking-supply-track>div{transition:none}}