/* Two riders per row, with the name first and the dorsal below. */
#pending.pending-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#pending .rider{min-width:0}
#pending .rider-arrival{min-width:0;padding:12px 8px;gap:10px;flex-direction:column;justify-content:flex-start;text-align:center}
#pending .rider-name{order:-1;min-width:0;width:100%;min-height:2.5em;display:flex;align-items:center;justify-content:center;overflow-wrap:anywhere;line-height:1.25;font-weight:800}
#pending .rider .actions button{gap:5px}
.incident-icon{width:20px;height:20px;flex:0 0 auto}
@media(max-width:600px){
 #pending.pending-grid{gap:8px}
 #pending .rider-arrival{min-height:130px;padding:10px 5px;gap:8px}
 #pending .rider-name{font-size:13px}
 #pending .rider-arrival .bib-badge{--bib-size:60px}
 #pending .rider .actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:5px 4px;gap:3px}
 #pending .rider .actions button{width:100%;min-width:0;min-height:44px;padding:6px 0;justify-content:center}
 #pending .incident-label{display:none}
}