/* Wipye Ride v115 · client trip screens: searching, live trip, completion, rating and history.
   Presentation only. The html prefix outranks the v78/v81 sheets loaded at the end of the page. */
html body[data-ride-layout=client]{--v115-blue:#0b5cff;--v115-ink:#13243c;--v115-muted:#5f6f83;--v115-line:#e3eaf3;--v115-soft:#f4f7fb;--v115-green:#16924a;--v115-green-bg:#e7f7ed;--v115-red:#d92d3a;--v115-red-bg:#fdecee;--v115-amber:#9a6200;--v115-amber-bg:#fff4dc}
html body[data-ride-layout=client] .v115-i,html body[data-ride-layout=client] .wr-done-actions svg,html body[data-ride-layout=client] .wr-done-rate svg,html body[data-ride-layout=client] .wr-trip-help svg,html body[data-ride-layout=client] .wr-trip-share svg{width:22px;height:22px;flex-shrink:0}
/* icons used through masks, so they follow currentColor */
html body[data-ride-layout=client]{--i-check:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7.5'/%3E%3C/svg%3E");--i-x:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M7 7l10 10M17 7 7 17'/%3E%3C/svg%3E");--i-pin:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'%3E%3Cpath d='M12 21s-7-6.2-7-11.5a7 7 0 0 1 14 0C19 14.8 12 21 12 21Z'/%3E%3Ccircle cx='12' cy='9.5' r='2.5'/%3E%3C/svg%3E");--i-car:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 16v2.5M19 16v2.5M3.5 16h17v-4l-2-5.5h-11L5.5 12h13M5.5 12l-2 0'/%3E%3Ccircle cx='7.5' cy='13.8' r='.6'/%3E%3Ccircle cx='16.5' cy='13.8' r='.6'/%3E%3C/svg%3E");--i-cash:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'%3E%3Crect x='2.5' y='6' width='19' height='12' rx='2'/%3E%3Ccircle cx='12' cy='12' r='2.6'/%3E%3Cpath d='M6 9.5v5M18 9.5v5'/%3E%3C/svg%3E");--i-clock:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E");--i-route:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='6' cy='18' r='2.5'/%3E%3Ccircle cx='18' cy='6' r='2.5'/%3E%3Cpath d='M8.5 18H15a3 3 0 0 0 0-6H9a3 3 0 0 1 0-6h6.5'/%3E%3C/svg%3E");--i-chat:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'%3E%3Cpath d='M4 5h16v11H9l-5 4Z'/%3E%3C/svg%3E");--i-phone:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'%3E%3Cpath d='M5 3.5h3.5l1.8 4.5-2.3 1.5a11 11 0 0 0 6.5 6.5l1.5-2.3 4.5 1.8V19a2 2 0 0 1-2 2A17 17 0 0 1 3 5.5a2 2 0 0 1 2-2Z'/%3E%3C/svg%3E");--i-coins:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cellipse cx='12' cy='6' rx='7' ry='3'/%3E%3Cpath d='M5 6v6c0 1.7 3.1 3 7 3s7-1.3 7-3V6M5 12v6c0 1.7 3.1 3 7 3s7-1.3 7-3v-6'/%3E%3C/svg%3E");--i-gift:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'%3E%3Crect x='3.5' y='8' width='17' height='4' rx='1'/%3E%3Cpath d='M5 12v8h14v-8M12 8v12M12 8S10.5 3.5 8 4.5 9 8 12 8Zm0 0s1.5-4.5 4-3.5S15 8 12 8Z'/%3E%3C/svg%3E");--i-down:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4v11m-5-5 5 5 5-5M5 20h14'/%3E%3C/svg%3E");--i-info:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 11v6M12 7.5h.01'/%3E%3C/svg%3E");--i-chev:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 6 6 6-6 6'/%3E%3C/svg%3E");--i-refresh:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 11a8 8 0 0 0-14.3-4.9L4 8m0-4v4h4M4 13a8 8 0 0 0 14.3 4.9L20 16m0 4v-4h-4'/%3E%3C/svg%3E")}

