/* Dedicated weekly / monthly eligibility cards retain the shared reward grid. */
.cashback-card{position:relative;display:flex;flex-direction:column;min-width:0}
.cashback-card-top{display:flex;align-items:center;gap:10px;padding-right:26px}
.cashback-state{display:inline-flex;align-items:center;min-height:23px;padding:3px 8px;border-radius:6px;border:1px solid #61c7ae35;background:#38625424;color:#a9dfcf;font-size:10px;font-weight:550;line-height:1.4}
.cashback-card.is-locked{background:linear-gradient(135deg,#282b2b,#242626);border-color:#454b49}
.cashback-card.is-locked .ui-card-icon{background:#323936;color:#a4b1ac;border-color:#68716b4d}
.cashback-card.is-locked .cashback-state{background:#737d7714;border-color:#737d7730;color:#aeb9b3}
.cashback-card.is-locked .df-reward-max{color:#c1cfc8}
.cashback-card.is-unlocked{border-color:#538778;background:linear-gradient(135deg,#24322d,#252c2a)}
.cashback-card.is-pending{border-color:#48635a;background:linear-gradient(135deg,#27312d,#252a28)}
.cashback-card.is-pending .cashback-state{color:#b9d5c8;background:#55776520;border-color:#759f8638}
.cashback-card.is-claimable{border-color:#63b39d;background:linear-gradient(135deg,#203b32,#252d29)}
.cashback-card.is-claimable .cashback-state,.cashback-details[data-cashback-state="claimable"]>.cashback-state{color:#b8ffea;background:#4fc5a61b;border-color:#6edcba66}
.cashback-card.is-claimable .df-reward-max{color:#8ff0d3}
.cashback-card .df-reward-actions{margin-top:auto;padding-top:8px}
.cashback-card .df-reward-actions>.btn{min-height:40px}
.cashback-card .df-reward-actions>.btn:disabled{background:#36433d;border-color:#4f665a;color:#b0c2b7;box-shadow:none;opacity:1;cursor:default;animation:none}
.cashback-card .btn.secondary{background:#363e3a;border-color:#66766d;color:#e0e9e4;box-shadow:none}
.cashback-preview-note{margin:0 0 9px;color:#99b5a8;font-size:10px;line-height:1.5}
.cashback-detail-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.cashback-details>h2{margin:0 0 10px;font-size:24px;line-height:1.4}
.cashback-details>.cashback-state{margin-bottom:14px}
.cashback-detail-intro{margin:0 0 16px;color:#b4c4bc;font-size:13px;line-height:1.75}
.cashback-rule-list{margin:18px 0}
.cashback-rule-list>h3{font-size:14px;margin:0 0 10px}
.cashback-rule-list>ul{margin:0;padding-left:20px;color:#aebeb5;font-size:13px;line-height:1.8}
.cashback-rule-list li+li{margin-top:6px}
.cashback-detail-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:20px}
.cashback-detail-actions .btn{min-height:44px;flex:1}
.cashback-detail-actions .text-link{font-size:12px;white-space:nowrap}
.cashback-detail-actions .btn:disabled{background:#36433d;color:#9cadA4;box-shadow:none;opacity:1;cursor:default}
.cashback-settlement{min-width:0;margin-top:20px}
.cashback-countdown{min-width:0;padding:16px;border:1px solid #5c9b8645;border-radius:12px;background:linear-gradient(135deg,#2c423826,#24342d66)}
.cashback-countdown-label{display:block;margin-bottom:12px;color:#b9d4c8;font-size:12px;font-weight:600;line-height:1.6}
.cashback-countdown-units{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;min-width:0}
.cashback-countdown-units>span{display:flex;align-items:baseline;justify-content:center;gap:5px;min-width:0;padding:12px 6px;border:1px solid #86d9b817;border-radius:8px;background:#14261f50}
.cashback-countdown-units b{display:block;min-width:2ch;color:#aff5db;font-size:28px;font-weight:650;line-height:1;font-variant-numeric:tabular-nums;font-feature-settings:"tnum";text-align:center;letter-spacing:0}
.cashback-countdown-units small{flex-shrink:0;color:#91ad9e;font-size:11px;line-height:1.4}
.cashback-countdown .cashback-countdown-schedule{margin:12px 0 0;color:#96b2a3;font-size:12px;line-height:1.6;overflow-wrap:anywhere}
.cashback-claim-notice{margin:16px 0 0;padding:12px 14px;border:1px solid #5cbb9760;border-radius:8px;background:#316e5120;color:#b8ead3;font-size:13px;line-height:1.7;overflow-wrap:anywhere}
@media(max-width:760px){
 .cashback-card .df-reward-actions>.btn{min-height:44px}
 .cashback-card-top{gap:7px}
 .cashback-state{padding:3px 6px;font-size:10px}
 .cashback-details>h2{font-size:22px}
 .cashback-detail-actions{flex-direction:column;align-items:stretch}
 .cashback-detail-actions .text-link{min-height:44px;justify-content:center}
 .cashback-countdown{padding:14px 12px}
 .cashback-countdown-units{gap:6px}
 .cashback-countdown-units>span{gap:3px;padding:11px 4px}
 .cashback-countdown-units b{font-size:24px}
 .cashback-countdown-units small{font-size:10px}
}
@media(max-width:359px){
 .cashback-countdown-units{gap:4px}
 .cashback-countdown-units>span{gap:2px;padding-inline:3px}
 .cashback-countdown-units b{font-size:22px}
}

/* Compact claim confirmation shares the existing modal shell. */
.cashback-complete{display:flex;flex-direction:column;align-items:center;text-align:center;padding:20px 12px 12px;max-width:440px;margin:0 auto}
.cashback-complete-icon{display:grid;place-items:center;width:68px;height:68px;margin-bottom:22px;border-radius:50%;color:#82f1d7;background:linear-gradient(145deg,#203f39,#254b42);border:1px solid #74d6bb66;box-shadow:0 0 0 9px #6dd5ba09,0 12px 32px #0002}
.cashback-complete-icon svg{width:34px;height:34px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.cashback-complete-eyebrow{margin:0 0 7px;color:#a8c8bc;font-size:12px;letter-spacing:.08em}
.cashback-complete h2{margin:0;color:#f0f7f3;font-size:26px;line-height:1.4;outline:none}
.cashback-complete-caption{margin:9px 0 24px;color:#aab8b1;font-size:13px;line-height:1.6}
.cashback-complete-amount{display:flex;flex-direction:column;gap:8px;align-self:stretch;padding:22px 16px;border:1px solid #78bca333;border-radius:12px;background:linear-gradient(135deg,#32534333,#1e2e2744)}
.cashback-complete-amount>span{color:#a9beb3;font-size:12px}
.cashback-complete-amount strong{font-size:34px;font-weight:650;line-height:1.2;font-variant-numeric:tabular-nums;letter-spacing:-.03em;color:#93ebd0}
.cashback-complete-amount small{font-size:13px;letter-spacing:.03em;margin-left:3px;color:#b8dccd}
.cashback-complete-actions{display:flex;flex-direction:column;align-self:stretch;gap:12px;margin-top:24px}
.cashback-complete-actions .btn{width:100%;min-height:44px}
.cashback-complete-actions>.text-link{justify-content:center;min-height:36px;font-size:12px;color:#aecbbd}
@media(max-width:480px){.cashback-complete{padding:14px 2px 4px}.cashback-complete-icon{width:60px;height:60px;margin-bottom:19px}.cashback-complete h2{font-size:24px}.cashback-complete-amount{padding:20px 12px}.cashback-complete-actions{margin-top:21px}}