.myRides{margin-top:14px;padding:16px}.myRidesHead{display:flex;justify-content:space-between;gap:16px;align-items:flex-end}.myRidesHead h2{margin:3px 0}.rideStats{display:flex;gap:8px;flex-wrap:wrap}.rideStats span{background:#f2f6f2;border:1px solid var(--line);border-radius:12px;padding:8px 10px;font-size:12px}.rideStats b{font-size:18px;margin-right:3px}.rideTabs{display:flex;gap:8px;margin:14px 0 10px;overflow-x:auto}.rideTab{border:0;border-radius:12px;padding:10px 12px;font-weight:800;background:#edf1ee;color:var(--ink);white-space:nowrap}.rideTab.active{background:var(--brand);color:#fff}.rideDashboard{display:grid;gap:8px}.rideEmpty{padding:16px;border:1px dashed var(--line);border-radius:14px;color:var(--muted);text-align:center}.rideItem{display:flex;justify-content:space-between;gap:12px;align-items:center;border:1px solid var(--line);border-radius:14px;padding:11px 12px;background:#fbfcfb}.rideItem strong{display:block}.rideItem small{color:var(--muted)}.rideItemActions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.miniBtn{border:0;border-radius:10px;padding:8px 9px;font-weight:800;background:#edf1ee;color:var(--ink)}.miniBtn.done{background:#def3e3;color:#185f31}.miniBtn.remove{background:#f5e9e9;color:#843535}.rideTrackBar{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.trackBtn{border:0;border-radius:12px;padding:10px 12px;font-weight:800;background:#edf1ee;color:var(--ink)}.trackBtn.ridden{background:#def3e3;color:#185f31}.trackBtn.planned{background:#e6eefb;color:#214f8a}.riddenBadge{background:#def3e3!important;color:#185f31!important}.ridePlanOverlay{position:fixed;inset:0;background:rgba(0,0,0,.62);display:flex;align-items:flex-end;justify-content:center;z-index:5000}.ridePlanOverlay.hidden{display:none!important}.ridePlanSheet{width:min(680px,100%);background:#0f2023;color:#fff;border:1px solid #40585e;border-radius:24px 24px 0 0;padding:18px;padding-bottom:calc(22px + env(safe-area-inset-bottom));box-shadow:0 -12px 40px rgba(0,0,0,.35)}.ridePlanHead{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.ridePlanHead h2{margin:4px 0 0;font-size:26px}.rideDateLabel{display:grid;gap:8px;margin-top:18px;font-weight:800;color:#d8e0e1}.rideDateLabel input{width:100%;padding:14px;border-radius:14px;border:1px solid #52686e;background:#14272a!important;color:#fff!important;font-size:18px;min-height:54px}.ridePlanActions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.ridePlanActions .primary,.ridePlanActions .btn{min-height:50px}.ridePlanSheet .closeBtn{background:#17282b;color:#fff;border:1px solid #40585e}@media(max-width:680px){.myRidesHead{align-items:flex-start;flex-direction:column}.rideStats{width:100%}.rideStats span{flex:1;text-align:center}.rideItem{align-items:flex-start;flex-direction:column}.rideItemActions{width:100%;justify-content:flex-start}.ridePlanSheet{border-radius:22px 22px 0 0}.ridePlanActions{grid-template-columns:1fr}}