/* Step chip next to the heading ("6 min · 2.4 km", "Në udhëtim"). */
html body[data-ride-layout=client] .wr-sheet{position:relative}
html body[data-ride-layout=client] .wr-step-chip{position:absolute;top:24px;inset-inline-end:18px;max-width:46%;display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:999px;background:#e9f1ff;color:var(--v115-blue);font-size:14px;font-weight:700;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html body[data-ride-layout=client] .wr-step-chip[data-kind=trip]::before{content:'';width:18px;height:18px;flex-shrink:0;background:currentColor;-webkit-mask:var(--i-car) center/contain no-repeat;mask:var(--i-car) center/contain no-repeat}
html body[data-ride-layout=client] .wr-sheet:has(>.wr-step-chip:not([hidden]))>.wr-flow-heading{padding-inline-end:min(48%,170px)}
/* The live region stays for screen readers; the heading already shows the same step. */
html body[data-ride-layout=client]:is([data-ride-step=waiting],[data-ride-step=accepted],[data-ride-step=on_trip],[data-ride-step=completed]) #status{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
html body[data-ride-layout=client] .wr-arrow{color:var(--v115-blue);margin:0 8px;font-weight:700}

/* Searching for a driver */
html body[data-ride-layout=client][data-ride-step=waiting] .wr-flow-heading{text-align:center}
html body[data-ride-layout=client] .wr-search-state{text-align:center}
html body[data-ride-layout=client] .wr-search-state>.wr-search-line{display:none}
html body[data-ride-layout=client] .wr-search-state>p:not([class]){color:var(--v115-muted);font-size:15px;margin:0 0 4px}
html body[data-ride-layout=client] .wr-search-dots{display:flex;justify-content:center;gap:10px;margin:14px 0 18px}
html body[data-ride-layout=client] .wr-search-dots span{width:11px;height:11px;border-radius:50%;background:var(--v115-blue);animation:v115-dot 1.2s ease-in-out infinite}
html body[data-ride-layout=client] .wr-search-dots span:nth-child(2){animation-delay:.18s}
html body[data-ride-layout=client] .wr-search-dots span:nth-child(3){animation-delay:.36s}
@keyframes v115-dot{0%,100%{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1)}}
@media(prefers-reduced-motion:reduce){html body[data-ride-layout=client] .wr-search-dots span{animation:none;opacity:.8}}
html body[data-ride-layout=client] .wr-search-state .wr-search-route,html body[data-ride-layout=client] .wr-search-meta{display:flex;align-items:center;flex-wrap:wrap;gap:2px;text-align:start;white-space:normal;margin:0 0 8px;padding:13px 14px 13px 46px!important;border-radius:14px;background:var(--v115-soft)!important;color:var(--v115-ink);font-size:15px;font-weight:600;line-height:1.45;position:relative;overflow-wrap:anywhere}
html body[data-ride-layout=client] .wr-search-meta:empty{display:none}
html body[data-ride-layout=client] .wr-search-state .wr-search-route::before,html body[data-ride-layout=client] .wr-search-meta::before{content:'';position:absolute;left:15px;top:50%;width:20px;height:20px;margin-top:-10px;background:var(--v115-ink);-webkit-mask:var(--i-pin) center/contain no-repeat;mask:var(--i-pin) center/contain no-repeat}
html body[data-ride-layout=client] .wr-search-meta::before{-webkit-mask-image:var(--i-car);mask-image:var(--i-car)}
html body[data-ride-layout=client] .wr-dispatch-status{text-align:center}

/* Cancel: outlined while searching, a quiet red link once a driver is coming. */
html body[data-ride-layout=client] #cancelBtn{min-height:52px;border-radius:14px;font-weight:700;font-size:16px}
html body[data-ride-layout=client][data-ride-step=waiting] #cancelBtn{background:#fff;color:var(--v115-blue);border:1.5px solid var(--v115-blue)}
html body[data-ride-layout=client][data-ride-step=accepted] #cancelBtn{background:transparent;color:var(--v115-red);border:0}

