/* Compact order cards; the empty dashboard keeps its existing layout. */
@media(max-width:760px){
html body#ssRacingPage .ss-rider-dashboard .ss-modern-order{padding:12px!important;border-radius:17px!important}
html body#ssRacingPage .ss-modern-order .ss-order-title{gap:8px!important;margin-bottom:12px!important;align-items:center!important}
html body#ssRacingPage .ss-modern-order .ss-order-title h3{font-size:15px!important;line-height:1.3!important;min-width:0!important;flex:1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;letter-spacing:-.35px!important}
html body#ssRacingPage .ss-modern-order .ss-order-status{font-size:9px!important;padding:6px 8px!important;max-width:43%!important;line-height:1.25!important}
html body#ssRacingPage .ss-modern-order .ss-order-progress{margin:0 3px 12px!important}
html body#ssRacingPage .ss-modern-order .ss-order-progress>div{font-size:10px!important;gap:4px!important}
html body#ssRacingPage .ss-modern-order .ss-order-progress i{width:24px!important;height:24px!important;font-size:12px!important;border-width:3px!important}
html body#ssRacingPage .ss-modern-order .ss-order-progress:before,html body#ssRacingPage .ss-modern-order .ss-order-progress:after{top:11px!important;height:3px!important}
html body#ssRacingPage .ss-modern-order .ss-order-place{gap:9px!important;margin-bottom:10px!important}
html body#ssRacingPage .ss-modern-order .ss-place-icon{width:36px!important;height:36px!important;flex-basis:36px!important;border-radius:11px!important}
html body#ssRacingPage .ss-modern-order .ss-place-icon svg{width:20px!important;height:20px!important}
html body#ssRacingPage .ss-modern-order .ss-order-place strong{font-size:14px!important;line-height:1.3!important}
html body#ssRacingPage .ss-modern-order .ss-order-place small{font-size:11px!important;margin-top:3px!important;display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;overflow:hidden!important}
html body#ssRacingPage .ss-rider-dashboard .ss-modern-order .driver-order-details-panel.open .driver-route-card:not(.collapsed-map) .driver-route-map{height:clamp(130px,20dvh,165px)!important;min-height:130px!important}
html body#ssRacingPage .ss-modern-order .driver-route-card{margin-bottom:8px!important;border-radius:12px!important}
html body#ssRacingPage .ss-modern-order .driver-route-hint{font-size:10px!important;padding:6px 9px!important;line-height:1.35!important}
html body#ssRacingPage .ss-modern-order .ss-order-money{margin:8px 0!important;padding:10px 12px!important;border-radius:11px!important;gap:12px!important}
html body#ssRacingPage .ss-modern-order .ss-order-money small{font-size:10px!important;margin-bottom:3px!important}
html body#ssRacingPage .ss-modern-order .ss-order-money strong{font-size:18px!important}
html body#ssRacingPage .ss-modern-order .ss-order-secondary{gap:8px!important;margin-bottom:8px!important}
html body#ssRacingPage .ss-modern-order .ss-order-secondary>a{min-height:44px!important;font-size:12px!important;padding:8px 6px!important}
html body#ssRacingPage .ss-modern-order .ss-order-primary .btn{min-height:46px!important;padding:11px!important;font-size:14px!important}
html body#ssRacingPage .ss-modern-order .ss-contact-lock{font-size:10px!important;margin:8px 0 0!important}
html body#ssRacingPage .ss-modern-order .ss-order-extra{margin-top:8px!important}
html body#ssRacingPage .ss-modern-order .ss-order-extra>summary{padding:8px 0 3px!important;font-size:11px!important;min-height:32px!important}
html body#ssRacingPage .ss-rider-dashboard:has(.ss-modern-order:not([hidden])) .ss-rider-filters{margin-bottom:10px!important}
}