.ride-along-option[hidden] { display: none !important; }
.ride-along-option { padding: 0 !important; border: 1px solid #bac9c3 !important; border-radius: 10px; background: #fff; width: 100%; box-sizing: border-box; }
.ride-along-option.is-selected { border-color: #087f68 !important; background: #f0faf6; }
.ride-along-choice { display: flex !important; align-items: center; gap: 12px; min-height: 68px; padding: 12px 16px; cursor: pointer; margin: 0 !important; box-sizing: border-box; }
.ride-along-choice input[type="checkbox"] { width: 20px !important; height: 20px; margin: 0; flex: 0 0 20px; accent-color: #087f68; }
.ride-along-choice svg { width: 29px; height: 29px; flex: 0 0 29px; fill: none; stroke: #087f68; stroke-width: 1.8; stroke-linejoin: round; stroke-linecap: round; }
.ride-along-choice span { display: flex; flex-direction: column; gap: 3px; }
.ride-along-choice strong { font-size: 15px; color: #183b2f; }
.ride-along-title { display: inline-flex; align-items: center; gap: 6px; }
.ride-along-choice .time-info-tooltip { display: inline-flex; flex-direction: row; gap: 0; flex: 0 0 18px; }
.ride-along-choice small { font-size: 12px; font-weight: 400; color: #61726b; }
.ride-along-state { margin-left: auto; font-size: 12px; color: #61726b; white-space: nowrap; }
.is-selected .ride-along-state { color: #087f68; }
#rideAlongSummary { color: #087f68; font-weight: 700; }
#damasItemPanel { grid-template-rows: auto auto auto; }
#damasItemPanel > .ride-along-option { margin-top: 4px; background: white; }
@media (max-width: 760px) { .ride-along-choice { padding: 12px; gap: 9px; } .ride-along-choice small { font-size: 11px; } }