.side-panel { min-height: 430px; }
.side-panel .panel-header h2 { font-size: 20px; }
.rider-list { max-height: 530px; padding: 4px 16px 16px; }
.live-rider-group { margin: 0 0 16px; }
.live-rider-group-title { display: flex; align-items: center; justify-content: space-between; margin: 0 4px 8px; color: #70828b; font-size: 10px; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }
.live-rider-group-title b { display: grid; min-width: 21px; height: 21px; place-items: center; border-radius: 50%; color: #37505b; background: #edf2f3; font-size: 10px; }
.live-rider-card { display: grid; grid-template-columns: 38px minmax(0,1fr) auto; align-items: center; gap: 10px; margin-bottom: 8px; padding: 12px; border: 1px solid #e2ebed; border-left: 4px solid #a8b7bd; border-radius: 11px; background: #fff; box-shadow: 0 4px 12px rgba(12,42,51,.05); }
.live-rider-card--green { border-left-color: #28b677; background: linear-gradient(90deg,#f4fff9,#fff); }
.live-rider-card--blue { border-left-color: #218fd5; }
.live-rider-card--red { border-left-color: #ef5962; background: linear-gradient(90deg,#fff7f7,#fff); }
.live-rider-avatar { display: grid; width: 38px; height: 38px; place-items: center; border-radius: 50%; color: #143340; background: #dff1bd; font-size: 11px; font-weight: 800; }
.live-rider-main { min-width: 0; }
.live-rider-main strong,.live-rider-main span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.live-rider-main strong { color: #112e3a; font-size: 13px; }
.live-rider-main span { margin-top: 4px; color: #687b84; font-size: 10px; font-weight: 700; }
.live-rider-main i { display: inline-block; width: 6px; height: 6px; margin-right: 5px; border-radius: 50%; background: currentColor; }
.live-rider-return { max-width: 132px; text-align: right; }
.live-rider-return small,.live-rider-return b { display: block; }
.live-rider-return small { color: #9aa8ad; font-size: 8px; font-weight: 800; letter-spacing: .07em; }
.live-rider-return b { margin-top: 4px; color: #3e5661; font-size: 11px; line-height: 1.25; }
.live-rider-return.is-returning b { color: #d83d48; font-size: 12px; }
.live-rider-group--returning .live-rider-group-title { color: #d33e48; }
@media (max-width:900px){.side-panel{min-height:auto}.rider-list{max-height:none}.live-rider-return{max-width:145px}.live-rider-card{padding:11px}}
@media (max-width:420px){.live-rider-card{grid-template-columns:34px minmax(0,1fr)}.live-rider-avatar{width:34px;height:34px}.live-rider-return{grid-column:2;text-align:left;margin-top:-5px}.live-rider-return small{display:none}}

/* Clear, full-width countdown block on compact console cards. */
#riderList .live-rider-card{grid-template-columns:43px minmax(0,1fr);padding:16px;gap:12px;border-radius:16px;margin-bottom:12px}
#riderList .live-rider-main strong{font-size:16px;color:#153648}
#riderList .live-rider-status{font-size:12px!important;padding:6px 10px}
#riderList .live-rider-return{grid-column:1/-1;max-width:none;min-width:0;text-align:left;border:1px solid #d5e4df;border-radius:12px;padding:12px 14px;margin:0;background:#eef7f2}
#riderList .live-rider-return small{display:block;font-size:10px;color:#405b65}
#riderList .live-rider-return b{font-size:21px;line-height:1.3;font-variant-numeric:tabular-nums}
#riderList .live-return-clock{display:block;margin-top:4px;color:#55717b;font-size:11px;font-weight:850;font-variant-numeric:tabular-nums}
#riderList .live-rider-card--blue .live-rider-return{background:#e7f2ff;border-color:#b7d5f3}
#riderList .live-rider-card--blue .live-rider-return b{color:#075da5}
#riderList .live-rider-card--red .live-rider-return{background:#fff0e6;border-color:#edc29f}
#riderList .live-rider-card--red .live-rider-return b{color:#a54210}
#riderList .live-rider-card--green .live-rider-return b{font-size:15px;color:#167043}