/* Keep recording consent above scene placeholders and first in the ride status row. */
.ride-top:has(.recording-status:not([hidden])){z-index:4}
.recording-status{order:-1;display:flex;align-items:center;gap:12px;flex-basis:100%;max-width:440px;padding:10px 12px;background:#321b1bf2;border-left:3px solid #ffb6a9;color:#fff3ef;pointer-events:auto;border-radius:4px}
.recording-status[hidden]{display:none}
.recording-status strong{display:block;font-size:13px;line-height:1.3}
.recording-status p{font-size:12px;line-height:1.4;margin:3px 0 0}
.recording-status button{margin-left:auto;min-height:44px;flex-shrink:0;background:#fff0e8;color:#401d17;font-size:12px;padding:9px 12px}
.recording-status button[hidden]{display:none}
@media(max-width:520px){.recording-status{gap:8px;padding:8px 10px}.recording-status strong{font-size:12px}.recording-status p{font-size:11px}}
@media(max-width:760px){
 body:has(.recording-status:not([hidden])) .route-waiting{top:max(315px,var(--ride-status-bottom,315px));transform:translateX(-50%);padding:12px}
 body:has(.recording-status:not([hidden])) .route-waiting .eyebrow,
 body:has(.recording-status:not([hidden])) .route-waiting>p{display:none}
 body:has(.recording-status:not([hidden])) .route-waiting h2{font-size:18px;margin:0 0 10px}
}