/* v81: the portrait belongs to the identity card; all media sits above expanded Ride chat. */
body[data-ride-layout="client"] .wr-driver-person{display:grid;grid-template-columns:76px minmax(0,1fr);align-items:center;gap:14px;padding:16px}
.wr-driver-person .w81-driver-photo{grid-column:1;grid-row:1;display:block;width:76px;height:76px;object-fit:cover;border:3px solid #fff;border-radius:50%;box-shadow:0 3px 12px #163a5720}
.wr-driver-person>.wr-driver-initials[hidden]{display:none!important}
.wr-driver-person>div:not(.w81-vehicle-photo){min-width:0;grid-column:2;grid-row:1}
.wr-driver-person .w81-vehicle-photo{grid-column:1/-1;margin:0;min-width:0;border-radius:15px;overflow:hidden;background:#eaf0f5;line-height:0}
.w81-vehicle-photo img{display:block;width:100%;height:180px;object-fit:contain}
.wr-driver-person h3{overflow-wrap:anywhere}.wr-driver-person p{overflow-wrap:anywhere}
/* A camera/preview was previously hidden behind .w80-chat-full (z-index 4000). */
.wrc-modal{z-index:6000;isolation:isolate;box-sizing:border-box}
.wrc-modal *{box-sizing:border-box}
.wrc-modal-body{padding:0;min-height:0}
.wrc-modal .wrc-modal-close{top:max(12px,env(safe-area-inset-top));left:12px;display:flex;align-items:center;gap:8px;min-width:44px;padding:10px 14px;background:#17212bbf;backdrop-filter:blur(10px)}
.wrc-modal .wrc-modal-close svg{width:22px;height:22px}
.wrc-modal .wrc-send-media{align-self:flex-end;display:flex;align-items:center;gap:10px;min-width:112px;margin:10px 16px max(16px,env(safe-area-inset-bottom));border-radius:28px;background:#1e6cf2;color:#fff;box-shadow:0 6px 24px #0004}
.wrc-modal .wrc-send-media svg{width:22px;height:22px}
.wrc-media-stage>img{user-select:none;-webkit-user-drag:none}
.wrc-media-stage .w81-media-loading{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);padding:8px 14px;border-radius:20px;background:#17212bcc;color:#fff;font:13px system-ui;z-index:2}
.wrc-chat .w81-recording{display:flex;align-items:center;gap:10px;margin:0;padding:9px 12px;background:#fff0f2;border-top:1px solid #f5d6dc;color:#922b40;flex-shrink:0}
.w81-recording output{font:600 15px system-ui;font-variant-numeric:tabular-nums;flex:1;min-width:40px}
.w81-recording output:before{content:'';display:inline-block;width:8px;height:8px;background:#e74d68;border-radius:50%;margin-right:8px}
.wrc-chat .w81-recording button{border:0;background:#fff;color:#922b40;border-radius:22px;min-height:44px;padding:9px 13px;margin:0;font:600 13px system-ui;touch-action:manipulation}
.wrc-chat .w81-recording .w81-voice-stop{background:#922b40;color:white}
.wrc-chat .wrc-compose button{touch-action:manipulation}
.wrc-bubble .wrc-media-card{position:relative;display:flex;flex-direction:column;gap:6px;overflow:hidden;padding:4px;border-radius:13px;min-width:160px;max-width:250px;text-align:left}
.wrc-media-card img{display:block;width:100%;max-height:240px;object-fit:cover;border-radius:10px}
/* Limit camera gestures to the camera. Page zoom remains available elsewhere. */
:is(#view-chat #chatModal,.wrc-modal)[data-layout="camera"]{touch-action:none;overscroll-behavior:none;overflow:hidden}
:is(#view-chat #chatModal,.wrc-modal)[data-layout="camera"] *{box-sizing:border-box}
:is(#view-chat #chatModal,.wrc-modal)[data-layout="camera"] .wc-capture-stage{touch-action:none;user-select:none;-webkit-user-select:none}
:is(#view-chat #chatModal,.wrc-modal)[data-layout="camera"] .wc-capture-stage video{object-fit:cover!important;pointer-events:none}
:is(#view-chat #chatModal,.wrc-modal)[data-layout="camera"] .wc-capture-top,
:is(#view-chat #chatModal,.wrc-modal)[data-layout="camera"] .wc-capture-bottom{touch-action:none;max-width:100%;box-sizing:border-box}
:is(#view-chat #chatModal,.wrc-modal)[data-layout="camera"] button{touch-action:none;-webkit-touch-callout:none;user-select:none;-webkit-user-select:none}
:is(#view-chat #chatModal,.wrc-modal)[data-layout="camera"] .wc-capture-shutter{width:80px;height:80px;min-width:80px;min-height:80px;flex:0 0 80px}
:is(#view-chat #chatModal,.wrc-modal)[data-layout="camera"] .wc-capture-bottom{gap:10px;padding-top:36px}
:is(#view-chat #chatModal,.wrc-modal)[data-layout="camera"] .wc-capture-controls{gap:20px;max-width:350px}
:is(#view-chat #chatModal,.wrc-modal)[data-layout="camera"] .wc-capture-error[hidden]{display:none!important}
:is(#view-chat #chatModal,.wrc-modal)[data-layout="camera"] .wc-capture-error{position:absolute;top:25%;left:50%;transform:translateX(-50%);z-index:4;width:min(85%,370px);padding:18px;border-radius:20px;background:#202227ed;text-align:center}
:is(#view-chat #chatModal,.wrc-modal)[data-layout="camera"] .wc-capture-error p{color:#fff;font:15px/1.5 system-ui}
:is(#view-chat #chatModal,.wrc-modal)[data-layout="camera"] .wc-capture-error button{display:block;width:100%;margin-top:8px}
@media(max-width:360px){body[data-ride-layout="client"] .wr-driver-person{grid-template-columns:64px minmax(0,1fr);gap:10px;padding:12px}.wr-driver-person .w81-driver-photo{width:64px;height:64px}.w81-vehicle-photo img{height:160px}.wrc-chat .w81-recording{gap:6px;padding:8px}}
@media(max-height:550px) and (orientation:landscape){.wrc-modal[data-layout="camera"] .wc-capture-bottom{inset:0 0 0 auto;width:145px;justify-content:center;padding:10px;background:#0007}.wrc-modal[data-layout="camera"] .wc-capture-controls{flex-direction:column;gap:8px}.wrc-modal[data-layout="camera"] .wc-capture-recents,.wrc-modal[data-layout="camera"] .wc-capture-help{display:none}}
/* v126 ride chat quick replies: full phrases wrap onto new lines instead of being cut ("Wo tre…"). */
.wrc-chat .w80-chat-quick.wrc-quick{display:flex;flex-wrap:wrap;gap:6px 8px;overflow:visible;padding:8px 0}
.wrc-chat .w80-chat-quick.wrc-quick button{white-space:normal;overflow:visible;text-overflow:clip;flex:0 1 auto;max-width:100%;width:auto;min-width:0;height:auto;min-height:36px;padding:7px 12px;line-height:1.3;text-align:start;overflow-wrap:anywhere;border:1px solid #dce5ef;border-radius:18px;background:#f7f9fd;color:#20394c;font-size:13px;font-weight:600}
.wrc-chat .w80-chat-quick.wrc-quick .wrc-quick-toggle{background:#fff;color:#0b5cff;border-color:#c9d9f2}
.wrc-chat .wrc-quick-more{display:grid;gap:6px;margin:0 0 8px;padding:10px;max-height:min(52vh,380px);overflow-y:auto;overscroll-behavior:contain;background:#fff;border:1px solid #dce5ef;border-radius:16px;box-shadow:0 10px 28px #0f22381f}
.wrc-chat .wrc-quick-more[hidden]{display:none}
.wrc-chat .wrc-quick-more-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:2px 2px 4px}
.wrc-chat .wrc-quick-more-head strong{font-size:14px;color:#14263a}
.wrc-chat .wrc-quick-more-head .wrc-quick-close{min-height:32px;padding:4px 10px;border:0;border-radius:14px;background:#eef3f9;color:#20394c;font-size:12px;width:auto}
.wrc-chat .wrc-quick-more .wrc-quick-item{display:block;width:100%;min-height:40px;padding:9px 12px;white-space:normal;text-align:start;line-height:1.35;border:1px solid #e3eaf2;border-radius:12px;background:#f7f9fd;color:#20394c;font-size:14px;font-weight:500}
.wrc-bubble .wrc-media-card .wrc-media-duration{position:absolute;right:10px;top:10px;padding:2px 7px;border-radius:999px;background:#0b1622b3;color:#fff;font:600 12px/1.3 system-ui,sans-serif;font-variant-numeric:tabular-nums}
