/* Geometry and colours from CEO approved robot v2 source; scoped to the opt-in screen. */
.robot-chat *{box-sizing:border-box;margin:0;padding:0}
.robot-chat{width:100%;min-height:100%;display:flex;flex-direction:column;background:#f4f9fc;font-family:CleanLine,CleanLineArabic,sans-serif;color:#12303f;font-weight:500}
.robot-chat .sb{height:47px;display:flex;justify-content:space-between;align-items:center;padding:0 26px 0 30px;font-weight:700;font-size:16px}
.robot-chat .sb i{font-style:normal;display:flex;gap:6px;align-items:center}
.robot-chat .hd{display:flex;align-items:center;gap:10px;padding:6px 16px 12px;border-bottom:1px solid #e3eef5;background:#f4f9fc}
.robot-chat .hd .av{width:40px;height:40px;border-radius:50%;background:#fff;box-shadow:0 2px 8px rgba(18,48,63,.08);overflow:hidden;display:flex;align-items:center;justify-content:center}
.robot-chat .hd .av img{width:46px;margin-top:6px}
.robot-chat .hd b{font-size:16.5px;display:block}
.robot-chat .hd small{font-size:12.5px;color:#6f8796}
.robot-chat .back{font-size:24px;color:#1fa8dc;width:22px}
.robot-chat .chat{flex:1;padding:16px 16px 8px;display:flex;flex-direction:column;gap:12px}
.robot-chat .me{align-self:flex-end;max-width:80%;background:#1fa8dc;color:#fff;padding:11px 14px;border-radius:18px 18px 6px 18px;font-size:15px;line-height:1.4}
.robot-chat .ai{display:flex;gap:8px;align-items:flex-end;max-width:92%}
.robot-chat .ai .a{width:28px;height:28px;border-radius:50%;background:#fff;overflow:hidden;flex:none;box-shadow:0 1px 4px rgba(0,0,0,.08)}
.robot-chat .ai .a img{width:32px;margin:3px 0 0 -2px}
.robot-chat .ai .t{background:#fff;padding:11px 14px;border-radius:18px 18px 18px 6px;font-size:15px;line-height:1.45;box-shadow:0 1px 3px rgba(18,48,63,.05)}
.robot-chat .blk{background:#fff;border-radius:18px;padding:14px 15px;box-shadow:0 2px 10px rgba(18,48,63,.07);margin-left:36px;font-size:14.5px}
.robot-chat .blk h4{font-size:15.5px;margin-bottom:8px;display:flex;justify-content:space-between;align-items:center}
.robot-chat .r{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-bottom:1px solid #eef4f8}
.robot-chat .r:last-child{border:0}
.robot-chat .r span{color:#6f8796}
.robot-chat .r b{text-align:right;font-weight:700}
.robot-chat .lbl{font-size:12px;color:#6f8796;font-weight:700;letter-spacing:.4px;margin:11px 0 6px;text-transform:uppercase}
.robot-chat .ch{display:flex;gap:7px;flex-wrap:wrap}
.robot-chat .ch span{border:1.5px solid #d6e6ef;border-radius:20px;padding:6px 11px;font-size:13.5px;color:#37586a}
.robot-chat .ch span.on{border-color:#1fa8dc;background:#e8f6fc;color:#127fae;font-weight:700}
.robot-chat .bt{display:flex;gap:8px;margin-top:13px;flex-wrap:wrap}
.robot-chat .bt span{flex:1;text-align:center;border:1.5px solid #cfe3ee;color:#127fae;border-radius:12px;padding:10px 6px;font-weight:700;font-size:14px;white-space:nowrap}
.robot-chat .bt span.p{background:#1fa8dc;border-color:#1fa8dc;color:#fff}
.robot-chat .qr{display:flex;gap:7px;flex-wrap:wrap;margin-left:36px}
.robot-chat .qr span{background:#fff;border:1.5px solid #cfe3ee;color:#127fae;border-radius:18px;padding:7px 12px;font-size:13.5px;font-weight:700}
.robot-chat .tag{white-space:nowrap;font-size:11.5px;font-weight:700;border-radius:8px;padding:3px 8px;background:#e7f6ee;color:#2a8a57}
.robot-chat .tag.o{background:#fff3e0;color:#b9770e}
.robot-chat .tag.b{background:#e8f6fc;color:#127fae}
.robot-chat .tag.r{background:#fdecec;color:#c0392b}
.robot-chat .note{align-self:center;font-size:12.5px;color:#6f8796;background:#e9f2f7;border-radius:12px;padding:7px 12px;text-align:center;max-width:90%;line-height:1.4}
.robot-chat .ph{align-self:flex-end;width:210px;border-radius:16px;overflow:hidden;border:3px solid #1fa8dc;background:#dfe9ef}
.robot-chat .tot{display:flex;justify-content:space-between;font-weight:700;font-size:16.5px;padding-top:9px}
.robot-chat .promo{display:flex;gap:8px;margin-top:10px}
.robot-chat .promo div{flex:1;border:1.5px dashed #bcd7e5;border-radius:10px;padding:8px 10px;color:#8aa2b0;font-size:13.5px}
.robot-chat .promo span{color:#127fae;font-weight:700;padding:8px 4px;font-size:14px}
.robot-chat .tl{margin:4px 0 0}
.robot-chat .tl div{display:flex;gap:10px;align-items:flex-start;padding:5px 0;font-size:14px;color:#8aa2b0}
.robot-chat .tl i{width:12px;height:12px;border-radius:50%;border:2px solid #cfe3ee;margin-top:3px;flex:none}
.robot-chat .tl div.d{color:#12303f}
.robot-chat .tl div.d i{background:#1fa8dc;border-color:#1fa8dc}
.robot-chat .tl div.n{color:#12303f;font-weight:700}
.robot-chat .tl div.n i{border-color:#1fa8dc;box-shadow:0 0 0 4px #d8f0fa}
.robot-chat .cmp{display:flex;align-items:center;gap:8px;padding:10px 12px 8px;border-top:1px solid #e3eef5;margin-top:10px;background:#fff}
.robot-chat .cmp .ic{width:40px;height:40px;border-radius:50%;background:#e8f6fc;display:flex;align-items:center;justify-content:center;flex:none}
.robot-chat .cmp .in{flex:1;height:42px;border-radius:21px;background:#f2f7fa;border:1px solid #e0ecf2;display:flex;align-items:center;padding:0 14px;color:#8aa2b0;font-size:15px}
.robot-chat .cmp .snd{width:42px;height:42px;border-radius:50%;background:#1fa8dc;display:flex;align-items:center;justify-content:center;flex:none}
.robot-chat .foot{background:#fff;padding:2px 0 12px;text-align:center}
.robot-chat .foot span{display:inline-block;font-size:11px;color:#37586a;background:#e8f3f8;border-radius:8px;padding:2px 10px}
.robot-chat .hb{width:134px;height:5px;border-radius:3px;background:#12303f;margin:8px auto 0}
.robot-chat .card{background:#fff;border-radius:18px;padding:16px;box-shadow:0 2px 10px rgba(18,48,63,.07);display:flex;gap:13px;align-items:center}
.robot-chat .card .ci{width:46px;height:46px;border-radius:14px;background:#e8f6fc;display:flex;align-items:center;justify-content:center;flex:none;font-weight:700;color:#127fae;font-size:18px;overflow:hidden}
.robot-chat .card b{font-size:16px;display:block}
.robot-chat .card small{font-size:13px;color:#6f8796;line-height:1.35;display:block;margin-top:2px}
.robot-chat .dis{opacity:.5}
.robot-chat .ro{background:#eef4f8;color:#37586a;font-size:14px;text-align:center;padding:14px 16px;border-top:1px solid #e3eef5;margin-top:10px}
.robot-chat .ro b{color:#127fae}
[dir=rtl] .robot-chat .me{align-self:flex-end;border-radius:18px 18px 18px 6px}
[dir=rtl] .robot-chat .ai{align-self:flex-start;flex-direction:row}
[dir=rtl] .robot-chat .ai .t{border-radius:18px 18px 6px 18px}
[dir=rtl] .robot-chat .blk,[dir=rtl] .robot-chat .qr{margin-left:0;margin-right:36px}
[dir=rtl] .robot-chat .r b{text-align:left}
[dir=rtl] .robot-chat .ph{align-self:flex-end}
.robot-chat{position:absolute;inset:0;overflow:auto;display:flex;flex-direction:column;color:#12303f;background:#f4f9fc}
.robot-chat button{font:inherit;cursor:pointer;background:none;color:inherit;border:0;line-height:inherit}
.robot-chat button:focus-visible,.robot-chat input:focus-visible{outline:2px solid #127fae;outline-offset:3px}
.robot-chat .ch button{border:1.5px solid #d6e6ef;border-radius:20px;padding:6px 11px;font-size:13.5px;color:#37586a}
.robot-chat .ch button.on{border-color:#1fa8dc;background:#e8f6fc;color:#127fae;font-weight:700}
.robot-chat .ch button:disabled{opacity:.45;text-decoration:line-through;cursor:default}
.robot-chat .bt button{flex:1;text-align:center;border:1.5px solid #cfe3ee;color:#127fae;border-radius:12px;padding:10px 6px;font-weight:700;font-size:14px}
.robot-chat .bt button.p{background:#1fa8dc;border-color:#1fa8dc;color:#fff}
.robot-chat .bt button:disabled{opacity:.5;cursor:default}
.robot-chat .cmp .in{width:0;min-width:0;color:#12303f;font:inherit}
.robot-chat .cmp .snd{color:#fff;font-size:24px}
.robot-chat .promo input{width:0;min-width:0;flex:1;border:1.5px dashed #bcd7e5;border-radius:10px;padding:8px 10px;font:inherit;font-size:13.5px}
.robot-chat .promo button{color:#127fae;font-size:14px;font-weight:700}
.robot-chat .error{margin:0 16px 8px 52px;color:#a34525;font-size:13px;line-height:1.5}
.robot-chat .r b{overflow-wrap:anywhere}
.robot-chat .a img,.robot-chat .av img{object-fit:cover;object-position:top}
[dir=rtl] .robot-chat{font-family:CleanLineArabic,CleanLine,sans-serif}
.robot-chat .cmp{flex-shrink:0}.robot-chat .foot{flex-shrink:0}

.robot-chat .back{position:static;box-shadow:none;border-radius:0;padding:0;height:auto;display:block;background:none;flex:none}
.robot-chat .av,.robot-chat .a{position:relative}
.robot-chat .av img{position:absolute;width:84px;max-width:none;height:auto;left:-24px;top:0;margin:0}
.robot-chat .a img{position:absolute;width:59px;max-width:none;height:auto;left:-17px;top:0;margin:0}
.robot-chat .in::placeholder{color:#8aa2b0;opacity:1}
.robot-chat .cmp .ic{padding:0}
.robot-chat .hd .av,.robot-chat .ai .a{background-color:white;background-image:url('assets/approved-robot-avatar.png');background-repeat:no-repeat;background-size:100% 100%;background-position:center}
.robot-chat .ai .a{background-size:100% 100%;background-position:center}
.robot-chat .av img,.robot-chat .a img{display:none}

.robot-chat .repeat-info{font-size:13px;color:#6f8796;margin-top:11px;line-height:1.45}

.robot-chat .invoice-payment{font-size:12.5px;color:#6f8796;margin-top:3px}
.robot-chat .qr button{background:#fff;border:1.5px solid #cfe3ee;color:#127fae;border-radius:18px;padding:7px 12px;font-size:13.5px;font-weight:700}
.robot-chat .qr button:disabled{opacity:.5;cursor:default}

.robot-chat .r b.invoice-new{color:#127fae}

.robot-chat .message-preview{background:#f6fafc;border-radius:12px;padding:11px 12px;font-size:14.5px;line-height:1.5;overflow-wrap:anywhere;white-space:pre-wrap}

.robot-chat .address-map{display:block;width:100%;height:110px;object-fit:cover;border-radius:12px;background:#d6e9f2}

.robot-chat [data-block="address"] .ch button:disabled{text-decoration:none}

.robot-chat .delete-info{font-size:14px;line-height:1.5;overflow-wrap:anywhere}
.robot-chat [data-block="accountDelete"] .bt button.p{background:#e05a4f;border-color:#e05a4f}

.robot-chat .care-info{font-size:14.5px;line-height:1.5;overflow-wrap:anywhere;white-space:pre-wrap}

/* Preserve server-owned paragraphs and bullet lines in ordinary text answers. */
.robot-chat .ai .t{white-space:pre-wrap;overflow-wrap:anywhere}

.robot-chat .catalog-note{font-size:13px;color:#6f8796;margin-top:9px;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere}
.robot-chat [data-block="catalog"] .r b{white-space:nowrap}

.robot-chat .me.tap{background:#e8f6fc;color:#127fae;border:1px solid #b9e6f8;font-weight:700}
.robot-chat [data-block="catalog"] .bt button:disabled{opacity:1}

/* Approved 30-35 My Orders: same scoped geometry, with no robot avatar. */
.repeat-orders .orders-avatar{width:40px;height:40px;border-radius:50%;background:#fff;box-shadow:0 2px 8px rgba(18,48,63,.08);display:flex;align-items:center;justify-content:center;flex:none}
.repeat-orders .repeat-content{padding:16px;display:flex;flex-direction:column;gap:12px;flex:1}
.repeat-orders .repeat-content>.lbl{margin:6px 4px 0}
.repeat-orders .repeat-content>.blk{margin:0}
.repeat-orders .repeat-help{font-size:12.5px;color:#6f8796;margin-top:9px;line-height:1.45}
.repeat-orders .order-labels{flex:1;min-width:0;text-align:start}
.repeat-orders .card b{font-size:15px}
.repeat-orders .card .ci{font-size:14px}
.repeat-orders .ch{gap:8px}
.repeat-orders .ch button:disabled{text-decoration:none}
.repeat-orders .r b{max-width:72%}
.repeat-orders .blk h4{gap:8px}

.robot-chat .status-timeline{margin:4px 0 0}.robot-chat .status-timeline div{display:flex;gap:10px;align-items:flex-start;padding:5px 0;font-size:14px;color:#8aa2b0}.robot-chat .status-timeline i{width:12px;height:12px;border-radius:50%;border:2px solid #cfe3ee;margin-top:3px;flex:none}.robot-chat .status-timeline .done{color:#12303f}.robot-chat .status-timeline .done i{background:#1fa8dc;border-color:#1fa8dc}.robot-chat .status-timeline .current{color:#12303f;font-weight:700}.robot-chat .status-timeline .current i{border-color:#1fa8dc;box-shadow:0 0 0 4px #d8f0fa}

/* Arabic mirrors the approved English chat; amount strings remain AED with Latin digits. */
[dir=rtl] .robot-chat .back,[dir=rtl] .robot-chat .snd svg{transform:scaleX(-1)}
[dir=rtl] .repeat-orders .repeat-content>.blk{margin:0}

/* Approved 30-15: rating and referral are separate cards in one response. */
.robot-chat .rating-stars{display:flex;justify-content:center;gap:6px;color:#f2b632;padding:4px 0}
.robot-chat .rating-stars button{font-size:26px;line-height:1.4;width:32px;color:#f2b632;padding:0}
.robot-chat .rating-stars button:disabled{cursor:default}
.robot-chat .rating-stars button[aria-pressed=true]{text-shadow:0 0 2px #b9770e}
.robot-chat .rating-order{font-size:13px;color:#6f8796;text-align:center}
.robot-chat .invite-description{font-size:14px;line-height:1.45}
.robot-chat .invite-code{display:flex;justify-content:space-between;align-items:center;gap:8px;background:#f2f7fa;border-radius:10px;padding:9px 12px;margin-top:10px;overflow-wrap:anywhere}
.robot-chat .invite-code>b{letter-spacing:1px;min-width:0}
.robot-chat .invite-code button{color:#127fae;font-weight:700;font-size:14px;flex:none}

.robot-chat [data-block="rewards"] .r:first-of-type b{color:#6f8796;letter-spacing:1px;direction:ltr;unicode-bidi:isolate}

/* Approved photo bubble, mirrored by the existing chat direction. */
.robot-chat .ph img{display:block;width:100%;height:auto}

/* Approved 30-36: earlier order revisions stay readable, while native disabled controls prevent reuse. */
.robot-chat [data-block="order"][data-readonly="true"] button:disabled{opacity:1;text-decoration:none;cursor:default}

/* Approved 30-11 jacket glyph: identical across device emoji fonts and EN/AR. */
.robot-chat .approved-jacket{display:inline-block;width:22px;height:20px;vertical-align:-3px;object-fit:contain}

/* Approved 30-37: prior repeat proposal remains legible after correction. */
.robot-chat [data-block="repeat"][data-readonly="true"] button:disabled{opacity:1;cursor:default}

/* Approved 30-38: historical prices remain readable; disabled controls cannot reuse them. */
.robot-chat [data-block="price"][data-readonly="true"] button:disabled{opacity:1;cursor:default}

.robot-chat [data-block="price"] .featured-amount{flex:none;width:40px;overflow-wrap:normal;word-break:normal;direction:ltr;text-align:end}

/* Historical driver-note previews retain the approved appearance. */
.robot-chat [data-block="note"][data-readonly="true"] button:disabled{opacity:1;cursor:default}

/* Approved 30-41: superseded message stays readable; only the current Confirm works. */
.robot-chat [data-block="message"][data-readonly="true"] button:disabled{opacity:1;cursor:default}

.phone:has(.robot-chat)~.sample-data-label{display:none}