/* Driver coming / on trip */
html body[data-ride-layout=client] .wr-trip-card{border:0;padding:0;display:grid;gap:12px}
html body[data-ride-layout=client] .wr-trip-live{padding:0 0 12px;border-bottom:1px solid var(--v115-line)}
html body[data-ride-layout=client] .wr-live-title{margin:0;font-size:24px;font-weight:800;letter-spacing:-.5px;color:var(--v115-ink);line-height:1.2}
html body[data-ride-layout=client] .wr-live-sub{margin:4px 0 0;color:var(--v115-muted);font-size:15px}
html body[data-ride-layout=client] .wr-driver-contacts{margin:0}
html body[data-ride-layout=client] .wr-driver-contacts>*{gap:8px;padding:10px 8px;font-size:14px;line-height:1.25}
html body[data-ride-layout=client] .wr-driver-contacts>button:first-child::before,html body[data-ride-layout=client] #rideDriverCall::before{content:'';width:20px;height:20px;flex-shrink:0;background:currentColor;-webkit-mask:var(--i-chat) center/contain no-repeat;mask:var(--i-chat) center/contain no-repeat}
html body[data-ride-layout=client] #rideDriverCall::before{-webkit-mask-image:var(--i-phone);mask-image:var(--i-phone)}
html body[data-ride-layout=client] .wr-driver-contacts[data-count="3"]>.wr-trip-help,html body[data-ride-layout=client] .wr-driver-contacts[data-count="1"]>*{grid-column:1/-1}
html body[data-ride-layout=client] .wr-driver-contacts>.wr-contact-wide{grid-column:1/-1}
html body[data-ride-layout=client] .wr-share-note{margin:0;padding:8px 12px;border-radius:12px;background:var(--v115-green-bg);color:var(--v115-green);font-size:14px;font-weight:600;text-align:center}
html body[data-ride-layout=client] .wr-trip-route{margin:0;padding:12px 14px;border:0;border-radius:16px;background:var(--v115-soft)}
html body[data-ride-layout=client] .wr-trip-route .wr-trip-fare{display:flex;align-items:center;gap:10px;margin:10px 0 0;padding:10px 0 0;border-top:1px solid var(--v115-line);font-size:18px}
html body[data-ride-layout=client] .wr-trip-route .wr-trip-fare::before{content:'';width:22px;height:22px;flex-shrink:0;background:var(--v115-ink);-webkit-mask:var(--i-cash) center/contain no-repeat;mask:var(--i-cash) center/contain no-repeat}
html body[data-ride-layout=client] .wr-fare-note{margin:2px 0 0 32px;color:var(--v115-muted);font-size:13px}

