/* RideOS Rewards, Badges & Leaderboard — approved mockup visual system. Website-only. */
:root{--reward-dark:#07141d;--reward-dark-2:#0b1d28;--reward-dark-3:#102733;--reward-orange:#ff5a00;--reward-green:#19bd69;--reward-blue:#248cff;--reward-red:#ef342d;--reward-gold:#eeb348;--reward-line:#dbe4ea;--reward-text:#101923;--reward-muted:#667786}
.rewards-hero{min-height:170px;border-radius:14px;margin-bottom:16px;padding:28px 30px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px;color:#fff;background:linear-gradient(90deg,rgba(5,14,20,.95),rgba(7,19,28,.72) 52%,rgba(7,19,28,.24)),url('/assets/images/royal-enfield-adventure.png') center 58%/cover no-repeat;box-shadow:0 8px 30px rgba(17,34,46,.08)}.rewards-hero.personal{min-height:190px}.rewards-hero h1{margin:3px 0 8px;font-size:34px;line-height:1}.rewards-hero p{margin:0;max-width:720px;color:#dce6ec;font-size:13px;line-height:1.55}.rewards-kicker{font-size:10px;font-weight:900;letter-spacing:.15em;color:#ff9d66}.reward-primary{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 18px;border-radius:8px;background:var(--reward-orange);color:white;text-decoration:none;font-weight:800;font-size:12px;white-space:nowrap;box-shadow:0 5px 18px rgba(255,90,0,.22)}.reward-primary:hover{background:#ef5200}.reward-notice{padding:12px 14px;margin:0 0 14px;border:1px solid #b9dfca;border-radius:9px;background:#effbf4;color:#126436;font-size:12px;font-weight:700}
.leaderboard-toolbar{display:flex;justify-content:space-between;gap:14px;align-items:center;margin:10px 0 14px}.reward-tabs{display:inline-flex;gap:4px;padding:4px;border-radius:10px;background:#e7edf2}.reward-tabs a{padding:8px 13px;border-radius:7px;color:#516271;text-decoration:none;font-size:11px;font-weight:800}.reward-tabs a.active{background:#fff;color:#101923;box-shadow:0 1px 5px rgba(20,34,45,.1)}.reward-tabs.scope-tabs a.active{background:var(--reward-orange);color:#fff}.period-pill{display:inline-flex;align-items:center;padding:7px 10px;border:1px solid var(--reward-line);border-radius:7px;background:#fff;color:#354656!important;font-size:10px!important}
.my-rank-strip{display:grid;grid-template-columns:1.2fr repeat(4,1fr);gap:1px;border:1px solid #dbe4ea;border-radius:11px;overflow:hidden;background:#dbe4ea;margin-bottom:14px}.my-rank-strip>div{padding:14px 16px;background:#fff;display:flex;flex-direction:column;justify-content:center;min-height:78px}.my-rank-strip>div:first-child{background:linear-gradient(135deg,#fff7f1,#fff)}.my-rank-strip span{font-size:9px;color:#798895;text-transform:uppercase;letter-spacing:.08em;font-weight:900}.my-rank-strip strong{font-size:22px;line-height:1.1;color:#121f29}.my-rank-strip>div:first-child strong{color:var(--reward-orange);font-size:27px}.my-rank-strip small{color:#687987;font-size:10px;margin-top:4px}.my-rank-strip.empty{grid-template-columns:1fr}
.leaderboard-card,.reward-panel{background:#fff;border:1px solid #dce5ea;border-radius:12px;box-shadow:0 1px 3px rgba(20,33,44,.04);padding:16px;margin-bottom:14px}.reward-card-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.reward-card-heading h2{margin:2px 0 0;font-size:19px;color:#101923}.reward-card-heading>span{font-size:10px;color:#697a87;font-weight:800}
.reward-dark-panel{background:linear-gradient(150deg,#07141d,#0b202b);border:1px solid #1f3947;color:#fff;box-shadow:0 12px 30px rgba(5,17,25,.14)}.reward-dark-panel .reward-card-heading h2{color:#fff}.reward-dark-panel .reward-card-heading>span{color:#9eb0bc}.reward-dark-panel .rewards-kicker{color:#ff7a31}
.podium{display:flex;justify-content:center;align-items:flex-end;gap:14px;min-height:205px;padding:18px 10px 4px;background:linear-gradient(180deg,#0b1b25,#112936);border-radius:11px;margin-bottom:14px;color:#fff}.podium-rider{width:150px;text-align:center;position:relative}.podium-rider.place-1{order:2}.podium-rider.place-2{order:1}.podium-rider.place-3{order:3}.podium-avatar{width:74px;height:74px;margin:0 auto 8px;position:relative}.podium-rider.place-1 .podium-avatar{width:90px;height:90px}.podium-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%;border:4px solid #dce4e9}.place-1 .podium-avatar img{border-color:#f5b431}.place-3 .podium-avatar img{border-color:#c8783f}.podium-avatar span{position:absolute;right:-5px;top:-10px;width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:#f6b332;color:#1a1b1b;font-weight:900}.podium-rider>strong{display:block;font-size:12px}.podium-rider>small{display:block;margin:3px 0 8px;color:#cbd7df;font-size:10px}.podium-base{height:48px;border-radius:7px 7px 0 0;background:linear-gradient(180deg,#718697,#536778);display:grid;place-items:center;font-size:25px;font-weight:900}.place-1 .podium-base{height:72px;background:linear-gradient(180deg,#f4c45b,#b77a17)}.place-3 .podium-base{height:38px;background:linear-gradient(180deg,#c57a49,#8e4c29)}
.leaderboard-table-wrap{overflow:auto}.leaderboard-table{width:100%;border-collapse:collapse}.leaderboard-table th,.leaderboard-table td{padding:10px 11px;border-bottom:1px solid #edf1f4;text-align:left;font-size:11px}.leaderboard-table th{font-size:9px;letter-spacing:.08em;color:#778793;text-transform:uppercase;background:#f6f8fa}.leaderboard-table tr.is-self td{background:#fff7f1;border-top:1px solid #ffc49e;border-bottom:1px solid #ffc49e}.leader-rider{display:flex;align-items:center;gap:9px;min-width:170px}.leader-rider img{width:34px;height:34px;border-radius:50%;object-fit:cover;background:#e7edf2}.leader-rider strong{display:block;color:#14212b}.leader-rider small{display:block;color:#778691;margin-top:2px}.leader-badge-count{padding:4px 7px;background:#f2f5f7;border-radius:999px;white-space:nowrap}.leader-badges{display:flex;align-items:center;gap:3px;min-width:105px}.leader-badges .reward-badge.icon-only{width:26px}.leader-badges .reward-badge-art{width:24px!important;height:28px!important}.leader-badges .reward-badge-icon{width:11px;height:11px}.leader-badges .reward-badge-main{font-size:6px}.leader-badges .reward-badge-sub{display:none}.leader-badges>small{color:#748491;font-size:8px;margin-left:2px}.reward-empty{padding:20px;text-align:center;color:#73838f!important;font-size:12px}
.reward-stat-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:0 0 14px}.reward-stat-grid article{min-height:100px;padding:15px;background:#fff;border:1px solid #dce5ea;border-radius:10px;display:grid;grid-template-columns:35px 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center}.reward-stat-grid article>span{grid-row:1/3;width:34px;height:34px;border-radius:9px;background:#fff0e7;color:var(--reward-orange);display:grid;place-items:center;font-size:18px}.reward-stat-grid strong{font-size:22px;line-height:1}.reward-stat-grid small{color:#758592;font-size:10px}.reward-two-column{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:14px;align-items:start}.admin-reward-grid{grid-template-columns:minmax(0,1.3fr) minmax(320px,.7fr)}
/* Badge artwork - CSS built to match the approved metallic RideOS mockup. */
.reward-badge-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(105px,1fr));gap:14px}.reward-badge{--metal:#8ba0ae;--metal2:#c9d4da;--accent:#7f96a5;display:flex;flex-direction:column;align-items:center;text-align:center;min-width:0;position:relative;color:#fff}.reward-badge.tone-green{--metal:#1e8a54;--metal2:#69df9a;--accent:#10b765}.reward-badge.tone-blue{--metal:#1b67a8;--metal2:#76c2ff;--accent:#238cff}.reward-badge.tone-orange,.reward-badge.tone-bronze{--metal:#b64a13;--metal2:#ff9a55;--accent:#ff5a00}.reward-badge.tone-red{--metal:#9e1715;--metal2:#ff5d4e;--accent:#ef342d}.reward-badge.tone-gold{--metal:#9e6507;--metal2:#ffd266;--accent:#eeb348}.reward-badge.tone-silver{--metal:#718490;--metal2:#e2edf2;--accent:#b9c6cd}.reward-badge.tone-platinum{--metal:#4b6578;--metal2:#d7e9f5;--accent:#8caabd}
.reward-badge-art{width:78px;height:88px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;isolation:isolate;filter:drop-shadow(0 5px 7px rgba(0,0,0,.3));transition:transform .18s ease}.reward-badge:hover .reward-badge-art{transform:translateY(-2px) scale(1.02)}.reward-badge-art:before{content:"";position:absolute;inset:0;z-index:-3;background:linear-gradient(145deg,var(--metal2),var(--metal) 48%,#263844 52%,var(--metal2));clip-path:polygon(50% 0,92% 16%,88% 69%,50% 100%,12% 69%,8% 16%)}.reward-badge-art:after{content:"";position:absolute;inset:5px;z-index:-2;background:radial-gradient(circle at 35% 25%,#17303e 0,#0b1a24 60%,#050d12 100%);clip-path:polygon(50% 0,92% 16%,88% 69%,50% 100%,12% 69%,8% 16%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}
.reward-badge.family-medallion .reward-badge-art{width:76px;height:76px;border-radius:50%}.reward-badge.family-medallion .reward-badge-art:before,.reward-badge.family-medallion .reward-badge-art:after{clip-path:none;border-radius:50%}.reward-badge.family-medallion .reward-badge-art:before{background:conic-gradient(from 20deg,var(--metal2),var(--metal),#263844,var(--metal2),var(--metal))}.reward-badge.family-medallion .reward-badge-art:after{inset:6px;box-shadow:inset 0 0 0 2px rgba(255,255,255,.12),inset 0 0 0 5px rgba(0,0,0,.28)}
.reward-badge.family-winged .reward-badge-art:before{clip-path:polygon(50% 0,86% 12%,86% 70%,50% 100%,14% 70%,14% 12%)}.reward-badge.family-winged .reward-badge-art:after{clip-path:polygon(50% 0,86% 12%,86% 70%,50% 100%,14% 70%,14% 12%)}.reward-badge.family-winged:before,.reward-badge.family-winged:after,.reward-badge.family-role:before,.reward-badge.family-role:after,.reward-badge.family-elite:before,.reward-badge.family-elite:after{content:"";position:absolute;top:32px;width:28px;height:25px;z-index:-1;opacity:.95;background:repeating-linear-gradient(to bottom,var(--metal2) 0 2px,transparent 2px 5px);filter:drop-shadow(0 2px 2px rgba(0,0,0,.25))}.reward-badge.family-winged:before,.reward-badge.family-role:before,.reward-badge.family-elite:before{right:calc(50% + 30px);transform:skewY(-18deg)}.reward-badge.family-winged:after,.reward-badge.family-role:after,.reward-badge.family-elite:after{left:calc(50% + 30px);transform:skewY(18deg)}
.reward-badge.family-crown .reward-badge-art:before{clip-path:polygon(50% 0,92% 17%,88% 69%,50% 100%,12% 69%,8% 17%)}.reward-badge.family-certificate .reward-badge-art:after{background:radial-gradient(circle at 35% 20%,#1b3441,#0b1a24 65%)}
.reward-badge-icon{width:25px;height:25px;display:grid;place-items:center;color:var(--metal2);margin-bottom:1px;text-shadow:0 1px 3px rgba(0,0,0,.5)}.reward-badge-icon svg{width:100%;height:100%;overflow:visible}.reward-badge-main{font-size:17px;font-weight:950;line-height:1;color:#fff;letter-spacing:-.04em;text-shadow:0 2px 3px #000}.reward-badge-sub{font-size:6px;font-weight:900;letter-spacing:.08em;color:#f7c05d;margin-top:2px;text-shadow:0 1px 2px #000}.reward-badge.family-role .reward-badge-main{font-size:9px;max-width:58px;line-height:1.05}.reward-badge.family-crown .reward-badge-main{font-size:18px}.reward-badge.family-crown .reward-badge-sub{font-size:7px}.reward-badge.family-certificate .reward-badge-main{font-size:11px}.reward-badge.family-certificate .reward-badge-sub{font-size:5.5px}.reward-badge>strong{font-size:10px;margin-top:7px;color:#18252f;line-height:1.15}.reward-badge>small{font-size:8px;color:#788894;margin-top:2px}.reward-dark-panel .reward-badge>strong{color:#eef5f8}.reward-dark-panel .reward-badge>small{color:#93a8b5}.reward-badge.is-compact .reward-badge-art{width:50px;height:57px}.reward-badge.is-compact.family-medallion .reward-badge-art{width:50px;height:50px}.reward-badge.is-compact .reward-badge-icon{width:16px;height:16px}.reward-badge.is-compact .reward-badge-main{font-size:10px}.reward-badge.is-compact .reward-badge-sub{font-size:4.6px}.reward-badge.is-compact.family-role .reward-badge-main{font-size:6px;max-width:40px}.reward-badge.is-compact>strong{font-size:8px}.reward-badge.icon-only>strong,.reward-badge.icon-only>small{display:none}
.badge-catalog-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.badge-group-panel{background:linear-gradient(145deg,#091a24,#0c2531);border:1px solid #1e3a48;border-radius:12px;padding:14px;color:#fff}.badge-group-panel h3{margin:0 0 2px;font-size:12px;color:#fff;text-transform:uppercase;letter-spacing:.03em}.badge-group-panel>p{margin:0 0 13px;color:#9db0bb;font-size:9px}.badge-group-panel .reward-badge-grid{grid-template-columns:repeat(auto-fit,minmax(88px,1fr));gap:12px}.badge-catalog-item{padding:10px 5px;border:1px solid rgba(255,255,255,.08);border-radius:9px;background:rgba(255,255,255,.025);display:grid;align-content:start}.badge-catalog-item.locked{opacity:.34;filter:grayscale(.65)}.badge-catalog-item.earned{border-color:rgba(255,90,0,.48);background:linear-gradient(180deg,rgba(255,90,0,.08),rgba(255,255,255,.025))}.badge-catalog-item p{font-size:8px;line-height:1.35;color:#9eb1bd;text-align:center;margin:7px 3px 0}.reward-badge-grid.catalog{grid-template-columns:repeat(auto-fill,minmax(115px,1fr))}
.progress-list{display:grid;gap:15px}.progress-list>div>div{display:flex;justify-content:space-between;gap:10px}.progress-list strong{font-size:11px}.progress-list span{font-size:9px;color:#6f7e8a}.progress-list progress{width:100%;height:10px;margin-top:7px;accent-color:var(--reward-orange)}.odometer-warning{padding:12px 14px!important;margin:14px 0 0!important;background:#fff8ed;border:1px solid #ffd39c;border-radius:8px;color:#704515!important;font-size:10px!important;line-height:1.45}.odometer-warning p{margin:5px 0 0}.reward-history{display:grid}.reward-history article{display:grid;grid-template-columns:38px 1fr auto;gap:10px;align-items:center;padding:11px 0;border-top:1px solid #edf1f4}.reward-history article:first-child{border-top:0}.history-icon{width:34px;height:34px;border-radius:9px;background:#e9f7ef;color:#129355;display:grid;place-items:center;font-weight:900}.history-icon.adjustment{background:#fff0e7;color:#d95608}.reward-history article>div:nth-child(2)>strong{font-size:11px}.reward-history small{display:block;font-size:9px;color:#788793;margin-top:2px}.reward-history p{margin:4px 0 0;color:#647582;font-size:9px}.history-points{font-size:14px;color:#119655}.history-points.negative{color:#d63232}
.points-rule-grid{display:grid;grid-template-columns:repeat(7,minmax(90px,1fr));gap:9px}.points-rule-grid>div{padding:12px;border:1px solid #e0e7ec;border-radius:9px;background:#f8fafb;text-align:center}.points-rule-grid strong{display:block;font-size:10px}.points-rule-grid b{display:block;font-size:20px;color:var(--reward-orange);margin:5px 0 3px}.points-rule-grid small{font-size:8px;color:#778692}.finalize-list{display:grid;gap:8px}.finalize-list article{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px;border:1px solid #e1e7eb;border-radius:8px}.finalize-list strong{display:block;font-size:11px}.finalize-list small,.finalize-list span{display:block;color:#74838f;font-size:9px;margin-top:3px}.finalize-list button,.reward-form button{border:0;border-radius:7px;background:var(--reward-orange);color:#fff;font-weight:800;font-size:10px;padding:9px 12px;cursor:pointer}.mini-leaderboard{list-style:none;padding:0;margin:0;display:grid}.mini-leaderboard li{display:grid;grid-template-columns:30px 34px 1fr auto;gap:8px;align-items:center;padding:9px 0;border-top:1px solid #edf1f4}.mini-leaderboard li:first-child{border-top:0}.mini-leaderboard .rank{font-size:10px;font-weight:900;color:#ff5a00}.mini-leaderboard img{width:32px;height:32px;border-radius:50%;object-fit:cover}.mini-leaderboard strong{display:block;font-size:10px}.mini-leaderboard small{display:block;color:#788793;font-size:8px;margin-top:2px}.mini-leaderboard b{font-size:10px}.reward-form{display:grid;gap:10px}.reward-form label{display:grid;gap:5px;color:#4b5b68;font-size:10px;font-weight:800}.reward-form select,.reward-form input,.reward-form textarea{width:100%;box-sizing:border-box;border:1px solid #d7e0e6;border-radius:7px;background:#fff;padding:10px;color:#18242e;font:inherit}.reward-form textarea{min-height:82px;resize:vertical}
.profile-reward-card .profile-reward-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}.profile-reward-summary>div{padding:10px 8px;border-radius:8px;background:#f5f7f9;text-align:center}.profile-reward-summary strong{display:block;font-size:17px;color:#111f29}.profile-reward-summary small{display:block;font-size:8px;color:#748491;margin-top:3px}.profile-badge-showcase{display:flex;gap:8px;overflow:hidden;padding:4px 2px}.profile-badge-showcase .reward-badge{min-width:64px}.profile-badge-showcase .reward-badge-art{width:52px;height:60px}.profile-badge-showcase .reward-badge.family-medallion .reward-badge-art{width:52px;height:52px}.profile-badge-showcase .reward-badge-icon{width:17px;height:17px}.profile-badge-showcase .reward-badge-main{font-size:10px}.profile-badge-showcase .reward-badge>strong{font-size:7.5px;max-width:64px}.profile-leaders{display:grid;gap:7px;margin-top:10px}.profile-leader{display:grid;grid-template-columns:22px 28px 1fr auto;gap:7px;align-items:center;font-size:9px}.profile-leader .rank{font-weight:900;color:#ff5a00}.profile-leader img{width:28px;height:28px;border-radius:50%;object-fit:cover}.profile-leader strong{font-size:9px}.profile-leader b{font-size:9px}.view-rewards-link{display:inline-flex;margin-top:11px;color:#0965e9;text-decoration:none;font-size:10px;font-weight:800}
@media(max-width:1100px){.reward-stat-grid{grid-template-columns:repeat(3,1fr)}.points-rule-grid{grid-template-columns:repeat(4,1fr)}.my-rank-strip{grid-template-columns:repeat(3,1fr)}.my-rank-strip>div:first-child{grid-column:span 3}.reward-two-column,.admin-reward-grid{grid-template-columns:1fr}.badge-catalog-groups{grid-template-columns:1fr}}
@media(max-width:720px){.rewards-hero{min-height:200px;padding:22px 18px;flex-direction:column;align-items:flex-start;justify-content:flex-end}.rewards-hero h1{font-size:27px}.leaderboard-toolbar{align-items:flex-start;flex-direction:column}.reward-stat-grid{grid-template-columns:repeat(2,1fr)}.points-rule-grid{grid-template-columns:repeat(2,1fr)}.my-rank-strip{grid-template-columns:1fr 1fr}.my-rank-strip>div:first-child{grid-column:1/3}.podium{gap:5px}.podium-rider{width:31%}.leaderboard-card,.reward-panel{padding:12px}.reward-badge-grid.catalog{grid-template-columns:repeat(2,1fr)}.badge-group-panel .reward-badge-grid{grid-template-columns:repeat(2,1fr)}}

/* 2026-09-09 rewards resolve-all hotfix: mockup-aligned rider rewards surface. */
.rewards-my-page{margin:14px 0 0;padding:14px;border-radius:16px;background:linear-gradient(155deg,#06131c 0%,#091c27 48%,#07141d 100%);box-shadow:0 18px 44px rgba(7,20,29,.16);color:#eef5f8}
.rewards-my-page .rewards-hero{margin:0 0 12px;min-height:182px;border:1px solid #203b49;box-shadow:none;background:linear-gradient(90deg,rgba(4,12,18,.95),rgba(7,21,30,.62) 58%,rgba(6,15,21,.25)),url('/assets/images/royal-enfield-adventure.png') center 58%/cover no-repeat}
.rewards-profile-identity{display:flex;align-items:center;gap:17px}.rewards-profile-identity>img{width:92px;height:92px;border-radius:50%;object-fit:cover;border:4px solid #fff;box-shadow:0 8px 20px rgba(0,0,0,.34);background:#152733}.rewards-profile-identity h1{font-size:31px}.rewards-profile-identity p{font-size:11px}.rewards-hero-actions{display:flex;gap:8px;align-items:center}.reward-secondary-dark{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 16px;border:1px solid rgba(255,255,255,.44);border-radius:8px;background:rgba(5,14,20,.58);color:#fff;text-decoration:none;font-size:11px;font-weight:800}.reward-secondary-dark:hover{border-color:#ff7b31;background:rgba(255,90,0,.08)}
.reward-zero-state{display:flex;align-items:center;gap:10px;margin:0 0 12px;padding:11px 14px;border:1px solid #25414f;border-radius:10px;background:#0b2230;color:#cbd8df;font-size:10px;line-height:1.45}.reward-zero-state strong{color:#fff;white-space:nowrap}.reward-zero-state span{color:#a9bac4}
.rewards-my-page .reward-stat-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-bottom:12px}.rewards-my-page .reward-stat-grid article{min-height:84px;padding:12px;border-color:#213b48;background:linear-gradient(145deg,#0b202b,#0e2936);color:#fff}.rewards-my-page .reward-stat-grid article>span{width:32px;height:32px;background:#132f3d;color:#ff6a14;border:1px solid #254a5c;font-size:11px;font-weight:900}.rewards-my-page .reward-stat-grid strong{font-size:20px;color:#fff}.rewards-my-page .reward-stat-grid small{color:#9fb1bc;font-size:8.5px}
.rewards-my-page .reward-panel{border-color:#1f3946;background:linear-gradient(145deg,#091a24,#0b202b);color:#eef5f8;box-shadow:none}.rewards-my-page .reward-card-heading h2{color:#fff}.rewards-my-page .reward-card-heading>span{color:#9fb1bc}.rewards-my-page .reward-card-heading{margin-bottom:11px}.rewards-my-page .reward-two-column{grid-template-columns:minmax(0,1.25fr) minmax(330px,.75fr);gap:12px}.reward-badge-cabinet{min-height:260px}.earned-badge-grid{grid-template-columns:repeat(auto-fit,minmax(105px,1fr));align-items:start}.reward-progress-panel{min-height:260px}.rewards-my-page .progress-list strong{color:#f4f8fa}.rewards-my-page .progress-list span{color:#95aab6}.rewards-my-page .progress-list progress{height:9px;border:0;border-radius:999px;overflow:hidden;background:#17313f}.rewards-my-page .progress-list progress::-webkit-progress-bar{background:#17313f;border-radius:999px}.rewards-my-page .progress-list progress::-webkit-progress-value{background:linear-gradient(90deg,#ff5a00,#ff9c58);border-radius:999px}.rewards-my-page .odometer-warning{background:#1b1b16!important;border-color:#725022!important;color:#f7d6a4!important}.rewards-my-page .odometer-warning p{color:#c5af8b}
.rewards-rank-panel{padding-bottom:12px}.reward-text-link{color:#ff8a47;text-decoration:none;font-size:9px;font-weight:900}.reward-text-link:hover{color:#fff}.rewards-rank-layout{display:grid;grid-template-columns:215px minmax(0,1fr);gap:12px;align-items:stretch}.my-position-card{border:1px solid #5f3d24;border-radius:11px;padding:18px;background:linear-gradient(145deg,#191914,#0c202a);display:flex;flex-direction:column;justify-content:center;text-align:center}.my-position-card span{text-transform:uppercase;letter-spacing:.11em;font-size:8px;color:#f5a36f;font-weight:900}.my-position-card strong{font-size:42px;line-height:1;color:#ff6a14;margin:7px 0}.my-position-card small{font-size:8.5px;color:#b4c1c8;line-height:1.5}.rewards-mini-leaders{display:grid;gap:5px}.rewards-mini-leaders article{display:grid;grid-template-columns:32px 38px minmax(0,1fr) auto 70px;gap:9px;align-items:center;min-height:50px;padding:7px 10px;border:1px solid #1e3946;border-radius:9px;background:#0a1b24}.rewards-mini-leaders article.is-self{border-color:#ff6715;background:linear-gradient(90deg,rgba(255,90,0,.13),#0a1b24 42%)}.leader-rank{font-size:10px;font-weight:950;color:#ff6a14}.rewards-mini-leaders>article>img{width:36px;height:36px;border-radius:50%;object-fit:cover;background:#152833}.leader-copy strong{display:block;font-size:10px;color:#fff}.leader-copy small{display:block;margin-top:2px;font-size:7.5px;color:#8fa5b1}.leader-badge-preview{display:flex;gap:1px;justify-content:flex-end}.leader-badge-preview .reward-badge{width:22px;min-width:22px}.leader-badge-preview .reward-badge-art{width:20px!important;height:23px!important;filter:none}.leader-badge-preview .reward-badge.family-medallion .reward-badge-art{width:20px!important;height:20px!important}.leader-badge-preview .reward-badge-icon{width:8px;height:8px}.leader-badge-preview .reward-badge-main{font-size:5px}.leader-badge-preview .reward-badge-sub{display:none}.rewards-mini-leaders>article>b{font-size:9px;color:#fff;text-align:right}
.rewards-my-page .reward-history-panel{background:#fff;color:#17242e;border-color:#dfe7ec}.rewards-my-page .reward-history-panel .reward-card-heading h2{color:#17242e}.rewards-my-page .reward-history{color:#17242e}.rewards-my-page .reward-history strong{color:#18252f}.rewards-my-page .reward-history small,.rewards-my-page .reward-history p{color:#6d7e89}.rewards-my-page .reward-empty{color:#9eb0ba!important}.rewards-my-page .reward-history-panel .reward-empty{color:#74848f!important}
.rewards-my-page .reward-catalog-panel{padding:14px}.rewards-my-page .badge-catalog-groups{grid-template-columns:repeat(2,minmax(0,1fr))}.rewards-my-page .badge-group-panel{background:linear-gradient(145deg,#0a1d27,#0d2632);border-color:#213d4b}.rewards-my-page .badge-catalog-item{background:rgba(255,255,255,.025)}.rewards-my-page .badge-catalog-item.earned{border-color:#ff6a14;background:linear-gradient(180deg,rgba(255,90,0,.12),rgba(255,255,255,.025))}.rewards-my-page .badge-catalog-item.locked{opacity:.38}
/* Make the generated badge artwork read like the approved metallic mockup at normal profile sizes. */
.reward-badge-art:before{box-shadow:inset 0 0 0 1px rgba(255,255,255,.24),0 1px 0 rgba(255,255,255,.18)}.reward-badge-art:after{box-shadow:inset 0 0 0 1px rgba(255,255,255,.16),inset 0 -12px 22px rgba(0,0,0,.28)}.reward-badge-main{font-family:Arial,Helvetica,sans-serif;letter-spacing:-.02em}.reward-badge.badge-club-member .reward-badge-main,.reward-badge.badge-chapter-member .reward-badge-main,.reward-badge.badge-club-contributor .reward-badge-main,.reward-badge.badge-community-builder .reward-badge-main{font-size:9px;line-height:1.05;max-width:62px;letter-spacing:.01em}.reward-badge.badge-club-member .reward-badge-sub,.reward-badge.badge-chapter-member .reward-badge-sub,.reward-badge.badge-club-contributor .reward-badge-sub,.reward-badge.badge-community-builder .reward-badge-sub{font-size:5.5px}.reward-badge.badge-first-ride .reward-badge-main{font-size:10px;line-height:1.05}.reward-badge.badge-first-ride .reward-badge-sub{font-size:5.5px}.reward-badge.badge-hall-of-fame .reward-badge-main{font-size:8px;line-height:1.05}.reward-badge.badge-hall-of-fame .reward-badge-sub{font-size:5px}
/* Full rewards and leaderboard pages should never sit flush under the sticky global header. */
.rider-main>.rewards-hero,.admin-main>.rewards-hero{margin-top:14px}.rewards-my-page>.rewards-hero{margin-top:0}
@media(max-width:1250px){.rewards-my-page .reward-stat-grid{grid-template-columns:repeat(3,1fr)}.rewards-rank-layout{grid-template-columns:190px minmax(0,1fr)}.rewards-mini-leaders article{grid-template-columns:30px 36px minmax(0,1fr) auto 64px}}
@media(max-width:980px){.rewards-my-page{margin-top:10px;padding:10px}.rewards-my-page .reward-two-column{grid-template-columns:1fr}.rewards-rank-layout{grid-template-columns:1fr}.my-position-card{min-height:120px}.rewards-my-page .badge-catalog-groups{grid-template-columns:1fr}}
@media(max-width:720px){.rewards-my-page .rewards-profile-hero{min-height:250px}.rewards-profile-identity{align-items:flex-start}.rewards-profile-identity>img{width:68px;height:68px}.rewards-profile-identity h1{font-size:25px}.rewards-hero-actions{width:100%}.rewards-hero-actions a{flex:1}.rewards-my-page .reward-stat-grid{grid-template-columns:repeat(2,1fr)}.rewards-mini-leaders article{grid-template-columns:28px 34px minmax(0,1fr) 58px}.leader-badge-preview{display:none}.reward-badge-cabinet .reward-badge-grid{grid-template-columns:repeat(2,1fr)}}
.rewards-leaderboard-page{margin:14px 0 0;padding:14px;border-radius:16px;background:linear-gradient(155deg,#06131c,#091d28);color:#eef5f8}.rewards-leaderboard-page>.rewards-hero{margin-top:0;border:1px solid #203b49;box-shadow:none}.rewards-leaderboard-page .leaderboard-toolbar{margin-top:4px}.rewards-leaderboard-page .reward-tabs{background:#102733}.rewards-leaderboard-page .reward-tabs a{color:#a9bac4}.rewards-leaderboard-page .reward-tabs a.active{background:#ff5a00;color:#fff;box-shadow:none}.rewards-leaderboard-page .period-pill{border-color:#274553;background:#0d2531;color:#b9c8d0!important}.rewards-leaderboard-page .my-rank-strip{border-color:#1f3946;background:#1f3946}.rewards-leaderboard-page .my-rank-strip>div{background:#0b202b}.rewards-leaderboard-page .my-rank-strip>div:first-child{background:linear-gradient(145deg,#241a13,#0b202b)}.rewards-leaderboard-page .my-rank-strip strong{color:#fff}.rewards-leaderboard-page .my-rank-strip span,.rewards-leaderboard-page .my-rank-strip small{color:#9eb0ba}.rewards-leaderboard-page .leaderboard-card{background:#0a1d27;border-color:#213d4b;color:#fff;box-shadow:none}.rewards-leaderboard-page .reward-card-heading h2{color:#fff}.rewards-leaderboard-page .leaderboard-table th{background:#102733;color:#94aab6}.rewards-leaderboard-page .leaderboard-table td{border-color:#1d3440;color:#dbe5ea}.rewards-leaderboard-page .leaderboard-table tr.is-self td{background:rgba(255,90,0,.11);border-color:#ff6a14}.rewards-leaderboard-page .leader-rider strong{color:#fff}.rewards-leaderboard-page .leader-rider small{color:#8fa5b1}.rewards-leaderboard-page .leader-badges>small{color:#93a7b2}@media(max-width:980px){.rewards-leaderboard-page{padding:10px;margin-top:10px}}