.host-conversation{margin-top:10px;max-width:410px;text-shadow:none}
.host-conversation-buttons{display:flex;flex-wrap:wrap;gap:6px}
.host-conversation-buttons button{min-height:44px;padding:9px 12px;font-size:11px;line-height:1.3;background:#14242aeb;border-color:#daece345;white-space:normal}
.host-conversation-buttons button[aria-pressed=true]{background:#244349;border-color:#8aebef80}
.host-summary .host-conversation p{margin:7px 0 0;max-width:410px;font-size:11px;line-height:1.5;color:#f4d8b8;background:#18272ce8;padding:8px 10px;border-left:2px solid #edc3ae}
@media(min-width:761px) and (max-width:1099px){.host-summary:has(.host-conversation){flex-wrap:wrap}.host-conversation{flex-basis:100%;margin-top:0}}
@media(max-width:760px){.host-conversation{max-width:none}.host-conversation-buttons button{flex:1;min-width:100px;font-size:12px}}
@media(max-height:500px) and (min-width:521px){.host-summary:has(.host-conversation){flex-wrap:wrap}.host-conversation{flex-basis:100%;margin-top:0}.host-conversation-buttons button{min-height:40px}}

.guest-conversation{flex-basis:100%;width:100%;max-width:410px;margin:3px 0 0;pointer-events:auto}
.guest-conversation p{margin:7px 0 0;font-size:12px;line-height:1.4;color:#f4d8b8;background:#18272cf2;padding:8px 10px;border-left:2px solid #edc3ae}
@media(max-width:760px){.guest-conversation .host-conversation-buttons button{flex:1;min-width:120px}}

/* Keep the first conversation actions above the world-loading placeholder. */
.ride-top:has(.guest-conversation:not([hidden])){z-index:4}
body:has(.guest-conversation:not([hidden])) .route-waiting{top:max(235px,var(--ride-status-bottom,235px));transform:translateX(-50%);padding:12px}
body:has(.guest-conversation:not([hidden])) .route-waiting .eyebrow,
body:has(.guest-conversation:not([hidden])) .route-waiting>p{display:none}
body:has(.guest-conversation:not([hidden])) .route-waiting h2{font-size:18px;margin:0 0 10px}
@media(max-width:760px){
 body:has(.guest-conversation:not([hidden])) .route-waiting{top:max(265px,var(--ride-status-bottom,265px));transform:translateX(-50%);padding:12px}
 body:has(.guest-conversation:not([hidden])) .route-waiting .eyebrow,
 body:has(.guest-conversation:not([hidden])) .route-waiting>p{display:none}
 body:has(.guest-conversation:not([hidden])) .route-waiting h2{font-size:18px;margin:0 0 10px}
}