/* Completion */
html body[data-ride-layout=client] .wr-map-badge{position:absolute;left:50%;bottom:32px;transform:translateX(-50%);z-index:5;display:flex;align-items:center;gap:8px;margin:0;padding:10px 16px;border-radius:999px;background:var(--v115-green-bg);color:var(--v115-green);font-weight:700;font-size:15px;white-space:nowrap;box-shadow:0 4px 16px #0f3d2420;max-width:calc(100% - 32px);overflow:hidden;text-overflow:ellipsis}
html body[data-ride-layout=client] .wr-map-badge::before{content:'';width:20px;height:20px;flex-shrink:0;border-radius:50%;background:var(--v115-green);-webkit-mask:var(--i-check) center/14px no-repeat,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:var(--i-check) center/14px no-repeat exclude,linear-gradient(#000 0 0)}
html body[data-ride-layout=client][data-ride-step=completed] .wr-flow-heading{display:flex;align-items:center;justify-content:center;gap:12px;text-align:center;font-size:30px;font-weight:800;margin-bottom:14px}
html body[data-ride-layout=client][data-ride-step=completed]:not([data-ride-view=rating]) .wr-flow-heading::before{content:'';width:44px;height:44px;flex-shrink:0;border-radius:50%;background:var(--v115-green);-webkit-mask:var(--i-check) center/26px no-repeat,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:var(--i-check) center/26px no-repeat exclude,linear-gradient(#000 0 0)}
html body[data-ride-layout=client] .wr-done{display:grid;gap:12px}
html body[data-ride-layout=client] .wr-done-route{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;margin:0 0 2px;font-size:18px;font-weight:700;color:var(--v115-ink);text-align:center;overflow-wrap:anywhere;line-height:1.35}
html body[data-ride-layout=client] :is(.wr-done-driver,.wr-rate-driver){display:flex;align-items:center;gap:14px;padding:14px 16px;border:1px solid var(--v115-line);border-radius:18px;background:#fff;min-width:0}
html body[data-ride-layout=client] :is(.wr-done-driver,.wr-rate-driver) .wr-driver-initials{width:58px;height:58px;font-size:21px;border:0;box-shadow:none}
html body[data-ride-layout=client] :is(.wr-done-driver,.wr-rate-driver)>div{display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-width:0}
html body[data-ride-layout=client] :is(.wr-done-driver,.wr-rate-driver) strong{font-size:18px;color:var(--v115-ink);overflow-wrap:anywhere}
html body[data-ride-layout=client] :is(.wr-done-driver,.wr-rate-driver) span:not(.wr-driver-plate){color:var(--v115-muted);font-size:14px;overflow-wrap:anywhere}
html body[data-ride-layout=client] :is(.wr-done-driver,.wr-rate-driver) .wr-driver-plate{font-size:14px;padding:3px 9px;margin-top:2px;border:1px solid #cad6e5;border-left:4px solid var(--v115-blue);border-radius:6px;letter-spacing:.8px;color:var(--v115-ink);font-weight:700}
html body[data-ride-layout=client] .wr-done-amount{border:1px solid var(--v115-line);border-radius:18px;padding:16px;background:#fff}
html body[data-ride-layout=client] .wr-done-amount-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
html body[data-ride-layout=client] .wr-done-amount-top>div:first-child{min-width:0}
html body[data-ride-layout=client] .wr-done-amount small{display:block;color:var(--v115-muted);font-size:13px}
html body[data-ride-layout=client] .wr-done-price{display:block;font-size:34px;font-weight:800;letter-spacing:-.8px;color:var(--v115-ink);line-height:1.15;margin-top:4px;overflow-wrap:anywhere}
html body[data-ride-layout=client] .wr-done-pay{display:flex;flex-direction:column;align-items:flex-end;gap:8px;flex-shrink:0}
html body[data-ride-layout=client] .wr-pay-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;font-size:14px;font-weight:700;background:var(--v115-amber-bg);color:var(--v115-amber)}
html body[data-ride-layout=client] .wr-pay-badge:is([data-state=paid_wallet],[data-state=cash_collected]){background:var(--v115-green-bg);color:var(--v115-green)}
html body[data-ride-layout=client] .wr-pay-badge:is([data-state=paid_wallet],[data-state=cash_collected])::before{content:'';width:16px;height:16px;border-radius:50%;background:currentColor;-webkit-mask:var(--i-check) center/11px no-repeat,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:var(--i-check) center/11px no-repeat exclude,linear-gradient(#000 0 0)}
html body[data-ride-layout=client] .wr-pay-method{display:inline-flex;align-items:center;gap:6px;color:var(--v115-ink);font-size:15px}
html body[data-ride-layout=client] .wr-pay-method::before{content:'';width:20px;height:20px;background:currentColor;-webkit-mask:var(--i-cash) center/contain no-repeat;mask:var(--i-cash) center/contain no-repeat}
html body[data-ride-layout=client] .wr-done-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-top:14px;padding-top:12px;border-top:1px solid var(--v115-line)}
html body[data-ride-layout=client] .wr-fact{display:grid;grid-template-columns:28px 1fr;column-gap:10px;align-items:center;margin:0;padding:2px 0}
html body[data-ride-layout=client] .wr-fact+.wr-fact:not([hidden]){border-inline-start:1px solid var(--v115-line);padding-inline-start:14px}
html body[data-ride-layout=client] .wr-fact::before{content:'';grid-row:1/3;width:26px;height:26px;background:var(--v115-ink);-webkit-mask:var(--i-route) center/contain no-repeat;mask:var(--i-route) center/contain no-repeat}
html body[data-ride-layout=client] .wr-fact-time::before{-webkit-mask-image:var(--i-clock);mask-image:var(--i-clock)}
html body[data-ride-layout=client] .wr-fact strong{font-size:17px;color:var(--v115-ink)}
html body[data-ride-layout=client] .wr-fact small{font-size:12px!important}
html body[data-ride-layout=client] .wr-done-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
html body[data-ride-layout=client] .wr-done-actions>button{display:flex;align-items:center;gap:10px;margin:0;min-height:54px;padding:10px 14px;border:1px solid var(--v115-line);border-radius:16px;background:#fff;color:var(--v115-ink);font-weight:700;font-size:15px;text-align:start;min-width:0}
html body[data-ride-layout=client] .wr-done-actions>button>span{flex:1;min-width:0;overflow-wrap:anywhere}
html body[data-ride-layout=client] .wr-done-actions>button::after{content:'';width:16px;height:16px;flex-shrink:0;background:var(--v115-muted);-webkit-mask:var(--i-chev) center/contain no-repeat;mask:var(--i-chev) center/contain no-repeat}
html body[data-ride-layout=client] .wr-done-actions>button[aria-expanded=true]{border-color:var(--v115-blue);background:#f2f7ff}
html body[data-ride-layout=client] .wr-done-actions>button[aria-expanded=true]::after{transform:rotate(90deg)}
html body[data-ride-layout=client] .wr-done-rate,html body[data-ride-layout=client] #submitRating{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;margin:0;min-height:54px;border:0;border-radius:16px;background:var(--v115-blue);color:#fff;font-weight:700;font-size:17px;box-shadow:0 6px 18px #0b5cff26}
html body[data-ride-layout=client] .wr-done-rate svg{fill:#fff}
html body[data-ride-layout=client][data-ride-step=completed] #newRideBtn{display:flex;align-items:center;justify-content:center;gap:10px;margin:10px 0 0;background:#fff;color:var(--v115-blue);border:1.5px solid #cfdcf0;border-radius:16px;min-height:54px;font-size:17px;box-shadow:none}
html body[data-ride-layout=client][data-ride-step=completed] #newRideBtn::before{content:'';width:20px;height:20px;background:currentColor;-webkit-mask:var(--i-refresh) center/contain no-repeat;mask:var(--i-refresh) center/contain no-repeat}
html body[data-ride-layout=client][data-ride-step=completed]:not([data-ride-receipt=open]) #receipt{display:none!important}
html body[data-ride-layout=client][data-ride-step=completed] #receipt{margin:12px 0 0;border:1px solid var(--v115-line);border-radius:18px;background:var(--v115-soft)}
html body[data-ride-layout=client][data-ride-step=completed] #receipt h2{font-size:17px;margin:0 0 8px}
html body[data-ride-layout=client][data-ride-step=completed]:has(.wr-pay-badge:not([hidden])) #ridePaymentPanel{display:none}
html body[data-ride-layout=client][data-ride-step=completed] .wr-notice:has(#message:empty){margin:0}

/* Rating */
html body[data-ride-layout=client][data-ride-step=completed]:not([data-ride-view=rating]) #ratingBox{display:none!important}
html body[data-ride-layout=client][data-ride-view=rating] :is(#rideDone,#receipt,#newRideBtn,#ridePaymentPanel,.wr-map-badge){display:none!important}
@media(max-width:899px){html body[data-ride-layout=client][data-ride-view=rating] .wr-map-stage{display:none}html body[data-ride-layout=client][data-ride-view=rating] .wr-sheet{margin-top:0;box-shadow:none}}
html body[data-ride-layout=client] #ratingBox{padding:0!important;margin:0!important;display:grid;gap:14px}
html body[data-ride-layout=client] #ratingBox>h2{display:none}
html body[data-ride-layout=client] .wr-rate-question{text-align:center;margin:6px 0 0;font-size:20px;font-weight:800;color:var(--v115-ink)}
html body[data-ride-layout=client] #ratingBox .wr-stars{display:flex;justify-content:center;gap:6px}
html body[data-ride-layout=client] #ratingBox .wr-stars button{width:52px;height:52px;min-height:0;margin:0;padding:4px;border:0;border-radius:12px;background:transparent;display:grid;place-items:center}
html body[data-ride-layout=client] #ratingBox .wr-stars svg{width:44px;height:44px;fill:#fff;stroke:#c3cede;stroke-width:1.3;stroke-linejoin:round;transition:fill .12s,stroke .12s}
html body[data-ride-layout=client] #ratingBox .wr-stars .wr-star-on svg{fill:#ffb703;stroke:#f2a500}
html body[data-ride-layout=client] .wr-rate-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;min-width:0}
html body[data-ride-layout=client] .wr-rate-tag{flex:1 1 auto;width:auto;max-width:100%;margin:0;min-height:44px;padding:0 14px;font-size:14px!important;border:1px solid #cfdcf0;border-radius:12px;background:#fff;color:var(--v115-ink);font-weight:600;overflow-wrap:anywhere}
html body[data-ride-layout=client] .wr-rate-tag[aria-pressed=true]{border:1.5px solid var(--v115-blue);background:#eef4ff;color:var(--v115-blue)}
html body[data-ride-layout=client] .wr-rate-comment{display:grid;gap:4px;min-width:0}
html body[data-ride-layout=client] .wr-rate-comment textarea{box-sizing:border-box;width:100%;max-width:100%;min-height:76px;margin:0;padding:12px 14px;border:1px solid #d7e0ec;border-radius:12px;background:#fff;color:var(--v115-ink);font:inherit;font-size:16px;resize:vertical}
html body[data-ride-layout=client] .wr-rate-count{justify-self:end;color:var(--v115-muted);font-size:12px}
html body[data-ride-layout=client] .wr-tip{display:grid;gap:10px;padding-top:14px;border-top:1px solid var(--v115-line)}
html body[data-ride-layout=client] .wr-tip-title{margin:0;font-size:16px;color:var(--v115-ink)}
html body[data-ride-layout=client] .wr-tip-title small{color:var(--v115-muted);font-size:14px;font-weight:400}
html body[data-ride-layout=client] .wr-tip-chips{display:flex;flex-wrap:wrap;gap:8px}
html body[data-ride-layout=client] .wr-tip-presets{display:contents}
html body[data-ride-layout=client] .wr-tip-chip{flex:1 1 auto;width:auto;margin:0;min-height:46px;padding:0 10px;font-size:14px!important;border:1px solid #d7e0ec;border-radius:12px;background:#fff;color:var(--v115-ink);font-size:15px;font-weight:600}
html body[data-ride-layout=client] .wr-tip-chip[aria-pressed=true]{border:1.5px solid var(--v115-blue);background:#eef4ff;color:var(--v115-blue)}
html body[data-ride-layout=client] #ratingBox:not(.wr-tip-custom) #tip{display:none}
html body[data-ride-layout=client] #ratingBox #tip{margin:0;min-height:48px;padding:10px 14px;border:1px solid #d7e0ec;border-radius:12px;background:#fff;font-size:16px}
html body[data-ride-layout=client] .wr-tip-note{display:flex;align-items:center;gap:8px;margin:0;color:var(--v115-muted);font-size:13px}
html body[data-ride-layout=client] .wr-tip-note::before{content:'';width:16px;height:16px;flex-shrink:0;background:currentColor;-webkit-mask:var(--i-info) center/contain no-repeat;mask:var(--i-info) center/contain no-repeat}
html body[data-ride-layout=client] .wr-rate-later{width:100%;margin:0!important;min-height:52px;background:#fff!important;border:1px solid var(--v115-line)!important;color:var(--v115-ink)!important;font-weight:700;border-radius:16px!important}

/* Ride history (Historiku) */
html body[data-ride-layout=client] #careHistory{display:flex;flex-direction:column;gap:12px;padding:18px 16px 20px;border:0;border-radius:24px;color:var(--v115-ink)}
html body[data-ride-layout=client] #careHistory>*{margin-top:0;margin-bottom:0}
html body[data-ride-layout=client] #careHistory>.care-actions{order:10}
html body[data-ride-layout=client] #careHistory .care-head{top:-18px;padding:4px 0 6px}
html body[data-ride-layout=client] #careHistory .care-head h2{font-size:26px;font-weight:800;letter-spacing:-.5px}
html body[data-ride-layout=client] #careHistory .care-head button{min-height:40px;padding:8px 16px;border:0;border-radius:999px;background:var(--v115-soft);font-weight:700;font-size:14px}
html body[data-ride-layout=client] #careHistory #careHistoryScope,html body[data-ride-layout=client] #careHistory #careRange{font-size:13px;line-height:1.45}
html body[data-ride-layout=client] #careHistory .care-filters{gap:10px}
html body[data-ride-layout=client] #careHistory .care-filters label{margin:0;font-size:12px;color:var(--v115-muted);font-weight:600}
html body[data-ride-layout=client] #careHistory .care-filters :is(select,input){margin:4px 0 0;min-height:48px;border:1px solid var(--v115-line);border-radius:14px;background:var(--v115-soft);color:var(--v115-ink);font-weight:600}
html body[data-ride-layout=client] #careHistory .care-stats{gap:10px}
html body[data-ride-layout=client] #careHistory .care-stat{position:relative;padding:14px 12px 14px 60px;border:1px solid var(--v115-line);border-radius:16px;background:#fff;min-height:72px;display:flex;flex-direction:column;justify-content:center}
html body[data-ride-layout=client] #careHistory .care-stat::before{content:'';position:absolute;left:12px;top:50%;width:38px;height:38px;margin-top:-19px;border-radius:50%;background:var(--v115-green-bg)}
html body[data-ride-layout=client] #careHistory .care-stat::after{content:'';position:absolute;left:21px;top:50%;width:20px;height:20px;margin-top:-10px;background:var(--v115-green);-webkit-mask:var(--i-check) center/contain no-repeat;mask:var(--i-check) center/contain no-repeat}
html body[data-ride-layout=client] #careHistory .care-stat:nth-child(2)::before,html body[data-ride-layout=client] #careHistory .care-stat:nth-child(4)::before{background:#e9f1ff}
html body[data-ride-layout=client] #careHistory .care-stat:nth-child(2)::after{background:var(--v115-blue);-webkit-mask-image:var(--i-coins);mask-image:var(--i-coins)}
html body[data-ride-layout=client] #careHistory .care-stat:nth-child(3)::before{background:var(--v115-red-bg)}
html body[data-ride-layout=client] #careHistory .care-stat:nth-child(3)::after{background:var(--v115-red);-webkit-mask-image:var(--i-x);mask-image:var(--i-x)}
html body[data-ride-layout=client] #careHistory .care-stat:nth-child(4)::after{background:var(--v115-blue);-webkit-mask-image:var(--i-gift);mask-image:var(--i-gift)}
html body[data-ride-layout=client] #careHistory .care-stat span{font-size:13px;color:var(--v115-muted);line-height:1.3}
html body[data-ride-layout=client] #careHistory .care-stat strong{font-size:19px;margin-top:3px;line-height:1.25}
html body[data-ride-layout=client] #careHistory .care-filter-chips{display:flex;flex-wrap:wrap;gap:8px}
html body[data-ride-layout=client] #careHistory .care-chip{width:auto;margin:0;min-height:42px;padding:8px 18px;border:1px solid #d7e0ec;border-radius:999px;background:#fff;color:var(--v115-ink);font-size:15px;font-weight:600}
html body[data-ride-layout=client] #careHistory .care-chip[aria-pressed=true]{background:var(--v115-blue);border-color:var(--v115-blue);color:#fff}
html body[data-ride-layout=client] #careHistory #careTrips{display:grid;gap:10px}
html body[data-ride-layout=client] #careHistory .care-trip{position:relative;display:grid;grid-template-columns:72px minmax(0,1fr);gap:12px;align-items:start;padding:12px;border:1px solid var(--v115-line);border-radius:18px;background:#fff}
html body[data-ride-layout=client] #careHistory .care-thumb{width:72px;height:72px;border-radius:14px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 72 72'%3E%3Cpath d='M18 54c6-4 8-12 16-14s14-6 18-18' fill='none' stroke='%230b5cff' stroke-width='3.5' stroke-linecap='round'/%3E%3Ccircle cx='18' cy='54' r='5' fill='%23fff' stroke='%230b5cff' stroke-width='3'/%3E%3Ccircle cx='52' cy='22' r='5' fill='%230b5cff' stroke='%23fff' stroke-width='2'/%3E%3C/svg%3E") center/100% no-repeat,linear-gradient(115deg,transparent 46%,#fff 46% 50%,transparent 50%),linear-gradient(25deg,transparent 60%,#fff 60% 63%,transparent 63%),linear-gradient(160deg,#e8eff3,#dfe9e4)}
html body[data-ride-layout=client] #careHistory .care-trip[data-status=cancelled] .care-thumb{filter:grayscale(1);opacity:.7}
html body[data-ride-layout=client] #careHistory .care-trip details{padding:0;background:transparent;min-width:0}
html body[data-ride-layout=client] #careHistory .care-trip summary{display:flex;flex-direction:column;gap:3px;list-style:none;padding:0 26px 0 0;font-weight:400;position:relative;min-height:72px;justify-content:center}
html body[data-ride-layout=client] #careHistory .care-trip summary::-webkit-details-marker{display:none}
html body[data-ride-layout=client] #careHistory .care-trip summary::after{content:'';position:absolute;right:0;bottom:6px;width:18px;height:18px;background:var(--v115-muted);-webkit-mask:var(--i-chev) center/contain no-repeat;mask:var(--i-chev) center/contain no-repeat;transition:transform .15s}
html body[data-ride-layout=client] #careHistory .care-trip details[open] summary::after{transform:rotate(90deg)}
html body[data-ride-layout=client] #careHistory .care-when{font-size:13px;color:var(--v115-muted);padding-inline-end:92px}
html body[data-ride-layout=client] #careHistory .care-trip summary small{order:2;font-size:15px;font-weight:700;color:var(--v115-ink);line-height:1.35}
html body[data-ride-layout=client] #careHistory .care-price{order:3;font-size:17px;font-weight:800;color:var(--v115-ink)}
html body[data-ride-layout=client] #careHistory .care-trip[data-status=cancelled] .care-price{color:var(--v115-muted);font-weight:700}
html body[data-ride-layout=client] #careHistory .care-badge{position:absolute;top:12px;inset-inline-end:12px;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700;background:var(--v115-green-bg);color:var(--v115-green);max-width:40%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html body[data-ride-layout=client] #careHistory .care-trip[data-status=cancelled] .care-badge{background:var(--v115-red-bg);color:var(--v115-red)}
html body[data-ride-layout=client] #careHistory .care-trip .care-lines{margin:10px 0 8px;padding:12px;border-radius:12px;background:var(--v115-soft);font-size:14px}
html body[data-ride-layout=client] #careHistory .care-trip details button{margin:0;min-height:46px;border-radius:12px;background:#fff;border:1px solid var(--v115-line);font-weight:600;font-size:15px}
html body[data-ride-layout=client] #careHistory #careMore{margin:0;min-height:48px;border-radius:14px;background:#fff;border:1px solid var(--v115-line);font-weight:700}
html body[data-ride-layout=client] #careHistory .care-actions{gap:10px}
html body[data-ride-layout=client] #careHistory .care-actions button{display:flex;align-items:center;justify-content:center;gap:8px;margin:0;min-height:52px;padding:8px 10px;line-height:1.25;border-radius:16px;font-weight:700;font-size:15px}
html body[data-ride-layout=client] #careHistory #careRefresh{background:var(--v115-soft);border:0}
html body[data-ride-layout=client] #careHistory #careExport{background:#fff;border:1.5px solid #cfdcf0;color:var(--v115-blue)}
html body[data-ride-layout=client] #careHistory #careExport::before{content:'';width:20px;height:20px;background:currentColor;-webkit-mask:var(--i-down) center/contain no-repeat;mask:var(--i-down) center/contain no-repeat}
html body[data-ride-layout=client] #careHistory #careRefresh::before{content:'';width:18px;height:18px;background:currentColor;-webkit-mask:var(--i-refresh) center/contain no-repeat;mask:var(--i-refresh) center/contain no-repeat}
@media(max-width:360px){html body[data-ride-layout=client] .wr-done-actions{grid-template-columns:1fr}html body[data-ride-layout=client] #careHistory .care-stats{grid-template-columns:1fr}html body[data-ride-layout=client] .wr-done-price{font-size:28px}}
/* Active-trip payment change keeps its controls, in the sheet's card style. */
html body[data-ride-layout=client] #ridePaymentPanel{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 10px;align-items:center;margin:12px 0;padding:14px;border:1px solid var(--v115-line);border-radius:16px;background:#fff}
html body[data-ride-layout=client] #ridePaymentPanel.hidden{display:none}
html body[data-ride-layout=client] #ridePaymentPanel>p,html body[data-ride-layout=client] #ridePaymentPanel>label{grid-column:1/-1;margin:0}
html body[data-ride-layout=client] #ridePaymentPanel>p{font-weight:700;color:var(--v115-ink)}
html body[data-ride-layout=client] #ridePaymentPanel>label{font-size:12px;color:var(--v115-muted);font-weight:600}
html body[data-ride-layout=client] #ridePaymentPanel select{margin:0;min-height:46px;border:1px solid var(--v115-line);border-radius:12px;background:var(--v115-soft)}
html body[data-ride-layout=client] #ridePaymentPanel button{margin:0;width:auto;min-height:46px;padding:0 16px;border:1.5px solid var(--v115-blue);border-radius:12px;background:#fff;color:var(--v115-blue);font-weight:700}
html body[data-ride-layout=client] #ridePaymentPanel select[hidden]+button,html body[data-ride-layout=client] #ridePaymentPanel button[hidden]{display:none}
html body[data-ride-layout=client] #ratingBox #tip:focus-visible{outline:3px solid #83b1ff;outline-offset:1px;border-color:var(--v115-blue)}