:root{
 --ink:#101828;--muted:#667085;--muted2:#98a2b3;--line:#e4e7ec;--paper:#fff;--bg:#f4f6fb;
 --accent:#6c5ce7;--accent2:#8d80ff;--accentSoft:#efedff;--green:#067647;--greenBg:#ecfdf3;
 --amber:#b54708;--amberBg:#fffaeb;--red:#b42318;--redBg:#fef3f2;--blue:#175cd3;--blueBg:#eff8ff;
 --shadow:0 18px 45px rgba(16,24,40,.09);--safeTop:env(safe-area-inset-top,0px);--safeBottom:env(safe-area-inset-bottom,0px);
 --appWidth:560px;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink)
}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg)}body{overscroll-behavior-y:none}
button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.hidden{display:none!important}
svg{display:block}.app-shell{min-height:100vh;max-width:var(--appWidth);margin:0 auto;background:var(--bg);padding-bottom:calc(74px + var(--safeBottom))}
.topbar{position:sticky;top:0;z-index:30;padding:calc(10px + var(--safeTop)) 13px 10px;background:rgba(244,246,251,.92);backdrop-filter:blur(16px);display:flex;align-items:center;justify-content:space-between}
.brand{display:flex;align-items:center;gap:10px}.brand-mark{width:35px;height:35px;border-radius:11px;background:linear-gradient(145deg,var(--ink),#5144b8);color:#fff;display:grid;place-items:center;box-shadow:0 8px 18px rgba(16,24,40,.16)}.brand-mark svg{width:20px}
.brand-copy strong{display:block;font-size:14px;letter-spacing:-.02em}.brand-copy small{display:block;color:var(--muted);font-size:10px;margin-top:2px}
.top-actions{display:flex;gap:8px}.icon-btn{border:1px solid var(--line);background:#fff;width:37px;height:37px;border-radius:11px;display:grid;place-items:center;color:#344054;position:relative}.icon-btn svg{width:18px}.notification-dot{position:absolute;right:7px;top:7px;width:8px;height:8px;border-radius:50%;background:#f04438;border:2px solid white}
.page{padding:2px 12px 20px}.hero{border-radius:21px;padding:17px;background:linear-gradient(145deg,#101828 0%,#273247 58%,#6657d9 140%);color:#fff;box-shadow:var(--shadow);position:relative;overflow:hidden}.hero:after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;right:-70px;top:-100px;background:rgba(145,132,255,.28)}
.hero>*{position:relative;z-index:1}.eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:.12em;font-weight:800;color:#cbd5e1}.hero h1{font-size:23px;line-height:1.12;margin:8px 0 5px;letter-spacing:-.04em}.hero p{margin:0;color:#d0d5dd;font-size:12px;line-height:1.5}.hero-actions{display:flex;gap:8px;margin-top:15px}.hero-action{border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.1);color:#fff;border-radius:11px;padding:9px 11px;font-size:11px;font-weight:800;display:inline-flex;align-items:center;gap:7px}.hero-action.primary{background:#fff;color:var(--ink)}.hero-action svg{width:16px}
.sandbox-banner{margin-top:11px;padding:10px 12px;border-radius:13px;background:var(--amberBg);border:1px solid #fedf89;color:#7a2e0e;font-size:11px;display:flex;gap:8px;align-items:flex-start;line-height:1.45}.sandbox-banner svg{width:17px;flex:0 0 auto}
.section{margin-top:16px}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:8px}.section-head h2{font-size:15px;letter-spacing:-.025em;margin:0}.section-head button{border:0;background:none;color:var(--accent);font-size:11px;font-weight:800}
.card{background:var(--paper);border:1px solid var(--line);border-radius:17px;box-shadow:0 8px 24px rgba(16,24,40,.035)}.card-pad{padding:13px}
.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.metric{background:#fff;border:1px solid var(--line);border-radius:14px;padding:10px;min-width:0}.metric span{display:block;color:var(--muted);font-size:9.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.metric strong{display:block;font-size:16px;margin-top:5px;letter-spacing:-.03em}
.list{display:flex;flex-direction:column}.list-item{display:flex;gap:10px;align-items:center;padding:11px 12px;border-bottom:1px solid #eef1f5}.list-item:last-child{border-bottom:0}.list-icon{width:37px;height:37px;border-radius:11px;background:var(--accentSoft);color:var(--accent);display:grid;place-items:center;flex:0 0 auto}.list-icon svg{width:18px}.list-copy{min-width:0;flex:1}.list-copy strong{font-size:12px;display:block}.list-copy small{display:block;color:var(--muted);font-size:10px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-side{text-align:right}.list-side strong{font-size:12px}.list-side small{font-size:9.5px;color:var(--muted);display:block;margin-top:3px}
.pill{display:inline-flex;align-items:center;gap:4px;border-radius:999px;padding:4px 7px;font-size:9px;font-weight:800;text-transform:capitalize}.pill.green{background:var(--greenBg);color:var(--green)}.pill.amber{background:var(--amberBg);color:var(--amber)}.pill.red{background:var(--redBg);color:var(--red)}.pill.blue{background:var(--blueBg);color:var(--blue)}.pill.gray{background:#f2f4f7;color:#475467}
.empty{padding:25px 17px;text-align:center}.empty-icon{width:54px;height:54px;border-radius:18px;margin:0 auto 12px;background:var(--accentSoft);color:var(--accent);display:grid;place-items:center}.empty-icon svg{width:27px}.empty h3{margin:0;font-size:14px}.empty p{color:var(--muted);font-size:11px;line-height:1.55;margin:7px auto 0;max-width:300px}
.bottom-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);z-index:35;width:min(var(--appWidth),100%);background:rgba(255,255,255,.95);backdrop-filter:blur(18px);border-top:1px solid var(--line);padding:7px 8px calc(6px + var(--safeBottom));display:grid;grid-template-columns:repeat(4,1fr)}.nav-btn{border:0;background:none;color:#98a2b3;display:flex;flex-direction:column;align-items:center;gap:3px;font-size:8.5px;font-weight:800;padding:4px}.nav-btn svg{width:21px;height:21px}.nav-btn.active{color:var(--accent)}
.auth-shell{min-height:100vh;background:linear-gradient(155deg,#101828 0%,#1d2939 45%,#5547c4 120%);padding:calc(22px + var(--safeTop)) 14px calc(18px + var(--safeBottom));display:flex;align-items:center;justify-content:center}.auth-wrap{width:min(400px,100%)}.auth-brand{text-align:center;color:#fff;margin-bottom:16px}.auth-logo{width:53px;height:53px;border-radius:17px;background:#fff;color:var(--ink);display:grid;place-items:center;margin:0 auto 10px}.auth-logo svg{width:30px}.auth-brand h1{margin:0;font-size:23px;letter-spacing:-.04em}.auth-brand p{margin:6px 0 0;color:#d0d5dd;font-size:11px}.auth-card{background:#fff;border-radius:20px;padding:16px;box-shadow:0 24px 70px rgba(0,0,0,.24)}
.tabs{display:grid;grid-template-columns:1fr 1fr;background:#f2f4f7;padding:4px;border-radius:12px;margin-bottom:13px}.tab{border:0;background:transparent;border-radius:9px;padding:8px;font-size:11px;font-weight:800;color:var(--muted)}.tab.active{background:#fff;color:var(--ink);box-shadow:0 3px 10px rgba(16,24,40,.08)}
.form-stack{display:flex;flex-direction:column;gap:11px}.field label{display:block;font-size:10px;font-weight:800;color:#344054;margin:0 0 5px}.input{width:100%;border:1px solid #d0d5dd;background:#fff;border-radius:11px;min-height:43px;padding:9px 11px;outline:none;color:var(--ink);font-size:16px}.input:focus{border-color:#8b7cff;box-shadow:0 0 0 3px rgba(108,92,231,.13)}textarea.input{min-height:95px;resize:vertical}.input-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.helper{font-size:10.5px;color:var(--muted);line-height:1.45}
.primary-btn,.secondary-btn,.danger-btn,.ghost-btn{border:0;border-radius:11px;min-height:41px;padding:9px 13px;font-size:12px;font-weight:820;display:inline-flex;align-items:center;justify-content:center;gap:7px}.primary-btn{background:var(--ink);color:#fff}.primary-btn.purple{background:var(--accent)}.secondary-btn{background:#f2f4f7;color:#344054}.danger-btn{background:var(--redBg);color:var(--red);border:1px solid #fecdca}.ghost-btn{background:transparent;color:var(--accent);border:1px solid #d9d6fe}.primary-btn:disabled,.secondary-btn:disabled{opacity:.55;cursor:not-allowed}.full{width:100%}.button-row{display:flex;gap:8px;flex-wrap:wrap}
.modal-backdrop{position:fixed;inset:0;z-index:90;background:rgba(16,24,40,.54);backdrop-filter:blur(5px);display:flex;align-items:flex-end;justify-content:center}.modal{width:min(var(--appWidth),100%);max-height:92vh;overflow:auto;background:#fff;border-radius:22px 22px 0 0;padding:16px 14px calc(16px + var(--safeBottom));box-shadow:0 -20px 60px rgba(16,24,40,.2)}.modal-grab{width:42px;height:5px;border-radius:99px;background:#d0d5dd;margin:-4px auto 13px}.modal-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:14px}.modal-head h2{font-size:18px;margin:0;letter-spacing:-.035em}.modal-head p{font-size:11px;color:var(--muted);margin:5px 0 0;line-height:1.45}.close-btn{border:0;background:#f2f4f7;width:33px;height:33px;border-radius:10px;font-size:19px}
.subpage-head{display:flex;align-items:center;gap:10px;margin:2px 0 12px}.back-btn{border:1px solid var(--line);background:#fff;width:36px;height:36px;border-radius:10px;display:grid;place-items:center}.subpage-head h1{font-size:18px;margin:0;letter-spacing:-.035em}
.settings-title{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.09em;font-weight:800;margin:14px 4px 6px}.settings-group{overflow:hidden;margin-bottom:10px}.setting-row{display:flex;align-items:center;gap:11px;padding:11px 12px;border-bottom:1px solid #eef1f5}.setting-row:last-child{border-bottom:0}.setting-row>svg{width:18px;color:var(--accent)}.setting-row .list-copy{flex:1}.chev{color:#98a2b3}
.signout-row{width:100%;border:0;background:#fff;color:var(--red);display:flex;align-items:center;gap:11px;padding:11px 12px;text-align:left}.signout-row svg{width:18px}.signout-row strong{display:block;font-size:12px}.signout-row small{display:block;font-size:10px;color:var(--muted);margin-top:3px}
.trip-card{padding:14px}.trip-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.trip-head h3{font-size:15px;margin:0}.route{margin-top:14px}.route-point{display:grid;grid-template-columns:18px 1fr;gap:9px;position:relative}.route-point+.route-point{margin-top:14px}.route-point:first-child:after{content:"";position:absolute;left:6px;top:17px;height:25px;border-left:2px dotted #98a2b3}.route-dot{width:14px;height:14px;border-radius:50%;background:var(--accent);border:4px solid #e8e5ff;margin-top:2px}.route-point:last-child .route-dot{background:#12b76a;border-color:#d1fadf}.route-copy small{display:block;color:var(--muted);font-size:8.5px;text-transform:uppercase;letter-spacing:.1em;font-weight:800}.route-copy strong{display:block;font-size:12px;margin-top:3px;line-height:1.35}.trip-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:13px}.trip-meta div{background:#f8f9fb;border-radius:11px;padding:9px}.trip-meta span{display:block;font-size:9px;color:var(--muted)}.trip-meta strong{display:block;font-size:12px;margin-top:4px}
.active-trip{background:linear-gradient(145deg,#171d2a,#344054);color:#fff;border-radius:20px;padding:15px}.active-trip .route-copy small{color:#98a2b3}.active-trip .route-copy strong{color:#fff}.active-trip .trip-meta div{background:rgba(255,255,255,.08)}.active-trip .trip-meta span{color:#b9c0cd}.active-trip .trip-actions .primary-btn{background:#fff;color:var(--ink)}.active-trip .trip-actions .secondary-btn{background:rgba(255,255,255,.11);color:#fff}.trip-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:14px}.verification{margin-top:13px;padding:12px;border:1px dashed rgba(255,255,255,.35);border-radius:13px;display:flex;justify-content:space-between;align-items:center}.verification span{font-size:10px;color:#cbd5e1}.verification strong{font-size:22px;letter-spacing:.16em}
.driver-card{display:flex;gap:11px;align-items:center;margin-top:13px;padding:11px;border-radius:14px;background:rgba(255,255,255,.09)}.avatar{width:42px;height:42px;border-radius:50%;background:var(--accentSoft);color:var(--accent);display:grid;place-items:center;font-weight:900;flex:0 0 auto}.active-trip .avatar{background:rgba(255,255,255,.15);color:#fff}.driver-copy{min-width:0;flex:1}.driver-copy strong{display:block;font-size:13px}.driver-copy small{display:block;font-size:10px;color:#cbd5e1;margin-top:3px}.plate{font-weight:900;letter-spacing:.07em;font-size:11px}
.offer-search{text-align:center;padding:22px 14px}.pulse{width:72px;height:72px;border-radius:50%;margin:0 auto 13px;background:var(--accentSoft);position:relative;display:grid;place-items:center;color:var(--accent)}.pulse:before,.pulse:after{content:"";position:absolute;inset:0;border:2px solid var(--accent2);border-radius:50%;animation:pulse 1.8s infinite}.pulse:after{animation-delay:.6s}@keyframes pulse{to{transform:scale(1.6);opacity:0}}.pulse svg{width:31px}.offer-search h3{margin:0;font-size:15px}.offer-search p{margin:7px auto 0;color:var(--muted);font-size:11px;line-height:1.5;max-width:300px}.countdown-text{font-size:30px;font-weight:850;letter-spacing:-.05em;margin-top:12px}
.sort-row{display:flex;gap:6px;overflow:auto;padding-bottom:2px;margin-bottom:9px}.sort-btn{border:1px solid var(--line);background:#fff;border-radius:999px;padding:7px 10px;font-size:9.5px;font-weight:800;white-space:nowrap;color:#475467}.sort-btn.active{background:var(--ink);color:#fff;border-color:var(--ink)}
.offer-card{padding:13px;margin-bottom:9px;position:relative}.offer-rank{position:absolute;right:12px;top:12px;font-size:8.5px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:var(--accent)}.offer-card.favorite{border-color:#c7bfff;background:linear-gradient(180deg,#fff,#faf9ff)}.offer-main{display:flex;gap:10px;align-items:center;padding-right:62px}.offer-price{text-align:right;margin-left:auto}.offer-price strong{display:block;font-size:22px;letter-spacing:-.04em}.offer-price small{display:block;color:var(--muted);font-size:9px}.offer-details{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:11px}.offer-details div{background:#f8f9fb;border-radius:10px;padding:8px}.offer-details span{font-size:8.5px;color:var(--muted);display:block}.offer-details strong{font-size:11px;display:block;margin-top:3px}.badges{display:flex;gap:5px;flex-wrap:wrap;margin-top:9px}.offer-action{margin-top:11px}
.category-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.category-option{border:1px solid var(--line);background:#fff;border-radius:13px;padding:11px;text-align:left}.category-option.active{border-color:var(--accent);background:var(--accentSoft)}.category-option strong{font-size:11px;display:block}.category-option small{display:block;color:var(--muted);font-size:9px;margin-top:3px}
.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #eef1f5}.toggle-row:last-child{border-bottom:0}.toggle-copy strong{font-size:11px;display:block}.toggle-copy small{font-size:9.5px;color:var(--muted);display:block;margin-top:3px}.mini-switch{width:42px;height:25px;border:0;border-radius:999px;background:#d0d5dd;padding:3px}.mini-switch span{display:block;width:19px;height:19px;border-radius:50%;background:#fff;transition:.2s}.mini-switch.on{background:var(--accent)}.mini-switch.on span{transform:translateX(17px)}
.file-input{padding:8px;line-height:1.25}.file-input::file-selector-button{border:0;background:var(--accentSoft);color:var(--accent);font-weight:800;border-radius:9px;padding:8px 10px;margin-right:9px}.file-selection,.file-help{display:block;margin-top:6px;color:var(--muted);font-size:10px;line-height:1.4}.file-selection{color:#344054;font-weight:700}
.rating-stars{display:flex;gap:7px;justify-content:center;margin:10px 0}.star-btn{border:0;background:none;color:#d0d5dd;padding:2px}.star-btn svg{width:34px;fill:currentColor}.star-btn.active{color:#fdb022}.rating-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.rating-field{background:#f8f9fb;padding:10px;border-radius:11px}.rating-field label{font-size:9.5px;font-weight:800;color:#475467}.rating-field select{margin-top:5px}
.toast-root{position:fixed;z-index:130;left:50%;bottom:calc(78px + var(--safeBottom));transform:translateX(-50%);width:min(420px,calc(100% - 28px));pointer-events:none}.toast{background:#101828;color:#fff;border-radius:13px;padding:11px 13px;box-shadow:0 12px 30px rgba(16,24,40,.25);font-size:11px;margin-top:8px;animation:toastIn .22s ease}.toast.error{background:#912018}.toast.success{background:#05603a}@keyframes toastIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.loading-screen{min-height:100vh;display:grid;place-items:center}.loader{width:40px;height:40px;border-radius:50%;border:4px solid #e4e7ec;border-top-color:var(--accent);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
@media(min-width:560px){.app-shell{border-left:1px solid var(--line);border-right:1px solid var(--line);box-shadow:0 0 60px rgba(16,24,40,.07)}.modal{border-radius:22px;margin-bottom:18px}.modal-backdrop{align-items:center}}
@media(max-width:390px){.page{padding-left:10px;padding-right:10px}.input-row,.rating-grid{grid-template-columns:1fr}.metric-grid{grid-template-columns:1fr 1fr}.trip-meta{grid-template-columns:1fr 1fr}.offer-main{padding-right:0;flex-wrap:wrap}.offer-rank{position:static;margin-bottom:8px;display:block}.offer-price{margin-left:auto}}


/* Phase 4.2: rider-friendly location and dispatch status */
.match-status{margin:10px auto 2px;max-width:520px;padding:10px 12px;border-radius:12px;background:rgba(124,58,237,.08);font-size:.82rem;line-height:1.45;color:var(--muted,#667085)}
.offer-search .secondary-btn{width:auto;min-width:148px}
.match-diagnostics{margin:9px auto 0;max-width:520px;text-align:left;padding:11px 12px;border:1px solid rgba(245,158,11,.24);border-radius:12px;background:rgba(245,158,11,.08);font-size:.78rem;line-height:1.45;color:var(--muted,#667085)}
.match-diagnostics strong{display:block;color:var(--ink,#172033);margin-bottom:4px}.match-diagnostics ul{margin:5px 0 0;padding-left:18px}.match-diagnostics li{margin:2px 0}

/* Phase 4.7 post-trip rating stability */
.rating-stars{display:flex;gap:7px;justify-content:center;margin:10px 0 4px}.star-btn{border:0;background:none;color:#d0d5dd;padding:3px;touch-action:manipulation}.star-btn svg{width:34px;height:34px;fill:currentColor}.star-btn.active{color:#fdb022}.star-btn:focus-visible{outline:3px solid rgba(108,92,231,.22);border-radius:8px}.rating-prompt{text-align:center;font-size:11px;color:var(--muted);margin:0 0 8px}.rating-status{min-height:18px;font-size:11px;color:var(--red);line-height:1.4}.rating-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.rating-field{background:#f8f9fb;padding:10px;border-radius:11px}.rating-field label{font-size:10px;font-weight:800;color:#475467}.rating-field select{margin-top:5px}.rating-person{display:flex;align-items:center;gap:11px;background:#f8f9fb;border-radius:14px;padding:11px;margin:12px 0}.rating-person strong{display:block;font-size:13px}.rating-person small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.rating-modal textarea.input{min-height:100px;resize:vertical}.secondary-btn:disabled{opacity:.65;cursor:default}@media(max-width:390px){.rating-grid{grid-template-columns:1fr}}

/* Phase 4.8 messaging */
.bottom-nav{grid-template-columns:repeat(5,1fr)}
.nav-btn{position:relative;min-width:0}
.nav-dot{position:absolute;top:2px;right:calc(50% - 17px);width:7px;height:7px;border-radius:50%;background:#f04438;border:2px solid #fff}
.message-count{display:inline-grid;place-items:center;min-width:23px;height:23px;padding:0 7px;border-radius:999px;background:var(--accent);color:#fff;font-size:10px;font-weight:850}
.message-thread.unread{background:#fbfaff!important}
.message-thread.unread .list-copy strong{color:#5144b8}
@media(max-width:370px){.nav-btn{font-size:8px}.nav-btn svg{width:20px;height:20px}}

/* Phase 4.10: reset native button/SVG sizing in rider list and account rows */
button.list-item{
  width:100%;
  appearance:none;
  -webkit-appearance:none;
  border:0;
  border-bottom:1px solid #eef1f5;
  background:transparent;
  color:inherit;
  text-align:left;
  min-height:58px;
}
button.list-item:last-child{border-bottom:0}
button.list-item:hover{background:#fafbfc}
button.list-item:focus-visible{outline:3px solid rgba(108,92,231,.18);outline-offset:-3px}
button.list-item>svg{
  width:18px;
  height:18px;
  flex:0 0 18px;
  color:#98a2b3;
}
.setting-row{
  width:100%;
  appearance:none;
  -webkit-appearance:none;
  border:0;
  border-bottom:1px solid #eef1f5;
  background:transparent;
  color:inherit;
  text-align:left;
  min-height:58px;
}
.setting-row:last-child{border-bottom:0}
.setting-row:hover{background:#fafbfc}
.setting-row:focus-visible{outline:3px solid rgba(108,92,231,.18);outline-offset:-3px}
.setting-row>svg{width:18px;height:18px;flex:0 0 18px}
.setting-row .chev{
  width:24px;
  height:24px;
  margin-left:auto;
  display:grid;
  place-items:center;
  flex:0 0 24px;
  color:#98a2b3;
}
.setting-row .chev svg{width:18px;height:18px}
.settings-group{width:100%}
.settings-group .setting-row{display:flex}
.signout-row{
  appearance:none;
  -webkit-appearance:none;
  border:0;
  width:100%;
}
@media(max-width:390px){
  button.list-item,.setting-row{min-height:56px;padding:10px 11px}
}


/* Phase 5.0 — approved premium rider UI direction */
:root{
 --ink:#17172b;--muted:#70758a;--muted2:#a4a8b7;--line:#e8e8f1;--paper:#fff;--bg:#f7f7fc;
 --accent:#5b42ed;--accent2:#357cf6;--accentSoft:#f0edff;--shadow:0 18px 55px rgba(44,38,105,.10);
 --appWidth:560px;
}
html,body{background:linear-gradient(180deg,#fbfbfe,#f3f4fa)}
.app-shell{background:#fafafe;box-shadow:0 0 80px rgba(44,38,105,.05)}
.rider-topbar{padding:calc(17px + var(--safeTop)) 20px 13px;background:rgba(250,250,254,.94);border-bottom:0}
.rider-wordmark{border:0;background:none;padding:0;color:#25214e}.rider-wordmark span{font-family:Georgia,"Times New Roman",serif;font-weight:700;font-size:25px;letter-spacing:-.045em}
.top-actions{gap:10px}.top-icon{width:40px;height:40px;border:0;background:transparent;border-radius:14px;color:#1f2440}.top-icon:hover{background:#f0eff8}.notification-count{position:absolute;right:1px;top:0;min-width:17px;height:17px;padding:0 4px;border-radius:999px;background:#5038df;color:#fff;font-size:9px;font-weight:900;display:grid;place-items:center;border:2px solid #fafafe}
.page{padding:4px 18px 28px}.rider-home-v5{padding-top:4px}.home-heading{padding:8px 1px 15px}.home-heading h1{margin:0;font-size:27px;line-height:1.12;letter-spacing:-.045em;color:#17172b}.home-heading p{margin:7px 0 0;max-width:330px;color:#73778b;font-size:13px;line-height:1.45}
.route-composer{width:100%;border:1px solid #e7e6f1;background:#fff;border-radius:18px;padding:0;box-shadow:0 10px 30px rgba(31,29,76,.05);overflow:hidden;text-align:left}.route-line-v5{min-height:72px;padding:15px 15px;display:grid;grid-template-columns:18px minmax(0,1fr) 22px;gap:12px;align-items:center}.route-line-v5 span:nth-child(2){min-width:0}.route-line-v5 small{display:block;color:#8c8fa0;font-size:10px;font-weight:700;margin-bottom:4px}.route-line-v5 strong{display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.route-pin,.route-marker{display:block;border-radius:50%;position:relative}.route-pin.pickup,.route-marker.pickup{width:13px;height:13px;background:#8a55ee;box-shadow:0 0 0 4px #f2eaff}.route-pin.dropoff,.route-marker.dropoff{width:13px;height:13px;border:3px solid #3f70f4;background:#fff}.route-divider{height:1px;background:#eeeef5;margin:0 15px 0 45px}.route-chevron{color:#9da1b1}.route-chevron svg{width:18px;height:18px}
.home-module{margin-top:22px}.home-module-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.home-module-title h2{font-size:15px;margin:0;letter-spacing:-.02em}.home-module-title button{border:0;background:none;color:var(--accent);font-size:11px;font-weight:800}
.home-category-strip,.request-category-strip{display:flex;gap:9px;overflow-x:auto;padding:2px 1px 7px;scrollbar-width:none}.home-category-strip::-webkit-scrollbar,.request-category-strip::-webkit-scrollbar{display:none}.home-category,.request-category{position:relative;flex:0 0 105px;min-height:137px;border:1px solid #e7e6ef;background:#fff;border-radius:16px;padding:10px 8px 9px;text-align:center;color:#24243a;box-shadow:0 7px 20px rgba(31,29,76,.035)}.home-category.selected,.request-category.active{border-color:#7559f2;box-shadow:0 0 0 2px rgba(91,66,237,.08),0 10px 24px rgba(91,66,237,.10);background:linear-gradient(180deg,#fff,#fbfaff)}.home-category img,.request-category img{width:92px;height:52px;object-fit:contain;display:block;margin:2px auto 5px}.home-category strong,.request-category strong{display:block;font-size:12px}.home-category small,.request-category small{display:block;color:#777b8e;font-size:9.5px;margin-top:2px}.home-category em,.request-category em{display:block;color:#684af0;font-style:normal;font-size:8.5px;font-weight:800;margin-top:3px}.category-check{display:none;position:absolute;right:7px;top:7px;width:20px;height:20px;border-radius:50%;background:#6550ed;color:#fff;place-items:center}.category-check svg{width:12px}.home-category.selected .category-check,.request-category.active .category-check{display:grid}
.schedule-card-v5{margin-top:13px;width:100%;border:1px solid #e6e5ee;background:#fff;border-radius:16px;padding:13px 14px;display:flex;align-items:center;gap:12px;text-align:left;box-shadow:0 7px 20px rgba(31,29,76,.035)}.schedule-icon{width:37px;height:37px;border-radius:12px;background:#f0edff;color:#654bec;display:grid;place-items:center}.schedule-icon svg{width:19px}.schedule-card-v5>span:nth-child(2){flex:1}.schedule-card-v5 strong{display:block;font-size:12px}.schedule-card-v5 small{display:block;color:#85899a;font-size:9.5px;margin-top:3px}.schedule-switch{width:42px;height:25px;border-radius:999px;background:#e5e6ec;padding:3px}.schedule-switch i{display:block;width:19px;height:19px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.12)}
.trip-option-grid-v5{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.trip-option-grid-v5 button{border:1px solid #e6e5ee;background:#fff;border-radius:15px;min-height:79px;padding:10px 8px;color:#25263b}.trip-option-grid-v5 button>span{display:inline-grid;place-items:center;width:27px;height:27px;border-radius:9px;background:#f4f2ff;color:#6048e7}.trip-option-grid-v5 svg{width:15px}.trip-option-grid-v5 strong{display:block;font-size:10px;margin-top:7px}.trip-option-grid-v5 small{display:block;font-size:12px;font-weight:900;margin-top:3px;color:#4f37df}
.safety-card-v5{margin-top:13px;padding:13px 14px;border:1px solid #e5e3f7;border-radius:16px;background:linear-gradient(135deg,#fbfaff,#f5f7ff);display:flex;gap:12px;align-items:center}.safety-card-v5.compact{margin-top:2px}.safety-icon{width:39px;height:39px;border-radius:13px;background:linear-gradient(135deg,#7959ee,#4e8bf7);color:#fff;display:grid;place-items:center;flex:0 0 auto}.safety-icon svg{width:21px}.safety-card-v5 strong{display:block;font-size:11px}.safety-card-v5 small{display:block;color:#777b8e;font-size:9px;line-height:1.45;margin-top:3px}.core-cta{margin-top:15px;width:100%;border:0;border-radius:15px;min-height:56px;color:#fff;background:linear-gradient(100deg,#8244ea,#387ef6);font-size:14px;font-weight:900;box-shadow:0 13px 27px rgba(91,66,237,.24)}.core-cta:active{transform:translateY(1px)}.cta-note{display:flex;justify-content:center;gap:6px;align-items:center;color:#777b8e;font-size:9.5px;margin-top:8px}.cta-note svg{width:13px}.home-sandbox{margin-top:14px}.compact-sandbox{font-size:9.5px;padding:9px 10px}.home-below-fold{margin-top:21px}.compact-empty{padding:18px 14px}.compact-empty .empty-icon{width:44px;height:44px;margin-bottom:8px}
.card{border-color:#e8e8f1;border-radius:17px;box-shadow:0 7px 22px rgba(31,29,76,.035)}
.bottom-nav{height:auto;padding:9px 8px calc(8px + var(--safeBottom));background:rgba(255,255,255,.97);border-top:1px solid #ececf3}.nav-btn{font-size:8.5px;color:#969aaa;gap:4px}.nav-btn svg{width:20px;height:20px}.nav-btn.active{color:#6246ed}
.modal-backdrop{background:rgba(24,22,53,.42)}.modal{border-radius:25px 25px 0 0;padding:15px 17px calc(18px + var(--safeBottom));background:#fbfbfe}.modal-head h2{font-size:20px}.request-form-v5{gap:13px}.request-route-card-v5{background:#fff;border:1px solid #e7e6ef;border-radius:18px;overflow:hidden;box-shadow:0 8px 25px rgba(31,29,76,.04)}.request-location-line{display:grid;grid-template-columns:16px minmax(0,1fr) 38px;gap:11px;align-items:center;padding:12px 13px}.request-location-line label{min-width:0}.request-location-line small{display:block;color:#8e91a0;font-size:9px;font-weight:800;margin-bottom:2px}.request-location-line input{width:100%;border:0;outline:0;padding:2px 0;background:transparent;font-size:14px;font-weight:800;color:#17172b}.request-location-line input::placeholder{color:#9094a5;font-weight:650}.request-location-line button{width:35px;height:35px;border:0;border-radius:11px;background:#f2efff;color:#6047e8;display:grid;place-items:center}.request-location-line svg{width:17px}.request-route-divider{height:1px;background:#ececf3;margin-left:40px}.request-section-title{display:flex;justify-content:space-between;align-items:end}.request-section-title strong{font-size:14px}.request-section-title small{font-size:9.5px;color:#85899a}.request-category{flex-basis:112px}.premium-field{background:#fff;border:1px solid #e7e6ef;border-radius:15px;padding:11px}.premium-field label{font-size:10px}.trip-details-v5{background:#fff;border:1px solid #e7e6ef;border-radius:17px;overflow:hidden}.trip-detail-row{min-height:52px;display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 13px;border-bottom:1px solid #efeff5}.trip-detail-row:last-child{border-bottom:0}.trip-detail-row>span{color:#5e45e3;display:grid;place-items:center}.trip-detail-row svg{width:17px}.trip-detail-row label{font-size:11px;font-weight:800}.trip-detail-row input[type=number]{width:52px;border:0;background:#f4f3fa;border-radius:10px;padding:7px;text-align:center;font-weight:900;color:#5038df}
.core-flow-page{padding-top:2px}.offer-comparison-v5{padding-bottom:10px}.offer-page-head{display:flex;align-items:flex-start;justify-content:space-between;padding:9px 1px 13px}.offer-page-head h2{margin:0;font-size:21px;letter-spacing:-.035em}.offer-page-head p{margin:4px 0 0;color:#818598;font-size:10.5px}.decision-timer{background:#fff4df;color:#a15c00;border-radius:999px;padding:7px 9px;font-size:10px;font-weight:900}.offer-sort-v5{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-bottom:12px}.offer-sort-v5 button{border:1px solid #e5e4ed;background:#fff;border-radius:13px;min-height:58px;padding:7px 4px;color:#676b7e;font-size:8px;font-weight:800;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}.offer-sort-v5 button svg{width:17px;height:17px}.offer-sort-v5 button.active{border-color:#6a4cf0;background:#faf9ff;color:#5e40e7;box-shadow:0 7px 17px rgba(91,66,237,.09)}.sort-symbol{font-size:18px;line-height:1}.offer-list-v5{display:flex;flex-direction:column;gap:11px}.offer-card-v5{position:relative;background:#fff;border:1px solid #e6e5ee;border-radius:18px;padding:14px;box-shadow:0 9px 25px rgba(31,29,76,.04)}.offer-card-v5.featured{border-color:#7459f1;background:linear-gradient(145deg,#fff,#fbfaff);box-shadow:0 13px 31px rgba(91,66,237,.10)}.best-ribbon{position:absolute;left:-1px;top:-1px;padding:6px 11px;border-radius:18px 0 12px 0;background:linear-gradient(90deg,#6950ed,#3d7ff4);color:#fff;font-size:8px;font-weight:900}.offer-card-top{display:grid;grid-template-columns:50px minmax(0,1fr) 28px auto;gap:10px;align-items:start;padding-top:8px}.offer-avatar{width:50px;height:50px;position:relative;font-size:13px;background:linear-gradient(135deg,#e9e5ff,#dbe9ff);color:#4e35d7}.offer-avatar small{position:absolute;bottom:-7px;left:50%;transform:translateX(-50%);background:#694deb;color:#fff;border-radius:999px;padding:3px 6px;font-size:7px;white-space:nowrap}.offer-driver-info{min-width:0}.offer-driver-info strong{display:block;font-size:13px}.offer-driver-info small{display:block;color:#6f7386;font-size:9.5px;margin-top:2px}.offer-driver-info em{display:flex;align-items:center;gap:4px;color:#707487;font-size:8.5px;font-style:normal;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.offer-driver-info em svg{width:11px;flex:0 0 auto}.offer-heart{border:0;background:none;color:#20243a;padding:2px}.offer-heart svg{width:20px}.offer-heart.active{color:#ee5b76}.offer-price-v5{text-align:right}.offer-price-v5 strong{display:block;font-size:20px;letter-spacing:-.04em}.offer-price-v5 small{display:block;color:#85899a;font-size:8.5px;margin-top:2px}.offer-lower-v5{margin-top:13px;padding-top:12px;border-top:1px solid #efeff5}.offer-trust-row{display:flex;gap:5px;flex-wrap:wrap}.offer-trust-row span{border:1px solid #ebe9f7;background:#faf9ff;color:#666a7f;border-radius:8px;padding:5px 7px;font-size:7.5px;font-weight:800;display:flex;gap:4px;align-items:center}.offer-trust-row svg{width:10px}.offer-vehicle-row{margin-top:10px;display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:10px;align-items:center}.offer-vehicle-row img{width:72px;height:40px;object-fit:contain}.offer-vehicle-row strong{display:block;font-size:10px}.offer-vehicle-row small{display:block;color:#85899a;font-size:8px;margin-top:2px}.choose-offer-v5{border:0;border-radius:11px;background:linear-gradient(100deg,#6849ea,#397df4);color:#fff;padding:10px 15px;font-size:10px;font-weight:900}.offer-protection-v5{margin-top:12px;padding:11px 12px;border:1px solid #e2e0f5;background:#faf9ff;border-radius:14px;display:flex;gap:9px;color:#777b8d;font-size:9px;line-height:1.45}.offer-protection-v5 svg{width:19px;color:#6549e8;flex:0 0 auto}.offer-waiting-v5{text-align:center;padding:48px 14px 24px}.waiting-orbit{width:84px;height:84px;border-radius:50%;background:#f0edff;color:#6046e7;display:grid;place-items:center;margin:0 auto 20px;position:relative}.waiting-orbit:before,.waiting-orbit:after{content:"";position:absolute;inset:-6px;border:1px solid rgba(91,66,237,.35);border-radius:50%;animation:pulse 1.8s infinite}.waiting-orbit:after{inset:-15px;animation-delay:.5s}.waiting-orbit svg{width:32px}.offer-waiting-v5 h2{margin:0;font-size:21px}.offer-waiting-v5>p{color:#818598;font-size:11px;max-width:300px;margin:7px auto}.waiting-count{font-size:40px;font-weight:900;color:#5037df;margin:18px 0 6px}.cancel-request-v5{margin-top:17px;border:1px solid #efd1d4;background:#fff8f8;color:#c23342;border-radius:12px;padding:10px 16px;font-size:10px;font-weight:850}
.confirmed-trip-v5{padding-bottom:12px}.confirmed-head{display:grid;grid-template-columns:40px 1fr 40px;align-items:center;text-align:center;margin:4px 0 12px}.confirmed-head h2{margin:0;font-size:18px}.confirmed-head p{margin:4px 0 0;color:#7d8192;font-size:9.5px}.flow-back{width:38px;height:38px;border:0;border-radius:12px;background:#fff;color:#1d2137;display:grid;place-items:center}.flow-back svg{width:18px}.driver-hero-v5{position:relative;border-radius:22px;padding:16px;color:#fff;background:linear-gradient(135deg,#674ae9 0%,#377ff5 100%);overflow:hidden;box-shadow:0 18px 38px rgba(66,70,209,.22)}.driver-hero-v5:after{content:"";position:absolute;width:220px;height:220px;right:-90px;top:-95px;border-radius:50%;background:rgba(255,255,255,.12)}.driver-hero-top,.hero-vehicle,.vehicle-hero-meta{position:relative;z-index:1}.driver-hero-top{display:grid;grid-template-columns:54px minmax(0,1fr) 28px;gap:11px;align-items:center}.premium-avatar{width:54px;height:54px;border:3px solid rgba(255,255,255,.9);background:rgba(255,255,255,.18);color:#fff}.driver-hero-copy strong{display:block;font-size:16px}.driver-hero-copy small{display:block;color:#eef0ff;font-size:9.5px;margin-top:3px}.trust-badge{display:inline-flex;align-items:center;gap:4px;margin-top:7px;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.13);padding:5px 7px;border-radius:8px;font-size:7.5px;font-weight:800}.trust-badge svg{width:11px}.favorite-hero{border:0;background:none;color:#ff7589}.favorite-hero svg{width:24px;fill:currentColor}.hero-vehicle{display:block;width:72%;height:145px;object-fit:contain;margin:4px 0 0 auto;filter:drop-shadow(0 18px 18px rgba(12,18,71,.25))}.vehicle-hero-meta{display:flex;align-items:end;justify-content:space-between;margin-top:-3px}.vehicle-hero-meta strong{display:block;font-size:13px}.vehicle-hero-meta small{display:block;color:#eef0ff;font-size:9px;margin-top:3px}.arrival-chip{border-radius:15px;background:rgba(255,255,255,.14);padding:10px 13px;min-width:92px;text-align:center}.arrival-chip strong{font-size:15px}.arrival-chip small{font-size:8px}.trip-timeline{margin-top:13px;padding:14px;background:#fff;border:1px solid #e7e6ef;border-radius:18px;display:grid;grid-template-columns:repeat(4,1fr);gap:0}.timeline-step{text-align:center;position:relative}.timeline-step:after{content:"";position:absolute;top:11px;left:calc(50% + 13px);right:calc(-50% + 13px);height:2px;background:#e2e3eb}.timeline-step:last-child:after{display:none}.timeline-dot{width:24px;height:24px;border-radius:50%;border:2px solid #d7d9e5;background:#fff;display:grid;place-items:center;margin:0 auto 7px;color:#fff;position:relative;z-index:1}.timeline-dot svg{width:13px}.timeline-step.complete .timeline-dot{background:#6047e8;border-color:#6047e8}.timeline-step.complete:after{background:#6047e8}.timeline-step.current .timeline-dot{box-shadow:0 0 0 5px #eeebff}.timeline-step strong{display:block;font-size:7.5px}.timeline-step small{display:block;color:#8b8f9f;font-size:6.8px;margin-top:3px}.verification-card-v5{margin-top:13px;padding:14px;background:#fff;border:1px solid #e7e6ef;border-radius:18px;position:relative}.verification-card-v5>div:first-child strong{display:block;font-size:12px}.verification-card-v5>div:first-child small{display:block;color:#85899a;font-size:8.5px;margin-top:3px}.verification-shield{position:absolute;right:14px;top:14px;color:#3f80f5}.verification-shield svg{width:23px}.verification-digits{display:flex;gap:9px;margin-top:12px}.verification-digits b{width:39px;height:44px;border:1px solid #e3e3ed;border-radius:10px;display:grid;place-items:center;font-size:20px;color:#24243a;background:#fcfcff}.trip-actions-v5{margin-top:12px;display:grid;grid-template-columns:1fr 1fr 1fr;background:#fff;border:1px solid #e7e6ef;border-radius:17px;overflow:hidden}.trip-actions-v5 button{min-height:67px;border:0;border-right:1px solid #ededf3;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:#24243a;font-size:8.5px;font-weight:800}.trip-actions-v5 button:last-child{border-right:0}.trip-actions-v5 svg{width:21px;color:#6047e8}.trip-actions-v5 .sos{color:#d52f3d}.trip-actions-v5 .sos strong{font-size:15px}.trip-actions-v5 .sos span{font-size:8px}.trip-detail-card-v5{margin-top:12px;padding:13px 14px;background:#fff;border:1px solid #e7e6ef;border-radius:17px}.trip-detail-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.trip-detail-head strong{font-size:12px}.trip-detail-head button{border:0;background:none;color:#6047e8;font-size:8.5px;font-weight:800;display:flex;align-items:center;gap:3px}.trip-detail-head svg{width:13px}.trip-route-v5{display:grid;grid-template-columns:13px minmax(0,1fr) auto;gap:10px;align-items:center;margin-top:10px}.trip-route-v5 small{display:block;color:#85899a;font-size:8px}.trip-route-v5 strong{display:block;font-size:10px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trip-route-v5 em{font-style:normal;color:#777b8d;font-size:8.5px}.active-secondary-actions{display:flex;gap:9px;justify-content:center;margin-top:12px}.active-secondary-actions button{border:0;background:none;color:#5f46e6;font-size:9px;font-weight:800;display:flex;align-items:center;gap:5px}.active-secondary-actions svg{width:14px}.active-secondary-actions .cancel-link{color:#c43140}
@media(min-width:560px){.modal{max-height:94vh}.rider-topbar{border-left:0;border-right:0}}
@media(max-width:390px){.page{padding-left:13px;padding-right:13px}.home-category,.request-category{flex-basis:98px}.offer-sort-v5{gap:5px}.offer-sort-v5 button{font-size:7.5px}.offer-card-top{grid-template-columns:46px minmax(0,1fr) 24px auto;gap:8px}.offer-avatar{width:46px;height:46px}.offer-price-v5 strong{font-size:18px}.trip-timeline{padding-left:7px;padding-right:7px}.timeline-step strong{font-size:6.8px}.hero-vehicle{height:125px}}
.modal-request-v5{max-height:96vh}

/* Phase 5.1.1 — Concept 4 with movable active circle */
.app-shell{padding-bottom:112px}
.bottom-nav.bottom-nav-concept4{
 position:fixed;
 left:50%;
 bottom:calc(13px + var(--safeBottom));
 transform:translateX(-50%);
 z-index:40;
 width:min(360px,calc(100% - 38px));
 height:70px;
 padding:0 22px;
 border:0;
 border-radius:999px;
 display:grid;
 grid-template-columns:1fr 1fr 1fr;
 align-items:center;
 overflow:visible;
 background:rgba(255,255,255,.98);
 box-shadow:0 15px 38px rgba(24,27,54,.16),0 3px 10px rgba(24,27,54,.06);
 backdrop-filter:blur(20px);
 -webkit-backdrop-filter:blur(20px)
}
.bottom-nav-concept4 .nav-btn.nav-icon-only{
 position:relative;
 width:58px;
 height:58px;
 min-height:58px;
 justify-self:center;
 margin-top:0;
 padding:0;
 border:0;
 border-radius:50%;
 display:grid;
 place-items:center;
 background:transparent;
 box-shadow:none;
 color:#4f566c;
 line-height:0;
 transition:color .18s ease,transform .18s ease,background .18s ease,box-shadow .18s ease,width .18s ease,height .18s ease,margin .18s ease
}
.bottom-nav-concept4 .nav-btn.nav-icon-only span:not(.nav-icon-shell){display:none}
.bottom-nav-concept4 .nav-btn.nav-icon-only .nav-icon-shell{display:grid;place-items:center;width:100%;height:100%}
.bottom-nav-concept4 .nav-btn.nav-icon-only svg{width:28px;height:28px;stroke-width:1.75}
.bottom-nav-concept4 .nav-btn.nav-icon-only.active{
 width:76px;
 height:76px;
 min-height:76px;
 margin-top:-31px;
 color:#5d42ea;
 background:#fff;
 box-shadow:0 14px 30px rgba(38,39,73,.16),0 2px 8px rgba(38,39,73,.07)
}
.bottom-nav-concept4 .nav-btn.nav-icon-only.active svg{width:30px;height:30px}
.bottom-nav-concept4 .nav-btn.nav-icon-only:focus-visible{outline:3px solid rgba(93,66,234,.24);outline-offset:3px}
.bottom-nav-concept4 .nav-btn.nav-icon-only:active{transform:scale(.94)}
.bottom-nav-concept4 .nav-btn.nav-icon-only.active:active{transform:scale(.94)}
.schedule-page-v51{padding-top:15px}
.schedule-hero-v51{display:flex;gap:15px;align-items:flex-start;padding:20px;border-radius:23px;color:#fff;background:linear-gradient(135deg,#684ae9,#3b7df4);box-shadow:0 18px 38px rgba(66,70,209,.20);position:relative;overflow:hidden}
.schedule-hero-v51:after{content:"";position:absolute;width:175px;height:175px;border-radius:50%;right:-70px;top:-85px;background:rgba(255,255,255,.12)}
.schedule-hero-v51>span{position:relative;z-index:1}
.schedule-hero-icon{display:grid;place-items:center;width:48px;height:48px;flex:0 0 auto;border-radius:15px;background:rgba(255,255,255,.17);border:1px solid rgba(255,255,255,.22)}
.schedule-hero-icon svg{width:25px}
.schedule-hero-v51 small{font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.12em;color:#eaeaff}
.schedule-hero-v51 h1{margin:5px 0 4px;font-size:24px;letter-spacing:-.04em}
.schedule-hero-v51 p{margin:0;color:#eceeff;font-size:10px;line-height:1.5;max-width:255px}
.schedule-primary-v51{margin-top:14px;display:flex;align-items:center;justify-content:center;gap:8px}
.schedule-primary-v51 svg{width:18px}
.schedule-empty-v51{margin-top:14px}
.account-profile-v51>div{display:flex;align-items:center;gap:12px}
@media(max-width:390px){.bottom-nav.bottom-nav-concept4{width:calc(100% - 28px);height:66px;padding:0 18px}.bottom-nav-concept4 .nav-btn.nav-icon-only.active{width:72px;height:72px;min-height:72px;margin-top:-29px}.app-shell{padding-bottom:106px}}

/* Phase 5.2 — Exact approved rider mockup match (bottom navigation intentionally unchanged) */
:root{--appWidth:430px;--v52-purple:#6d4df2;--v52-blue:#3a7df5;--v52-ink:#18192d;--v52-muted:#7a7f92;--v52-border:#e7e7f0;--v52-card:#fff}
html,body{background:#f4f5fa}
.app-shell{background:#fff;box-shadow:0 0 72px rgba(28,28,61,.08)}
.rider-topbar-v52{display:grid;grid-template-columns:36px 1fr 40px;align-items:center;gap:8px;padding:calc(18px + var(--safeTop)) 18px 12px;background:#fff}
.rider-topbar-v52 .menu-icon-v52,.rider-topbar-v52 .top-icon{width:36px;height:36px;border:0;background:transparent;border-radius:10px;color:#16192d;padding:7px;position:relative}
.rider-topbar-v52 .menu-icon-v52 svg{width:22px;height:22px}
.rider-topbar-v52 .rider-wordmark{justify-self:start;color:#211b57}
.rider-topbar-v52 .rider-wordmark span{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:23px;font-weight:850;letter-spacing:-.055em}
.rider-topbar-v52 .top-icon{justify-self:end}
.page{padding-left:18px;padding-right:18px}
.rider-home-v52{padding-top:3px;padding-bottom:18px}
.rider-home-v52 .home-heading{padding:6px 0 15px}
.rider-home-v52 .home-heading h1{font-size:25px;line-height:1.12;letter-spacing:-.04em;color:var(--v52-ink)}
.rider-home-v52 .home-heading p{font-size:12px;line-height:1.45;color:#74798c;max-width:295px;margin-top:6px}
.route-composer-v52{border-radius:16px;border:1px solid var(--v52-border);box-shadow:0 8px 22px rgba(30,29,74,.055);position:relative}
.route-composer-v52 .route-line-v5{min-height:68px;padding:14px 15px;grid-template-columns:17px minmax(0,1fr) 25px;gap:11px}
.route-composer-v52 .route-divider{margin-left:42px;margin-right:15px;background:#eeeeF5}
.route-composer-v52 .route-line-v5 small{font-size:9px;color:#8f93a3;margin-bottom:4px}
.route-composer-v52 .route-line-v5 strong{font-size:13px;color:#1d1e31}
.route-swap-v52{position:absolute;right:13px;top:50%;transform:translateY(-50%);width:35px;height:35px;border-radius:11px;background:#fff;box-shadow:0 6px 18px rgba(35,31,87,.12);color:#694df1;display:grid;place-items:center}
.route-swap-v52 svg{width:18px;height:18px}
.rider-home-v52 .home-module{margin-top:19px}
.rider-home-v52 .home-module-title{margin-bottom:9px}
.rider-home-v52 .home-module-title h2{font-size:13px;font-weight:800}
.rider-home-v52 .home-category-strip{gap:8px;padding-bottom:5px}
.rider-home-v52 .home-category{flex:0 0 96px;min-height:111px;border-radius:14px;padding:8px 6px 8px;box-shadow:0 6px 18px rgba(31,29,76,.03)}
.rider-home-v52 .home-category img{width:82px;height:46px;margin:1px auto 3px}
.rider-home-v52 .home-category strong{font-size:11px}
.rider-home-v52 .home-category small{font-size:8.7px;margin-top:1px}
.rider-home-v52 .home-category .category-check{right:6px;top:6px;width:19px;height:19px}
.rider-home-v52 .schedule-card-v5{margin-top:12px;min-height:60px;padding:10px 12px;border-radius:14px}
.rider-home-v52 .schedule-icon{width:34px;height:34px;border-radius:10px}
.rider-home-v52 .schedule-card-v5 strong{font-size:11px}
.rider-home-v52 .schedule-card-v5 small{font-size:8.8px}
.rider-home-v52 .schedule-switch{width:39px;height:23px}
.rider-home-v52 .schedule-switch i{width:17px;height:17px}
.trip-option-grid-v52{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:9px}
.trip-option-grid-v52 button{min-height:75px;border-radius:14px;padding:9px 8px;display:grid;grid-template-columns:24px 1fr;grid-template-rows:auto auto;align-items:center;text-align:left;column-gap:6px}
.trip-option-grid-v52 .trip-option-icon{width:24px;height:24px;border-radius:8px;grid-row:1;grid-column:1}
.trip-option-grid-v52 strong{margin:0!important;font-size:9px!important;grid-column:2;grid-row:1}
.trip-option-grid-v52 .mini-stepper-v52{grid-column:1/3;display:grid;grid-template-columns:25px 1fr 25px;align-items:center;text-align:center;margin-top:7px}
.trip-option-grid-v52 .mini-stepper-v52 i{font-style:normal;width:22px;height:22px;border-radius:50%;background:#f5f3ff;color:#6249e8;display:grid;place-items:center;font-weight:900;font-size:13px}
.trip-option-grid-v52 .mini-stepper-v52 b{font-size:11px;color:#27283b}
.trip-option-grid-v52 button>small{grid-column:1/3;display:flex;align-items:center;justify-content:center;gap:4px;margin-top:6px;font-size:11px;color:#222438}
.trip-option-grid-v52 button>small svg{width:12px}
.rider-home-v52 .safety-card-v5{margin-top:11px;border-radius:14px;padding:11px 12px}
.rider-home-v52 .safety-icon{width:35px;height:35px;border-radius:11px}
.rider-home-v52 .safety-card-v5 strong{font-size:10.5px}
.rider-home-v52 .safety-card-v5 small{font-size:8.2px;line-height:1.4}
.rider-home-v52 .core-cta{margin-top:13px;min-height:54px;border-radius:14px;font-size:13px}
.rider-home-v52 .cta-note{font-size:8.7px;margin-top:7px}

/* Approved offer-comparison screen */
.offer-comparison-v52{padding:0 0 8px}
.offer-page-head-v52{display:grid;grid-template-columns:38px 1fr 38px;align-items:center;padding:8px 0 14px;text-align:center}
.offer-page-head-v52 .flow-back{width:34px;height:34px;background:transparent;border-radius:9px;padding:7px}
.offer-page-head-v52 h2{font-size:17px;letter-spacing:-.025em;margin:0}
.offer-page-head-v52 p{font-size:9px;color:#818598;margin:4px 0 0}
.offer-sort-v5{gap:7px;margin-bottom:13px}
.offer-sort-v5 button{min-height:57px;border-radius:12px;font-size:7.7px;padding:6px 3px;background:#fff}
.offer-sort-v5 button.active{background:#fff;border-color:#7358f2;box-shadow:0 6px 16px rgba(91,66,237,.08)}
.offer-list-v5{gap:11px}
.offer-card-v52{appearance:none;-webkit-appearance:none;width:100%;text-align:left;color:inherit;cursor:pointer;padding:14px 13px 12px;border-radius:17px}
.offer-card-v52:focus-visible{outline:3px solid rgba(105,75,238,.22);outline-offset:2px}
.offer-card-v52 .offer-card-top{grid-template-columns:51px minmax(0,1fr) 25px auto;gap:10px;padding-top:8px}
.offer-card-v52 .offer-avatar{width:51px;height:51px}
.offer-card-v52 .offer-driver-info strong{font-size:12.5px}
.offer-card-v52 .offer-driver-info small{font-size:9px}
.offer-card-v52 .offer-driver-info em{font-size:8px;margin-top:4px}
.offer-card-v52 .offer-price-v5 strong{font-size:19px}
.offer-card-v52 .offer-lower-v5{margin-top:12px;padding-top:0;border-top:0}
.offer-card-v52 .offer-trust-row span{font-size:7px;padding:5px 6px;border-radius:7px}
.offer-card-v52 .best-ribbon{font-size:7.5px;padding:5px 10px}
.offer-card-v52 .offer-heart{align-self:start}
.offer-protection-v5{margin-top:12px;border-radius:13px;font-size:8.5px;padding:10px 11px;background:#fbfaff}

/* Approved trip-confirmed screen */
.confirmed-trip-v52{padding-bottom:8px}
.confirmed-trip-v52 .confirmed-head{margin:4px 0 12px;grid-template-columns:36px 1fr 36px}
.confirmed-trip-v52 .confirmed-head h2{font-size:16px}
.confirmed-trip-v52 .confirmed-head p{font-size:8.8px}
.confirmed-trip-v52 .flow-back{width:34px;height:34px;background:transparent}
.driver-summary-v52{border-radius:17px;padding:14px 15px;background:linear-gradient(100deg,#8a4bee 0%,#377df5 100%);box-shadow:0 12px 28px rgba(66,70,209,.19)}
.driver-summary-v52:after{width:145px;height:145px;right:-60px;top:-70px}
.driver-summary-main-v52{position:relative;z-index:1;display:grid;grid-template-columns:53px minmax(0,1fr) 24px;align-items:center;gap:11px}
.driver-summary-v52 .premium-avatar{width:53px;height:53px;position:relative;font-size:12px}
.driver-summary-v52 .premium-avatar small{position:absolute;bottom:-7px;left:50%;transform:translateX(-50%);border-radius:999px;background:#6a4ced;color:#fff;padding:3px 6px;font-size:7px;white-space:nowrap;border:2px solid rgba(255,255,255,.9)}
.driver-summary-v52 .driver-hero-copy strong{font-size:15px}
.driver-summary-v52 .driver-hero-copy small{font-size:9px;margin-top:3px}
.driver-summary-v52 .favorite-hero svg{width:21px}
.driver-summary-vehicle-v52{position:relative;z-index:1;margin:14px 0 0 64px;padding-top:10px;border-top:1px solid rgba(255,255,255,.18);display:flex;align-items:center;justify-content:space-between;gap:10px}
.driver-summary-vehicle-v52 strong{display:block;font-size:9px}
.driver-summary-vehicle-v52 small{display:block;font-size:8px;color:#eef0ff;margin-top:2px}
.driver-summary-vehicle-v52 em{font-style:normal;background:#fff;color:#6e7182;border-radius:7px;padding:6px 8px;font-size:8px;font-weight:800;white-space:nowrap}
.trip-timeline-v52{display:block;padding:12px 14px;margin-top:12px;border-radius:16px}
.timeline-row-v52{position:relative;display:grid;grid-template-columns:26px minmax(0,1fr) auto;gap:10px;align-items:center;min-height:51px;text-align:left}
.timeline-row-v52:not(:last-child):after{content:"";position:absolute;left:12px;top:31px;bottom:-20px;width:2px;background:#e0e1e9}
.timeline-row-v52.complete:not(:last-child):after{background:#6549e8}
.timeline-rail-v52{width:25px;height:25px;border-radius:50%;border:2px solid #d6d8e4;background:#fff;color:#a4a8b8;display:grid;place-items:center;position:relative;z-index:1}
.timeline-rail-v52 i{display:grid;place-items:center;font-style:normal}
.timeline-rail-v52 svg{width:12px;height:12px}
.timeline-row-v52.complete .timeline-rail-v52{background:#6549e8;color:#fff;border-color:#6549e8;box-shadow:0 0 0 4px #f0edff}
.timeline-copy-v52 strong{display:block;font-size:10.5px;color:#292a3e}
.timeline-copy-v52 small{display:block;font-size:8px;color:#8b8f9f;margin-top:3px}
.timeline-row-v52 em{font-style:normal;font-size:8px;color:#777c8e;white-space:nowrap}
.confirmed-trip-v52 .verification-card-v5{margin-top:11px;border-radius:15px;padding:13px}
.confirmed-trip-v52 .verification-digits{gap:8px;margin-top:11px}
.confirmed-trip-v52 .verification-digits b{width:36px;height:41px;border-radius:9px;font-size:18px}
.confirmed-trip-v52 .trip-actions-v5{margin-top:11px;border-radius:15px}
.confirmed-trip-v52 .trip-actions-v5 button{min-height:61px}
.confirmed-trip-v52 .trip-detail-card-v5{margin-top:11px;border-radius:15px;padding:12px 13px}
.confirmed-trip-v52 .trip-route-v5{margin-top:9px}
.confirmed-trip-v52 .trip-route-v5 strong{font-size:9.5px}
.confirmed-trip-v52 .trip-route-v5 em{font-size:8px}

@media(max-width:390px){
 .page{padding-left:13px;padding-right:13px}
 .rider-topbar-v52{padding-left:13px;padding-right:13px}
 .rider-home-v52 .home-category{flex-basis:91px}
 .route-composer-v52 .route-line-v5{padding-left:13px;padding-right:13px}
 .offer-card-v52 .offer-card-top{grid-template-columns:47px minmax(0,1fr) 22px auto;gap:8px}
 .offer-card-v52 .offer-avatar{width:47px;height:47px}
 .offer-card-v52 .offer-price-v5 strong{font-size:17px}
}


/* Phase 5.3 — Concept 4 immersive active-map home header */
.rider-home-v53{padding:0 0 22px!important;background:#fff;overflow:hidden}
.home-map-hero-v53{position:relative;height:352px;overflow:hidden;background:#dfeaf4;border-radius:0 0 30px 30px;isolation:isolate}
.home-map-art-v53{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.035);filter:saturate(.88) contrast(.98)}
.home-map-shade-v53{position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.14) 0%,rgba(255,255,255,0) 46%,rgba(24,27,55,.08) 100%);pointer-events:none}
.home-map-topbar-v53{position:absolute;z-index:6;left:0;right:0;top:0;padding:calc(16px + var(--safeTop)) 18px 8px;display:grid;grid-template-columns:42px 1fr 42px;align-items:center}
.map-icon-btn-v53{position:relative;width:42px;height:42px;border:1px solid rgba(255,255,255,.78);border-radius:14px;background:rgba(255,255,255,.9);color:#17192d;box-shadow:0 8px 24px rgba(30,34,63,.15);backdrop-filter:blur(13px);-webkit-backdrop-filter:blur(13px);display:grid;place-items:center}
.map-icon-btn-v53 svg{width:21px;height:21px}.map-icon-btn-v53:last-child{justify-self:end}
.map-brand-v53{justify-self:center;border:0;background:rgba(255,255,255,.88);color:#251d67;border-radius:13px;padding:9px 15px;font-size:22px;font-weight:900;letter-spacing:-.055em;box-shadow:0 8px 24px rgba(30,34,63,.12);backdrop-filter:blur(13px);-webkit-backdrop-filter:blur(13px)}
.map-route-layer-v53{position:absolute;inset:0;z-index:3;pointer-events:none}
.map-pickup-pin-v53{position:absolute;left:24%;top:34%;width:39px;height:39px;border-radius:50% 50% 50% 8px;transform:rotate(-45deg);background:linear-gradient(135deg,#794ff3,#9b70ff);color:#fff;display:grid;place-items:center;box-shadow:0 10px 22px rgba(103,72,225,.32)}
.map-pickup-pin-v53 svg{width:19px;height:19px;transform:rotate(45deg)}
.map-route-line-v53{position:absolute;left:29%;top:45%;width:44%;height:31%;border-left:4px solid #684cf0;border-bottom:4px solid #684cf0;border-radius:0 0 0 27px;transform:skewX(-17deg);filter:drop-shadow(0 4px 6px rgba(73,62,197,.18))}
.map-route-line-v53:after{content:"";position:absolute;right:-4px;bottom:-6px;width:33%;height:47%;border-right:4px solid #684cf0;border-top:4px solid #684cf0;border-radius:0 24px 0 0}
.map-current-dot-v53{position:absolute;right:19%;bottom:20%;width:27px;height:27px;border-radius:50%;background:#327af4;border:5px solid #fff;box-shadow:0 6px 18px rgba(38,100,230,.35)}
.map-current-dot-v53:before,.map-current-dot-v53:after{content:"";position:absolute;inset:-11px;border:2px solid rgba(50,122,244,.34);border-radius:50%;animation:mapPulseV53 2s ease-out infinite}
.map-current-dot-v53:after{inset:-20px;animation-delay:.7s}.map-current-dot-v53 i{display:block;width:100%;height:100%}
.map-driver-dot-v53{position:absolute;width:12px;height:12px;border-radius:50%;background:#fff;border:3px solid #7d5bef;box-shadow:0 4px 12px rgba(51,42,130,.20)}
.map-driver-dot-v53.one{left:57%;top:30%}.map-driver-dot-v53.two{right:31%;top:54%}
.map-eta-v53{position:absolute;z-index:5;right:17px;top:auto;bottom:35px;width:88px;min-height:86px;border-radius:22px;background:rgba(255,255,255,.93);box-shadow:0 13px 30px rgba(32,36,70,.16);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#2c245f;padding:9px}
.map-eta-v53 small{font-size:8px;font-weight:800;color:#777b8d}.map-eta-v53 strong{font-size:21px;line-height:1.05;margin-top:3px;letter-spacing:-.05em;color:#6043e8}.map-eta-v53 em{font-size:6.6px;font-style:normal;color:#9396a5;margin-top:4px}
.map-location-status-v53{position:absolute;z-index:5;left:17px;bottom:35px;max-width:215px;display:flex;align-items:center;gap:9px;padding:9px 12px;border-radius:15px;background:rgba(255,255,255,.91);box-shadow:0 10px 25px rgba(30,34,63,.13);backdrop-filter:blur(13px);-webkit-backdrop-filter:blur(13px)}
.map-location-status-v53>span:first-child{color:#6548ea}.map-location-status-v53 svg{width:18px;height:18px}.map-location-status-v53 strong{display:block;font-size:9px;color:#232438}.map-location-status-v53 small{display:block;font-size:7px;color:#85899a;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.map-locate-v53{position:absolute;z-index:6;right:17px;bottom:35px;width:42px;height:42px;border:0;border-radius:14px;background:#fff;color:#6548ea;box-shadow:0 10px 25px rgba(30,34,63,.16);display:grid;place-items:center}.map-locate-v53 svg{width:20px;height:20px}.map-locate-v53:active{transform:scale(.94)}
.home-request-sheet-v53{position:relative;z-index:8;margin:-26px 15px 0;padding:20px 15px 15px;background:#fff;border:1px solid #e9e8f1;border-radius:25px;box-shadow:0 18px 40px rgba(28,29,67,.12)}
.home-request-sheet-v53 .home-heading{padding:0 0 14px}.home-request-sheet-v53 .home-heading h1{font-size:25px}.home-request-sheet-v53 .home-heading p{font-size:11px;max-width:290px}
.home-request-sheet-v53 .route-composer-v52{box-shadow:0 8px 22px rgba(30,29,74,.045)}
.home-content-v53{padding:0 18px}
.home-content-v53 .home-module{margin-top:18px}
@keyframes mapPulseV53{0%{transform:scale(.72);opacity:.68}100%{transform:scale(1.25);opacity:0}}
@media(max-width:390px){.home-map-hero-v53{height:334px}.home-map-topbar-v53{padding-left:13px;padding-right:13px}.map-eta-v53{right:13px;top:auto;bottom:31px}.home-request-sheet-v53{margin-left:12px;margin-right:12px;padding-left:13px;padding-right:13px}.home-content-v53{padding-left:13px;padding-right:13px}}
@media(prefers-reduced-motion:reduce){.map-current-dot-v53:before,.map-current-dot-v53:after{animation:none}}


/* Phase 5.4 — Exact approved ride-preferences block */
.rider-home-v53 .home-preferences-v54{margin-top:20px}
.rider-home-v53 .home-preferences-v54 .home-module-title{margin-bottom:10px}
.rider-home-v53 .home-preferences-v54 .home-module-title h2{font-size:15px;font-weight:850;letter-spacing:-.025em;color:#17182b}
.rider-home-v53 .home-category-grid-v54{
 display:grid;
 grid-template-columns:repeat(3,minmax(0,1fr));
 gap:10px;
 overflow:visible;
 padding:0;
}
.rider-home-v53 .home-category-grid-v54 .home-category{
 min-width:0;
 width:100%;
 min-height:119px;
 padding:9px 7px 10px;
 border:1px solid #e6e6ef;
 border-radius:15px;
 background:#fff;
 box-shadow:0 7px 20px rgba(29,27,72,.055);
 display:flex;
 flex-direction:column;
 align-items:center;
 justify-content:flex-start;
}
.rider-home-v53 .home-category-grid-v54 .home-category.selected{
 border-color:#7557f2;
 box-shadow:0 0 0 1px rgba(117,87,242,.04),0 8px 22px rgba(82,61,217,.09);
 background:#fff;
}
.rider-home-v53 .home-category-grid-v54 .home-category img{
 width:86px;
 height:47px;
 object-fit:contain;
 margin:3px auto 4px;
}
.rider-home-v53 .home-category-grid-v54 .home-category strong{
 display:block;
 font-size:12px;
 line-height:1.15;
 font-weight:850;
 color:#202135;
}
.rider-home-v53 .home-category-grid-v54 .home-category small{
 display:block;
 margin-top:3px;
 color:#787d90;
 font-size:9.5px;
 line-height:1;
}
.rider-home-v53 .home-category-grid-v54 .category-check{
 display:none;
 right:7px;
 top:7px;
 width:20px;
 height:20px;
 border-radius:50%;
 background:#6146e9;
 color:#fff;
}
.rider-home-v53 .home-category-grid-v54 .home-category.selected .category-check{display:grid}
.rider-home-v53 .home-category-grid-v54 .category-check svg{width:12px;height:12px}
.home-quick-controls-v54{
 display:grid;
 grid-template-columns:1.32fr .78fr .78fr .78fr;
 gap:8px;
 margin-top:12px;
}
.quick-control-v54{
 min-width:0;
 height:48px;
 border:1px solid #e7e7ef;
 border-radius:14px;
 background:#fff;
 color:#222338;
 box-shadow:0 5px 16px rgba(29,27,72,.045);
 padding:0 10px;
 display:flex;
 align-items:center;
 justify-content:center;
 gap:7px;
}
.quick-control-v54 .quick-control-icon-v54{
 width:auto!important;
 height:auto!important;
 border-radius:0!important;
 background:transparent!important;
 color:#5f45e7!important;
 display:grid!important;
 place-items:center!important;
 flex:0 0 auto;
}
.quick-control-v54 .quick-control-icon-v54 svg{width:19px;height:19px}
.quick-control-v54 strong{
 margin:0!important;
 font-size:13px!important;
 line-height:1;
 font-weight:850;
 color:#23243a;
 white-space:nowrap;
}
.quick-control-later-v54{justify-content:flex-start;padding-left:11px;padding-right:7px}
.quick-control-later-v54 strong{font-size:11.5px!important}
.quick-control-switch-v54{
 margin-left:auto;
 width:34px!important;
 height:20px!important;
 padding:3px;
 border-radius:999px!important;
 background:#e5e6ed!important;
 display:block!important;
 flex:0 0 auto;
}
.quick-control-switch-v54 i{
 display:block;
 width:14px;
 height:14px;
 border-radius:50%;
 background:#fff;
 box-shadow:0 2px 6px rgba(0,0,0,.14);
}
@media(max-width:390px){
 .rider-home-v53 .home-category-grid-v54{gap:7px}
 .rider-home-v53 .home-category-grid-v54 .home-category{min-height:112px;padding-left:5px;padding-right:5px}
 .rider-home-v53 .home-category-grid-v54 .home-category img{width:76px;height:43px}
 .home-quick-controls-v54{gap:6px;grid-template-columns:1.28fr .78fr .78fr .78fr}
 .quick-control-v54{height:46px;padding:0 7px;gap:5px}
 .quick-control-v54 .quick-control-icon-v54 svg{width:17px;height:17px}
 .quick-control-v54 strong{font-size:12px!important}
 .quick-control-later-v54 strong{font-size:10.5px!important}
 .quick-control-switch-v54{width:30px!important;height:18px!important;padding:3px}
 .quick-control-switch-v54 i{width:12px;height:12px}
}

/* Phase 5.5 — Inline home ride builder and final review flow */
.route-composer-v55{position:relative;display:block;padding:0;overflow:visible}
.route-line-button-v55{width:100%;border:0;background:transparent;text-align:left;cursor:pointer}
.route-line-button-v55:focus-visible{outline:2px solid #6a4bed;outline-offset:-2px;border-radius:14px}
.route-swap-button-v55{position:absolute;right:-9px;top:50%;transform:translateY(-50%);border:1px solid #eceaf5;background:#fff;color:#6046e8;box-shadow:0 7px 18px rgba(48,41,116,.12);z-index:2}
.route-swap-button-v55:active{transform:translateY(-50%) scale(.95)}
.quick-control-v54.active{border-color:#7254ef;background:#f7f4ff;color:#5d42df}
.quick-control-v54.active .quick-control-switch-v54{background:#6548e8!important}
.quick-control-v54.active .quick-control-switch-v54 i{transform:translateX(14px)}
.quick-control-switch-v54 i{transition:transform .18s ease}
.home-schedule-inline-v55{margin-top:10px;padding:12px 13px;border:1px solid #e7e6ef;border-radius:14px;background:#fff;box-shadow:0 5px 16px rgba(29,27,72,.04)}
.home-schedule-inline-v55 label{display:block;font-size:10px;font-weight:800;color:#56596d;margin-bottom:7px}
.home-schedule-inline-v55 .input{margin:0}
.ride-location-form-v55 .ride-saved-places-v55{max-height:230px;overflow:auto}
.ride-location-form-v55 .ride-saved-places-v55 .list-item{width:100%;border-left:0;border-right:0;background:#fff;text-align:left}
.count-picker-v55{display:grid;grid-template-columns:54px 1fr 54px;align-items:center;gap:14px;padding:18px;border:1px solid #e9e7f2;border-radius:18px;background:#faf9ff}
.count-picker-v55 button{width:54px;height:54px;border:0;border-radius:17px;background:#fff;color:#5f43e6;font-size:28px;line-height:1;box-shadow:0 7px 18px rgba(41,34,102,.10)}
.count-picker-v55 strong{text-align:center;font-size:34px;color:#1d1e31}
.ride-review-route-v55{display:grid;gap:0;border:1px solid #e8e7f0;border-radius:17px;background:#fff;overflow:hidden;box-shadow:0 8px 22px rgba(32,28,82,.05)}
.ride-review-route-v55>div{display:grid;grid-template-columns:18px minmax(0,1fr);gap:10px;align-items:center;padding:14px 15px}
.ride-review-route-v55>div+div{border-top:1px solid #efedf4}
.ride-review-route-v55 small,.ride-review-preferences-v55 small{display:block;font-size:8px;color:#8c8fa0;margin-bottom:3px}
.ride-review-route-v55 strong{display:block;font-size:11px;color:#25263a;white-space:normal}
.ride-review-preferences-v55{display:grid;grid-template-columns:1.55fr repeat(3,.72fr);gap:8px}
.ride-review-preferences-v55>div{min-width:0;border:1px solid #e8e7f0;border-radius:14px;background:#fff;padding:10px;display:flex;flex-direction:column;justify-content:center}
.ride-review-preferences-v55>div:first-child{display:grid;grid-template-columns:54px minmax(0,1fr);gap:8px;align-items:center}
.ride-review-preferences-v55 img{width:54px;height:34px;object-fit:contain}
.ride-review-preferences-v55 strong{font-size:11px;color:#25263a}
.ride-review-preferences-v55 em{display:block;font-size:8px;font-style:normal;color:#8a8e9f;margin-top:2px}
.ride-review-preferences-v55 .wide{grid-column:1/-1}
@media(max-width:390px){
 .quick-control-v54.active .quick-control-switch-v54 i{transform:translateX(12px)}
 .ride-review-preferences-v55{grid-template-columns:1.35fr repeat(3,.68fr);gap:6px}
 .ride-review-preferences-v55>div{padding:8px 7px}
 .ride-review-preferences-v55>div:first-child{grid-template-columns:46px minmax(0,1fr);gap:6px}
 .ride-review-preferences-v55 img{width:46px;height:31px}
}

/* Phase 5.6: inline pickup and destination autocomplete */
.route-composer-v56{overflow:visible;position:relative;z-index:20}
.inline-address-v56{position:relative;display:grid;grid-template-columns:22px minmax(0,1fr) 38px;align-items:center;gap:12px;min-height:76px;padding:12px 14px;background:#fff}
.inline-address-v56:first-child{border-radius:20px 20px 0 0}
.inline-address-v56:nth-of-type(2){border-radius:0 0 20px 20px}
.inline-address-v56 label{display:flex;min-width:0;flex-direction:column;gap:4px}
.inline-address-v56 label small{font-size:11px;line-height:1.2;color:#8d91a3;font-weight:600}
.inline-address-v56 input{width:100%;min-width:0;border:0;background:transparent;color:#111729;font:inherit;font-weight:750;font-size:15px;line-height:1.35;outline:0;padding:0}
.inline-address-v56 input::placeholder{color:#151a2c;opacity:1}
.inline-address-v56:focus-within{z-index:45;background:#fff}
.inline-address-v56:focus-within input{color:#12162a}
.inline-location-btn-v56{width:36px;height:36px;border:0;border-radius:13px;background:#f3efff;color:#6948f5;display:grid;place-items:center;padding:9px;cursor:pointer}
.inline-location-btn-v56 svg{width:18px;height:18px}
.address-suggestions-v56{position:absolute;left:8px;right:8px;top:calc(100% - 3px);z-index:120;background:rgba(255,255,255,.985);border:1px solid rgba(93,68,235,.13);border-radius:17px;box-shadow:0 20px 42px rgba(25,29,55,.18);padding:6px;max-height:320px;overflow:auto;overscroll-behavior:contain}
.address-suggestions-v56[hidden]{display:none!important}
.address-suggestion-v56{width:100%;display:grid;grid-template-columns:36px minmax(0,1fr) 18px;gap:10px;align-items:center;border:0;background:transparent;border-radius:12px;padding:10px;text-align:left;color:#171b2e;cursor:pointer}
.address-suggestion-v56:hover,.address-suggestion-v56:focus-visible,.address-suggestion-v56.keyboard-active{background:#f5f2ff;outline:0}
.address-suggestion-v56>svg{width:16px;height:16px;color:#8e92a4}
.address-suggestion-icon-v56{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#f1edff;color:#6948f5;padding:8px}
.address-suggestion-icon-v56 svg{width:18px;height:18px}
.address-suggestion-v56 span:nth-child(2){display:flex;min-width:0;flex-direction:column;gap:2px}
.address-suggestion-v56 strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.address-suggestion-v56 small{font-size:11px;color:#868a9e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.address-empty-v56{padding:14px;color:#777d91;font-size:12px;text-align:center}
.inline-address-v56.suggestions-open{box-shadow:inset 0 0 0 1.5px rgba(102,70,245,.45)}
@media(max-width:420px){.address-suggestions-v56{left:2px;right:2px}.inline-address-v56{grid-template-columns:20px minmax(0,1fr) 34px;gap:10px;padding-inline:12px}}

/* Phase 5.7 — Review your ride: Concept 2 exact Trip Card Focus */
.modal-request-v5:has(.ride-review-form-v57){padding-left:16px;padding-right:16px;background:#fff}
.ride-review-form-v57{gap:14px}
.review-trip-hero-v57{min-height:175px;border-radius:18px 18px 0 0;padding:22px 18px 54px;display:grid;grid-template-columns:minmax(0,1fr) 88px minmax(0,1fr);gap:8px;align-items:start;color:#fff;position:relative;overflow:hidden;background:linear-gradient(135deg,#7838ef 0%,#593ff0 45%,#297df4 100%);box-shadow:0 16px 34px rgba(91,63,235,.22)}
.review-trip-hero-v57:before{content:"";position:absolute;width:230px;height:230px;border-radius:50%;right:-105px;top:-145px;background:rgba(255,255,255,.11)}
.review-trip-hero-v57:after{content:"";position:absolute;width:190px;height:190px;border-radius:50%;left:-125px;bottom:-135px;background:rgba(255,255,255,.08)}
.review-code-v57{position:relative;z-index:2;min-width:0}.review-code-v57.destination{text-align:right}.review-code-v57 strong{display:block;font-size:34px;line-height:1;font-weight:900;letter-spacing:-.055em}.review-code-v57 small{display:block;margin-top:11px;font-size:9.5px;line-height:1.45;color:rgba(255,255,255,.86);font-weight:650;max-height:43px;overflow:hidden}.review-code-v57.destination small{margin-left:auto}
.review-route-art-v57{position:relative;height:105px;z-index:2;display:flex;align-items:flex-start;justify-content:center}.review-route-art-v57>span{width:7px;height:7px;border:2px solid rgba(255,255,255,.9);border-radius:50%;margin-top:13px;flex:0 0 auto}.review-route-art-v57>i{height:1px;flex:1;border-top:1px dashed rgba(255,255,255,.45);margin-top:16px}.review-route-art-v57 img{position:absolute;width:104px;height:62px;object-fit:contain;bottom:-34px;filter:drop-shadow(0 10px 12px rgba(16,20,66,.28))}
.review-estimates-v57{margin-top:-53px;position:relative;z-index:3;display:grid;grid-template-columns:1fr 1fr;background:#fff;border:1px solid #e8e6f1;border-radius:0 0 18px 18px;box-shadow:0 10px 25px rgba(29,27,74,.08);overflow:hidden}.review-estimates-v57>div{min-height:68px;display:flex;align-items:center;justify-content:center;gap:10px}.review-estimates-v57>div+div{border-left:1px solid #eceaf3}.review-estimates-v57 svg{width:21px;color:#32364d}.review-estimates-v57 span{display:block}.review-estimates-v57 strong{display:block;font-size:15px;color:#202135}.review-estimates-v57 small{display:block;margin-top:3px;color:#8b8fa0;font-size:9px}
.review-detail-grid-v57{display:grid;grid-template-columns:1.25fr repeat(3,1fr);gap:8px}.review-detail-card-v57{min-width:0;min-height:106px;border:1px solid #e8e7f0;border-radius:15px;background:#fff;padding:10px 7px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative;box-shadow:0 5px 16px rgba(28,26,72,.035)}.review-detail-card-v57.selected{border:1.5px solid #774ff2;background:linear-gradient(180deg,#fff,#fbf9ff)}.review-detail-card-v57>svg{width:24px;height:24px;color:#22263a;margin-bottom:10px}.review-detail-card-v57 img{width:58px;height:36px;object-fit:contain;margin-bottom:4px}.review-detail-card-v57 strong{display:block;font-size:13px;line-height:1.1;color:#232438}.review-detail-card-v57 small{display:block;font-size:8px;color:#888c9c;margin-top:5px}.review-check-v57{position:absolute;right:7px;top:7px;width:20px;height:20px;border-radius:50%;background:#6546eb;color:#fff;display:grid;place-items:center}.review-check-v57 svg{width:12px;height:12px}
.review-schedule-v57{min-height:66px;border:1px solid #e8e7f0;border-radius:15px;background:#fff;padding:11px 13px;display:grid;grid-template-columns:38px minmax(0,1fr) 22px;gap:10px;align-items:center;box-shadow:0 5px 16px rgba(28,26,72,.035)}.review-schedule-v57>span:first-child{width:38px;height:38px;border-radius:11px;background:#f1edff;color:#6949eb;display:grid;place-items:center}.review-schedule-v57>span:first-child svg{width:20px}.review-schedule-v57 small{display:block;font-size:9px;color:#8a8e9f}.review-schedule-v57 strong{display:block;margin-top:4px;font-size:12px;color:#25263a}.review-chevron-v57{color:#74798c}.review-chevron-v57 svg{width:16px}
.review-safety-v57{min-height:76px;padding:14px;border:1px solid #e5e4ef;border-radius:16px;background:linear-gradient(135deg,#f7f4ff,#f5f8ff);display:flex;align-items:center;gap:13px}.review-safety-v57>span{width:43px;height:43px;border-radius:13px;color:#fff;background:linear-gradient(135deg,#7747ed,#347ff5);display:grid;place-items:center;flex:0 0 auto}.review-safety-v57>span svg{width:24px}.review-safety-v57 strong{display:block;font-size:12px;color:#24253a}.review-safety-v57 small{display:block;margin-top:4px;font-size:9.5px;color:#85899a;line-height:1.4}
.review-request-v57{width:100%;min-height:58px;border:0;border-radius:16px;background:linear-gradient(100deg,#8132ef,#5744ee 52%,#2e83f5);color:#fff;font-size:15px;font-weight:900;letter-spacing:-.01em;box-shadow:0 14px 28px rgba(95,63,235,.22)}.review-edit-v57{width:100%;min-height:52px;border:0;border-radius:14px;background:#f5f6fa;color:#34384c;font-size:12px;font-weight:850}.review-payment-note-v57{display:flex;align-items:center;justify-content:center;gap:7px;color:#8c90a0;font-size:9.5px;padding-bottom:2px}.review-payment-note-v57 svg{width:14px}
@media(max-width:390px){.review-trip-hero-v57{grid-template-columns:minmax(0,1fr) 70px minmax(0,1fr);padding-left:14px;padding-right:14px}.review-code-v57 strong{font-size:29px}.review-route-art-v57 img{width:90px}.review-detail-grid-v57{gap:6px}.review-detail-card-v57{padding-left:5px;padding-right:5px;min-height:101px}.review-detail-card-v57 strong{font-size:11px}.review-detail-card-v57 img{width:50px}}

/* Phase 5.8 — Concept 1 modernized date and time wheel picker */
.home-schedule-button-v58{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;font:inherit;color:inherit;cursor:pointer}
.home-schedule-button-v58 span:first-child{min-width:0}
.home-schedule-button-v58 small{display:block;font-size:10px;font-weight:750;color:#84889a;margin-bottom:4px}
.home-schedule-button-v58 strong{display:block;font-size:12px;color:#24263a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.home-schedule-button-v58>svg{width:17px;height:17px;color:#6f7487;flex:0 0 auto}
.review-schedule-v57{width:100%;font:inherit;color:inherit;text-align:left;cursor:pointer}
.date-time-modal-v58{max-width:420px;padding-left:18px;padding-right:18px;padding-bottom:calc(18px + var(--safeBottom));overflow:hidden}
.date-time-modal-v58 .modal-head{margin-bottom:12px}
.date-time-modal-v58 .modal-head h2{font-size:25px;line-height:1.15;letter-spacing:-.045em}
.date-time-modal-v58 .close-btn{background:#f5f4fa;border-radius:13px;width:40px;height:40px;font-size:23px;color:#111426}
.date-time-picker-v58{display:flex;flex-direction:column;gap:12px}
.dt-tabs-v58{display:grid;grid-template-columns:1fr 1fr;border:1px solid #e8e5f0;border-radius:12px;padding:3px;background:#fbfaff}
.dt-tabs-v58 button{height:38px;border:0;border-radius:9px;background:transparent;color:#666b7e;font:inherit;font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:7px;cursor:pointer}
.dt-tabs-v58 button svg{width:16px;height:16px}
.dt-tabs-v58 button.active{background:#eee9ff;color:#6844ea;box-shadow:0 4px 12px rgba(100,69,235,.12)}
.dt-panel-v58{border:1px solid #ece9f3;border-radius:16px;background:#fff;overflow:hidden;position:relative;transition:border-color .18s ease,box-shadow .18s ease}
.dt-panel-v58.active{border-color:#d8ceff;box-shadow:0 8px 20px rgba(91,63,229,.07)}
.dt-wheel-grid-v58{display:grid;align-items:center;position:relative;height:205px;padding:0 10px}
.dt-wheel-grid-v58.date-grid{grid-template-columns:1fr 1fr 1fr}
.dt-wheel-grid-v58.time-grid{grid-template-columns:1fr 24px 1fr .84fr}
.dt-wheel-grid-v58:before,.dt-wheel-grid-v58:after{content:"";position:absolute;left:12px;right:12px;height:42px;top:50%;transform:translateY(-50%);pointer-events:none;z-index:0}
.dt-wheel-grid-v58:before{background:#f3efff;border-radius:10px}
.dt-wheel-grid-v58:after{border-top:1px solid #d9d5e7;border-bottom:1px solid #d9d5e7;background:transparent;border-radius:0}
.dt-wheel-column-v58{height:205px;overflow-y:auto;overscroll-behavior:contain;scroll-snap-type:y mandatory;scrollbar-width:none;padding:82px 3px;position:relative;z-index:1;-webkit-overflow-scrolling:touch}
.dt-wheel-column-v58::-webkit-scrollbar{display:none}
.dt-wheel-option-v58{width:100%;height:41px;display:flex;align-items:center;justify-content:center;border:0;background:transparent;color:#9b9dad;font:inherit;font-size:14px;font-weight:650;scroll-snap-align:center;cursor:pointer;padding:0 4px}
.dt-wheel-option-v58.selected{color:#5f37e8;font-size:16px;font-weight:900}
.dt-wheel-option-v58:focus-visible{outline:2px solid #7b5af0;outline-offset:-3px;border-radius:8px}
.dt-time-colon-v58{display:grid;place-items:center;position:relative;z-index:2;color:#282a3d;font-size:18px;font-weight:900}
.dt-actions-v58{display:grid;grid-template-columns:1fr 1fr 88px;align-items:center;gap:8px;padding-top:3px}
.dt-actions-v58 button{height:48px;border:0;background:transparent;border-radius:12px;font:inherit;font-size:12px;font-weight:850;cursor:pointer}
.dt-clear-v58,.dt-cancel-v58{color:#6844ea}
.dt-set-v58{background:linear-gradient(135deg,#7740ed,#5e36e9)!important;color:#fff!important;box-shadow:0 10px 22px rgba(102,65,235,.23)}
@media(max-width:390px){
 .date-time-modal-v58{padding-left:14px;padding-right:14px}
 .date-time-modal-v58 .modal-head h2{font-size:22px}
 .dt-wheel-grid-v58{height:192px;padding-inline:6px}
 .dt-wheel-column-v58{height:192px;padding:76px 1px}
 .dt-wheel-grid-v58:before,.dt-wheel-grid-v58:after{left:7px;right:7px}
 .dt-wheel-option-v58{font-size:13px}
 .dt-wheel-option-v58.selected{font-size:15px}
 .dt-actions-v58{grid-template-columns:1fr 1fr 82px}
}


/* Phase 5.9 — Concept A balanced page + Concept B compact navigation */
:root{--v59-dock-clearance:calc(124px + var(--safeBottom))}
.app-shell{padding-bottom:var(--v59-dock-clearance)}
.rider-home-v53{padding-bottom:var(--v59-dock-clearance)!important}
.home-content-v53{padding-bottom:20px}
.rider-home-v53 .home-preferences-v54{margin-top:23px}
.rider-home-v53 .home-preferences-v54 .home-module-title{margin-bottom:12px}
.home-quick-controls-v54{margin-top:14px}
.rider-home-v53 .safety-card-v5{margin-top:14px}
.rider-home-v53 .core-cta{margin-top:16px}
.rider-home-v53 .cta-note{margin-top:9px;color:#777c8f;font-size:9px}

/* Balanced address presentation: two-line values instead of clipping. */
.inline-address-v56{min-height:82px;padding-right:15px}
.inline-address-v56 label{overflow:visible}
.inline-address-v56 textarea{
 width:100%;
 min-width:0;
 height:42px;
 min-height:42px;
 max-height:42px;
 margin:0;
 padding:0;
 border:0;
 resize:none;
 overflow:hidden;
 background:transparent;
 color:#111729;
 font:inherit;
 font-weight:750;
 font-size:15px;
 line-height:1.28;
 outline:0;
 white-space:pre-wrap;
 overflow-wrap:anywhere;
}
.inline-address-v56 textarea::placeholder{color:#151a2c;opacity:1}
.inline-address-v56:focus-within textarea{color:#12162a}
.route-swap-button-v55{right:9px}

/* Concept B dock: compact, lower, and balanced while retaining the moving active circle. */
.bottom-nav.bottom-nav-concept4{
 bottom:calc(8px + var(--safeBottom));
 width:min(334px,calc(100% - 44px));
 height:62px;
 padding:0 24px;
 background:rgba(255,255,255,.985);
 box-shadow:0 12px 28px rgba(24,27,54,.13),0 2px 7px rgba(24,27,54,.05)
}
.bottom-nav-concept4 .nav-btn.nav-icon-only{
 width:50px;
 height:50px;
 min-height:50px
}
.bottom-nav-concept4 .nav-btn.nav-icon-only svg{width:25px;height:25px}
.bottom-nav-concept4 .nav-btn.nav-icon-only.active{
 width:62px;
 height:62px;
 min-height:62px;
 margin-top:-20px;
 box-shadow:0 11px 25px rgba(38,39,73,.14),0 2px 7px rgba(38,39,73,.06)
}
.bottom-nav-concept4 .nav-btn.nav-icon-only.active svg{width:27px;height:27px}

@media(max-width:390px){
 :root{--v59-dock-clearance:calc(120px + var(--safeBottom))}
 .home-map-hero-v53{height:334px}
 .home-content-v53{padding-bottom:18px}
 .rider-home-v53 .home-preferences-v54{margin-top:22px}
 .inline-address-v56{grid-template-columns:20px minmax(0,1fr) 34px;gap:10px;min-height:84px;padding:12px 12px}
 .inline-address-v56 textarea{font-size:14px;height:44px;min-height:44px;max-height:44px}
 .route-swap-button-v55{right:7px}
 .bottom-nav.bottom-nav-concept4{width:calc(100% - 40px);height:60px;padding:0 22px;bottom:calc(7px + var(--safeBottom))}
 .bottom-nav-concept4 .nav-btn.nav-icon-only{width:48px;height:48px;min-height:48px}
 .bottom-nav-concept4 .nav-btn.nav-icon-only.active{width:60px;height:60px;min-height:60px;margin-top:-19px}
}

/* Phase 5.10 — Account Concept C exact-match treatment */
.account-topbar-v510{
 position:relative;
 display:grid;
 grid-template-columns:38px 1fr 42px;
 align-items:center;
 gap:8px;
 min-height:76px;
 padding:calc(18px + var(--safeTop)) 18px 14px;
 overflow:hidden;
 background:linear-gradient(135deg,#f7f5ff 0%,#f2f5ff 58%,#eef4ff 100%);
 border-bottom:0;
 box-shadow:none
}
.account-topbar-v510:after{
 content:"";
 position:absolute;
 width:190px;
 height:190px;
 right:-78px;
 top:-112px;
 border-radius:50%;
 background:linear-gradient(135deg,rgba(116,77,242,.14),rgba(55,126,246,.04));
 pointer-events:none
}
.account-topbar-v510 .account-menu-v510,
.account-topbar-v510 .account-bell-v510{
 position:relative;
 z-index:1;
 width:38px;
 height:38px;
 padding:8px;
 border:0;
 border-radius:12px;
 color:#1d2034;
 background:rgba(255,255,255,.66)
}
.account-topbar-v510 .account-menu-v510 svg,
.account-topbar-v510 .account-bell-v510 svg{width:22px;height:22px}
.account-topbar-v510 h1{
 position:relative;
 z-index:1;
 margin:0;
 font-size:25px;
 line-height:1;
 font-weight:850;
 letter-spacing:-.045em;
 color:#17192c
}
.account-topbar-v510 .account-bell-v510{justify-self:end}
.account-page-v510{
 position:relative;
 padding-top:8px;
 padding-bottom:28px;
 background:linear-gradient(180deg,#f5f6ff 0,#f8f8fc 180px,#f8f8fc 100%)
}
.account-profile-card-v510{
 position:relative;
 z-index:1;
 margin-bottom:20px;
 padding:14px;
 border:1px solid rgba(103,83,233,.10);
 border-radius:20px;
 background:rgba(255,255,255,.96);
 box-shadow:0 12px 28px rgba(36,34,91,.09)
}
.account-profile-summary-v510{display:flex;align-items:center;gap:12px;min-width:0}
.account-avatar-v510{
 width:45px;
 height:45px;
 flex:0 0 45px;
 border-radius:50%;
 display:grid;
 place-items:center;
 font-size:14px;
 font-weight:850;
 color:#6849ed;
 background:linear-gradient(135deg,#f0eaff,#edf2ff)
}
.account-profile-summary-v510 .list-copy{min-width:0;flex:1}
.account-profile-summary-v510 .list-copy strong{display:block;font-size:13px;color:#202135;line-height:1.25}
.account-profile-summary-v510 .list-copy small{display:block;margin-top:3px;font-size:9.5px;color:#858a9b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.account-status-v510{flex:0 0 auto;font-size:8px;padding:5px 8px}
.account-verify-v510{
 width:100%;
 min-height:42px;
 margin-top:12px;
 padding:0 16px;
 border:0;
 border-radius:12px;
 display:flex;
 align-items:center;
 justify-content:center;
 gap:8px;
 color:#fff;
 font-size:11px;
 font-weight:850;
 background:linear-gradient(90deg,#7047ed 0%,#3d7df5 100%);
 box-shadow:0 9px 18px rgba(85,76,227,.20)
}
.account-verify-v510 svg{width:15px;height:15px}
.account-verify-v510.verified{background:linear-gradient(90deg,#5846d8,#3a74dd)}
.account-section-title-v510{
 margin:18px 3px 8px;
 font-size:9px;
 line-height:1;
 font-weight:900;
 letter-spacing:.085em;
 color:#71768a;
 text-transform:uppercase
}
.account-settings-group-v510{
 overflow:hidden;
 border:1px solid rgba(61,64,105,.075);
 border-radius:18px;
 background:rgba(255,255,255,.94);
 box-shadow:0 8px 24px rgba(30,31,69,.045)
}
.account-row-v510{
 width:100%;
 min-height:58px;
 padding:10px 13px;
 border:0;
 border-bottom:1px solid #eeeeF5;
 display:grid;
 grid-template-columns:31px minmax(0,1fr) 19px;
 align-items:center;
 column-gap:10px;
 color:#24263a;
 background:linear-gradient(90deg,rgba(112,79,240,.025),rgba(61,125,245,.012));
 text-align:left
}
.account-row-v510:last-child{border-bottom:0}
.account-row-v510:active{background:linear-gradient(90deg,rgba(112,79,240,.08),rgba(61,125,245,.04))}
.account-row-icon-v510{
 width:30px;
 height:30px;
 border-radius:10px;
 display:grid;
 place-items:center;
 color:#6a4ce9;
 background:linear-gradient(135deg,#f1edff,#edf3ff)
}
.account-row-icon-v510 svg{width:17px;height:17px;stroke-width:1.8}
.account-row-v510 .list-copy{min-width:0}
.account-row-v510 .list-copy strong{display:block;font-size:11px;line-height:1.25;color:#24253a}
.account-row-v510 .list-copy small{display:block;margin-top:3px;font-size:8.7px;line-height:1.3;color:#8a8e9f;white-space:normal}
.account-row-v510 .chev{display:grid;place-items:center;color:#7a65e9}
.account-row-v510 .chev svg{width:15px;height:15px}
.account-session-v510{background:#fff}
.account-signout-v510{min-height:57px;padding:10px 14px;border:0;background:#fff}
.account-signout-v510>svg{width:20px;height:20px}
.account-signout-v510 strong{font-size:11px}
.account-signout-v510 small{font-size:8.7px}
.bottom-nav-concept4.account-active-theme-v510 .nav-btn.nav-icon-only.active{
 color:#fff;
 background:linear-gradient(135deg,#7048ed,#3e7df5);
 box-shadow:0 14px 30px rgba(77,73,218,.28),0 2px 8px rgba(38,39,73,.08)
}
.bottom-nav-concept4.account-active-theme-v510 .nav-btn.nav-icon-only.active svg{stroke:#fff}
@media(max-width:390px){
 .account-topbar-v510{min-height:70px;padding-left:15px;padding-right:15px}
 .account-topbar-v510 h1{font-size:23px}
 .account-page-v510{padding-left:15px;padding-right:15px;padding-bottom:24px}
 .account-profile-card-v510{border-radius:18px;padding:13px}
 .account-row-v510{min-height:55px;padding:9px 12px}
}


/* Phase 5.13.1 — keep the request-card heading visible above the mobile keyboard */
.home-request-sheet-v53{scroll-margin-top:12px}
@media(max-width:820px){
 .inline-address-v56 textarea{scroll-margin-top:120px}
}


/* Phase 5.15 — Headerless secondary pages + floating pill navigation */
.headerless-page-v515{
 padding-top:calc(18px + var(--safeTop));
 min-height:100vh;
}
.headerless-page-title-v515{
 margin:0 1px 17px;
 padding:0 1px;
}
.headerless-page-title-v515>small{
 display:block;
 margin-bottom:5px;
 color:#7356eb;
 font-size:9px;
 line-height:1;
 font-weight:900;
 letter-spacing:.11em;
 text-transform:uppercase;
}
.headerless-page-title-v515 h1{
 margin:0;
 color:#191b2f;
 font-size:28px;
 line-height:1.08;
 font-weight:880;
 letter-spacing:-.052em;
}
.headerless-page-title-v515 p{
 max-width:330px;
 margin:7px 0 0;
 color:#7c8093;
 font-size:10.5px;
 line-height:1.5;
}
.nested-page-v515 .section:first-of-type{margin-top:13px}
.headerless-section-head-v515{align-items:center;margin-top:1px}
.wallet-hero-v515{margin-top:2px}
.account-page-v510.headerless-page-v515{
 padding-top:calc(18px + var(--safeTop));
 background:linear-gradient(180deg,#f5f6ff 0,#f8f8fc 210px,#f8f8fc 100%);
}
.account-page-v510 .headerless-page-title-v515{margin-bottom:14px}
.schedule-page-v51.headerless-page-v515{padding-top:calc(16px + var(--safeTop))}

/* The secondary-page dock becomes the primary navigation landmark. */
.bottom-nav-concept4.headerless-nav-v515{
 border:1px solid rgba(87,82,154,.08);
 background:rgba(255,255,255,.96);
 box-shadow:0 16px 38px rgba(24,27,54,.17),0 3px 10px rgba(24,27,54,.06);
}
.bottom-nav-concept4.headerless-nav-v515 .nav-btn.nav-icon-only.active{
 color:#fff;
 background:linear-gradient(135deg,#7448ed 0%,#3c7ff5 100%);
 box-shadow:0 14px 30px rgba(77,73,218,.29),0 2px 8px rgba(38,39,73,.08);
}
.bottom-nav-concept4.headerless-nav-v515 .nav-btn.nav-icon-only.active svg{stroke:#fff}

@media(max-width:390px){
 .headerless-page-v515{padding-top:calc(15px + var(--safeTop))}
 .headerless-page-title-v515{margin-bottom:14px}
 .headerless-page-title-v515 h1{font-size:25px}
 .headerless-page-title-v515 p{font-size:10px}
 .schedule-page-v51.headerless-page-v515{padding-top:calc(13px + var(--safeTop))}
}


/* Phase 5.16 — nested-page back control and premium account sheets */
.nested-page-head-v516{
 display:grid;
 grid-template-columns:44px minmax(0,1fr);
 gap:12px;
 align-items:start;
 padding-top:calc(3px + var(--safeTop));
 margin-bottom:16px
}
.nested-back-v516{
 width:42px;
 height:42px;
 border:1px solid #e6e5ef;
 border-radius:14px;
 background:rgba(255,255,255,.96);
 color:#22243a;
 display:grid;
 place-items:center;
 box-shadow:0 8px 22px rgba(28,27,66,.07)
}
.nested-back-v516 svg{width:20px;height:20px}
.nested-back-v516:active{transform:scale(.95)}
.nested-page-copy-v516{min-width:0;padding-top:1px}
.nested-page-copy-v516>small{display:block;margin-bottom:4px;color:#6b50e8;font-size:9px;font-weight:900;letter-spacing:.11em;text-transform:uppercase}
.nested-page-copy-v516 h1{margin:0;color:#191a2c;font-size:27px;line-height:1.05;letter-spacing:-.055em}
.nested-page-copy-v516 p{max-width:410px;margin:7px 0 0;color:#74788b;font-size:11px;line-height:1.45}
.nested-page-v515:has(.nested-page-head-v516){padding-top:calc(11px + var(--safeTop))}

.account-sheet-backdrop-v516{background:rgba(22,20,47,.55);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.account-sheet-v516{
 --sheetAccent:#6848ed;
 --sheetAccent2:#397ff4;
 max-height:min(94vh,900px);
 padding:0;
 overflow:hidden;
 border-radius:30px 30px 0 0;
 background:#f7f7fb;
 box-shadow:0 -28px 75px rgba(15,17,46,.28)
}
.account-sheet-contacts-v516{--sheetAccent:#3478ec;--sheetAccent2:#6753e8}
.account-sheet-savedPlaces-v516{--sheetAccent:#6650e8;--sheetAccent2:#3185f3}
.account-sheet-favorites-v516{--sheetAccent:#8a42e8;--sheetAccent2:#ee6087}
.account-sheet-notifications-v516{--sheetAccent:#5448de;--sheetAccent2:#7a6df3}
.account-sheet-support-v516{--sheetAccent:#276fdb;--sheetAccent2:#4d9bf2}
.account-sheet-safety-v516{--sheetAccent:#d84652;--sheetAccent2:#f0785d}
.account-sheet-grab-v516{position:absolute;z-index:3;top:9px;left:50%;transform:translateX(-50%);margin:0;background:rgba(255,255,255,.58)}
.account-sheet-hero-v516{
 position:relative;
 overflow:hidden;
 padding:29px 18px 22px;
 color:#fff;
 background:linear-gradient(135deg,var(--sheetAccent),var(--sheetAccent2));
 isolation:isolate
}
.account-sheet-hero-v516:before,.account-sheet-hero-v516:after{content:"";position:absolute;z-index:-1;border-radius:50%;background:rgba(255,255,255,.10)}
.account-sheet-hero-v516:before{width:210px;height:210px;right:-105px;top:-125px}
.account-sheet-hero-v516:after{width:140px;height:140px;left:-85px;bottom:-98px}
.account-sheet-top-v516{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}
.account-sheet-icon-v516{width:48px;height:48px;border:1px solid rgba(255,255,255,.32);border-radius:16px;background:rgba(255,255,255,.16);display:grid;place-items:center;box-shadow:inset 0 1px 0 rgba(255,255,255,.22)}
.account-sheet-icon-v516 svg{width:24px;height:24px}
.account-sheet-close-v516{width:39px;height:39px;border:1px solid rgba(255,255,255,.22);border-radius:13px;background:rgba(18,19,54,.16);color:#fff;font-size:23px;line-height:1;display:grid;place-items:center}
.account-sheet-hero-v516>small{display:block;font-size:9px;font-weight:900;letter-spacing:.13em;text-transform:uppercase;color:rgba(255,255,255,.77)}
.account-sheet-hero-v516 h2{margin:5px 0 0;font-size:25px;line-height:1.05;letter-spacing:-.05em}
.account-sheet-hero-v516 p{max-width:390px;margin:8px 0 0;color:rgba(255,255,255,.82);font-size:11px;line-height:1.5}
.account-sheet-body-v516{max-height:calc(min(94vh,900px) - 178px);overflow:auto;overscroll-behavior:contain;padding:16px 15px calc(24px + var(--safeBottom));scrollbar-width:none}
.account-sheet-body-v516::-webkit-scrollbar{display:none}
.sheet-section-v516+.sheet-section-v516,.sheet-section-v516+.sheet-compose-v516,.support-intro-v516+.sheet-section-v516{margin-top:14px}
.sheet-section-head-v516{display:flex;align-items:end;justify-content:space-between;gap:12px;margin:0 2px 9px}
.sheet-section-head-v516 small{display:block;color:#8a8d9c;font-size:8.5px;font-weight:850;text-transform:uppercase;letter-spacing:.08em}
.sheet-section-head-v516 h3{margin:3px 0 0;color:#222437;font-size:15px;letter-spacing:-.025em}
.sheet-count-v516{flex:0 0 auto;border:1px solid #e4e2f0;border-radius:999px;background:#fff;color:var(--sheetAccent);padding:5px 8px;font-size:8.5px;font-weight:900;box-shadow:0 5px 14px rgba(32,30,72,.04)}
.sheet-record-list-v516,.notification-list-v516,.ticket-list-v516,.favorite-grid-v516{display:flex;flex-direction:column;gap:8px}
.sheet-record-v516,.notification-card-v516,.ticket-card-v516,.favorite-card-v516{width:100%;min-width:0;border:1px solid #e7e6ef;border-radius:16px;background:#fff;display:flex;align-items:center;gap:10px;padding:11px;box-shadow:0 7px 20px rgba(30,29,70,.035);text-align:left;color:#232438}
.sheet-record-icon-v516{width:39px;height:39px;flex:0 0 auto;border-radius:13px;background:color-mix(in srgb,var(--sheetAccent) 10%,white);color:var(--sheetAccent);display:grid;place-items:center}
.sheet-record-icon-v516 svg{width:19px;height:19px}
.sheet-record-copy-v516{min-width:0;flex:1}
.sheet-record-copy-v516 strong{display:block;font-size:12px;line-height:1.25}
.sheet-record-copy-v516 small{display:block;margin-top:4px;color:#777b8d;font-size:9.5px;line-height:1.4;white-space:normal;overflow-wrap:anywhere}
.sheet-record-copy-v516 small b{color:#5541d3}
.sheet-record-copy-v516 em{display:block;margin-top:5px;color:#9295a5;font-size:8.5px;font-style:normal}
.sheet-tag-v516{border-radius:999px;background:#f0edff;color:#6248e7;padding:4px 7px;font-size:8px;font-weight:900}
.sheet-remove-v516{width:34px;height:34px;flex:0 0 auto;border:0;border-radius:11px;background:#f7f6fa;color:#9a5160;display:grid;place-items:center}
.sheet-remove-v516 svg{width:16px;height:16px}
.sheet-remove-v516:active{transform:scale(.94)}
.sheet-empty-v516{padding:26px 18px;border:1px dashed #dcd9e8;border-radius:18px;background:rgba(255,255,255,.7);text-align:center}
.sheet-empty-v516>span{width:52px;height:52px;border-radius:17px;background:color-mix(in srgb,var(--sheetAccent) 11%,white);color:var(--sheetAccent);display:grid;place-items:center;margin:0 auto 11px}
.sheet-empty-v516>span svg{width:25px;height:25px}
.sheet-empty-v516 h3{margin:0;font-size:14px}
.sheet-empty-v516 p{max-width:310px;margin:6px auto 0;color:#7f8293;font-size:10px;line-height:1.5}
.sheet-compose-v516{border:1px solid #e6e4ef;border-radius:19px;background:#fff;padding:13px;box-shadow:0 10px 26px rgba(29,27,69,.045)}
.sheet-compose-head-v516{display:flex;align-items:flex-start;gap:10px;margin-bottom:13px}
.sheet-compose-head-v516>span{width:38px;height:38px;flex:0 0 auto;border-radius:12px;background:color-mix(in srgb,var(--sheetAccent) 11%,white);color:var(--sheetAccent);display:grid;place-items:center}
.sheet-compose-head-v516>span svg{width:18px;height:18px}
.sheet-compose-head-v516 h3{margin:1px 0 0;font-size:13px;letter-spacing:-.02em}
.sheet-compose-head-v516 p{margin:4px 0 0;color:#818495;font-size:9.5px;line-height:1.45}
.sheet-form-v516{gap:10px}
.sheet-form-v516 .input{border-color:#dedde8;background:#fbfbfd;border-radius:13px;min-height:46px;padding-left:12px;padding-right:12px}
.sheet-form-v516 textarea.input{min-height:105px}
.sheet-form-v516 .field label{font-size:9.5px;color:#55586b}
.sheet-primary-v516,.sheet-secondary-v516,.safety-submit-v516{width:100%;min-height:49px;border:0;border-radius:14px;display:flex;align-items:center;justify-content:center;gap:7px;font-size:11px;font-weight:900}
.sheet-primary-v516{background:linear-gradient(100deg,var(--sheetAccent),var(--sheetAccent2));color:#fff;box-shadow:0 11px 24px color-mix(in srgb,var(--sheetAccent) 25%,transparent)}
.sheet-secondary-v516{border:1px solid #e1dff0;background:#f7f5ff;color:var(--sheetAccent)}
.sheet-secondary-v516 svg{width:17px}
.sheet-check-v516{display:flex;align-items:center;gap:9px;color:#686b7c;font-size:10px;cursor:pointer}
.sheet-check-v516 input{position:absolute;opacity:0;pointer-events:none}
.sheet-check-v516 span{width:23px;height:23px;border:1px solid #d8d5e6;border-radius:8px;background:#fff;color:transparent;display:grid;place-items:center}
.sheet-check-v516 span svg{width:13px}
.sheet-check-v516 input:checked+span{border-color:var(--sheetAccent);background:var(--sheetAccent);color:#fff}
.sheet-check-v516 em{font-style:normal}
.favorite-card-v516{padding:12px}
.favorite-avatar-v516{width:47px;height:47px;flex:0 0 auto;border-radius:16px;background:linear-gradient(135deg,#f0e9ff,#ffe9ef);color:#7641db;display:grid;place-items:center;font-size:13px;font-weight:900}
.favorite-status-v516{display:inline-flex!important;width:max-content;align-items:center;gap:5px;border-radius:999px;background:#f2f3f6;color:#717585;padding:4px 7px;font-size:7.5px!important;font-weight:850;text-transform:capitalize}
.favorite-status-v516.online{background:#eafaf2;color:#08764d}
.sheet-note-v516{display:flex;align-items:flex-start;gap:9px;margin-top:12px;padding:11px 12px;border:1px solid #e6e1f5;border-radius:15px;background:#f9f7ff;color:#6f7183;font-size:9.5px;line-height:1.45}
.sheet-note-v516 svg{width:17px;height:17px;flex:0 0 auto;color:var(--sheetAccent)}
.notification-card-v516{position:relative;border:0;cursor:pointer}
.notification-card-v516.unread{border:1px solid color-mix(in srgb,var(--sheetAccent) 24%,white);background:linear-gradient(145deg,#fff,color-mix(in srgb,var(--sheetAccent) 4%,white))}
.notification-unread-v516{width:8px;height:8px;flex:0 0 auto;border-radius:50%;background:var(--sheetAccent);box-shadow:0 0 0 4px color-mix(in srgb,var(--sheetAccent) 10%,transparent)}
.ticket-status-v516{flex:0 0 auto;text-align:right}
.ticket-status-v516 b{display:block;border-radius:999px;padding:4px 7px;background:#f2f4f7;color:#555a6a;font-size:7.5px;text-transform:capitalize}
.ticket-status-v516 small{display:block;margin-top:4px;color:#888b99;font-size:7.5px;text-transform:capitalize}
.ticket-status-v516.green b{background:var(--greenBg);color:var(--green)}
.ticket-status-v516.amber b{background:var(--amberBg);color:var(--amber)}
.ticket-status-v516.red b{background:var(--redBg);color:var(--red)}
.ticket-status-v516.blue b{background:var(--blueBg);color:var(--blue)}
.support-intro-v516,.safety-emergency-v516{display:flex;align-items:flex-start;gap:11px;border-radius:18px;padding:13px}
.support-intro-v516{border:1px solid #dce8fb;background:linear-gradient(145deg,#f7fbff,#eef6ff)}
.support-intro-v516>span,.safety-emergency-v516>span{width:42px;height:42px;flex:0 0 auto;border-radius:14px;display:grid;place-items:center}
.support-intro-v516>span{background:#fff;color:#2f75d8;box-shadow:0 7px 18px rgba(43,107,200,.10)}
.support-intro-v516 svg,.safety-emergency-v516 svg{width:20px;height:20px}
.support-intro-v516 strong,.safety-emergency-v516 strong{display:block;font-size:12px}
.support-intro-v516 p,.safety-emergency-v516 p{margin:4px 0 0;font-size:9.5px;line-height:1.5}
.support-intro-v516 p{color:#68778d}
.sheet-choice-row-v516{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.sheet-choice-row-v516 label{margin:0}
.sheet-choice-row-v516 input,.safety-type-grid-v516 input{position:absolute;opacity:0;pointer-events:none}
.sheet-choice-row-v516 span{min-height:39px;border:1px solid #dedde8;border-radius:11px;background:#fbfbfd;color:#707384;display:grid;place-items:center;font-size:9px;font-weight:850}
.sheet-choice-row-v516 input:checked+span{border-color:var(--sheetAccent);background:color-mix(in srgb,var(--sheetAccent) 10%,white);color:var(--sheetAccent);box-shadow:0 0 0 2px color-mix(in srgb,var(--sheetAccent) 8%,transparent)}
.safety-emergency-v516{border:1px solid #f3c8c8;background:linear-gradient(145deg,#fff8f7,#fff1ef);color:#8a2730}
.safety-emergency-v516>span{background:#fff;color:#d6404d;box-shadow:0 7px 18px rgba(186,44,56,.10)}
.safety-emergency-v516 p{color:#92555c}
.safety-form-v516{margin-top:14px}
.safety-type-grid-v516{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.safety-type-grid-v516 label{margin:0}
.safety-type-grid-v516 span{min-height:58px;border:1px solid #e3e1e9;border-radius:14px;background:#fff;color:#646777;display:flex;align-items:center;gap:8px;padding:9px;font-size:9px}
.safety-type-grid-v516 span svg{width:18px;height:18px;color:#b05760;flex:0 0 auto}
.safety-type-grid-v516 span b{font-weight:850}
.safety-type-grid-v516 input:checked+span{border-color:#dd5964;background:#fff5f4;color:#9f2933;box-shadow:0 0 0 2px rgba(221,89,100,.08)}
.safety-type-grid-v516 input:checked+span svg{color:#d6404d}
.severity-row-v516 input:checked+span{border-color:#dc5863;background:#fff3f2;color:#b92f3b;box-shadow:0 0 0 2px rgba(220,88,99,.08)}
.safety-details-v516{margin-top:2px;box-shadow:none}
.safety-submit-v516{background:linear-gradient(100deg,#d73f4c,#ef7359);color:#fff;box-shadow:0 11px 24px rgba(198,55,67,.22)}
.safety-submit-v516 svg{width:18px}
@supports not (color:color-mix(in srgb,#000 10%,#fff)){
 .sheet-record-icon-v516,.sheet-compose-head-v516>span,.sheet-empty-v516>span{background:#f0edff}
 .sheet-primary-v516{box-shadow:0 11px 24px rgba(91,66,237,.20)}
 .notification-card-v516.unread{border-color:#d9d2fb;background:#fbfaff}
 .sheet-choice-row-v516 input:checked+span{background:#f0edff}
}
@media(max-width:390px){
 .nested-page-copy-v516 h1{font-size:25px}
 .account-sheet-hero-v516{padding-left:15px;padding-right:15px}
 .account-sheet-body-v516{padding-left:12px;padding-right:12px}
 .sheet-choice-row-v516{gap:5px}
 .sheet-choice-row-v516 span{font-size:8px}
 .sheet-compose-v516{padding:11px}
}

/* Phase 5.17 — top alignment repair + premium Account detail sheets */
html,body,#app{margin-top:0!important;padding-top:0!important}
.app-shell{margin-top:0!important;padding-top:0}
.rider-home-v53{margin-top:0!important;padding-top:0!important}
.home-map-hero-v53{margin-top:0!important;top:0}
.home-map-topbar-v53{top:0;padding-top:calc(8px + var(--safeTop))}

/* Use the safe area once. Phase 5.16 could stack it as many as three times. */
.headerless-page-v515,
.account-page-v510.headerless-page-v515,
.schedule-page-v51.headerless-page-v515{
 padding-top:calc(7px + var(--safeTop))
}
.nested-page-v515:has(.nested-page-head-v516){padding-top:calc(6px + var(--safeTop))}
.nested-page-head-v516{padding-top:0;margin-top:0;margin-bottom:14px}
.headerless-page-title-v515{margin-top:0}

/* Account sheets now share the same premium visual system. */
.account-sheet-profile-v516{--sheetAccent:#6f47ec;--sheetAccent2:#397ff4}
.account-sheet-identity-v516{--sheetAccent:#336fdc;--sheetAccent2:#6a4ee9}
.account-sheet-addPayment-v516{--sheetAccent:#4e46d8;--sheetAccent2:#287fd9}

.account-overview-v517,
.verification-overview-v517,
.payment-security-v517{
 display:flex;
 align-items:flex-start;
 gap:11px;
 border:1px solid #e3e1ee;
 border-radius:18px;
 padding:13px;
 background:linear-gradient(145deg,#fff,#f8f7ff);
 box-shadow:0 8px 24px rgba(30,29,70,.045)
}
.account-overview-icon-v517,
.verification-shield-v517,
.payment-security-v517>span{
 width:44px;
 height:44px;
 flex:0 0 44px;
 border-radius:14px;
 display:grid;
 place-items:center;
 color:var(--sheetAccent);
 background:color-mix(in srgb,var(--sheetAccent) 10%,white)
}
.account-overview-icon-v517 svg,
.verification-shield-v517 svg,
.payment-security-v517>span svg{width:22px;height:22px}
.account-overview-copy-v517,
.verification-overview-v517>div,
.payment-security-v517>div{min-width:0;flex:1}
.account-overview-copy-v517>small,
.verification-overview-v517 small{
 display:block;
 color:#85899a;
 font-size:8.5px;
 font-weight:900;
 letter-spacing:.08em;
 text-transform:uppercase
}
.account-overview-copy-v517>strong,
.verification-overview-v517 strong,
.payment-security-v517 strong{
 display:block;
 margin-top:4px;
 color:#222438;
 font-size:13px;
 line-height:1.25
}
.account-overview-copy-v517 p,
.verification-overview-v517 p,
.payment-security-v517 p{
 margin:4px 0 0;
 color:#777b8d;
 font-size:9.5px;
 line-height:1.45;
 overflow-wrap:anywhere
}
.account-overview-v517>.pill,
.verification-overview-v517>.pill{flex:0 0 auto;margin-top:2px}
.account-form-card-v517{margin-top:14px}
.account-readonly-v517{
 min-height:48px;
 display:flex;
 align-items:center;
 gap:10px;
 padding:9px 11px;
 border:1px solid #e4e2eb;
 border-radius:13px;
 background:#f8f8fb;
 color:#727688
}
.account-readonly-v517>svg{width:17px;height:17px;flex:0 0 auto;color:#6d55df}
.account-readonly-v517 span{min-width:0}
.account-readonly-v517 small{display:block;font-size:8px;font-weight:850;text-transform:uppercase;letter-spacing:.07em}
.account-readonly-v517 strong{display:block;margin-top:3px;color:#45485c;font-size:10.5px;overflow-wrap:anywhere}
.account-field-help-v517{display:block;margin-top:5px;color:#898c9c;font-size:8.5px;line-height:1.4}

.verification-steps-v517{
 display:grid;
 grid-template-columns:minmax(0,1fr) 34px minmax(0,1fr);
 align-items:center;
 gap:5px;
 margin:12px 2px 14px
}
.verification-steps-v517>span{
 min-height:45px;
 display:flex;
 align-items:center;
 justify-content:center;
 gap:7px;
 border:1px solid #e3e1eb;
 border-radius:13px;
 background:#fff;
 color:#777b8d;
 font-size:9px
}
.verification-steps-v517>span svg{width:16px;height:16px;color:#8a8e9e}
.verification-steps-v517>span.complete{border-color:#ccebdc;background:#f2fbf7;color:#08764d}
.verification-steps-v517>span.complete svg{color:#12a66a}
.verification-steps-v517>i{height:1px;background:#dcd9e7}
.identity-document-list-v517,.payment-method-list-v517{display:flex;flex-direction:column;gap:8px}
.identity-document-v517,
.payment-method-card-v517{
 display:flex;
 align-items:center;
 gap:10px;
 padding:11px;
 border:1px solid #e6e4ee;
 border-radius:16px;
 background:#fff;
 box-shadow:0 7px 20px rgba(30,29,70,.035)
}
.identity-document-v517>.pill{flex:0 0 auto}
.identity-upload-card-v517,.payment-add-card-v517{margin-top:14px}
.document-type-grid-v517{
 display:grid;
 grid-template-columns:repeat(2,minmax(0,1fr));
 gap:7px
}
.document-type-grid-v517 label{position:relative;margin:0}
.document-type-grid-v517 label:last-child{grid-column:1/-1}
.document-type-grid-v517 input,
.payment-brand-grid-v517 input{position:absolute;opacity:0;pointer-events:none}
.document-type-grid-v517 span{
 min-height:72px;
 display:flex;
 flex-direction:column;
 align-items:flex-start;
 justify-content:center;
 gap:3px;
 padding:10px;
 border:1px solid #dedce7;
 border-radius:13px;
 background:#fbfbfd;
 color:#6f7284
}
.document-type-grid-v517 span svg{width:18px;height:18px;margin-bottom:2px;color:var(--sheetAccent)}
.document-type-grid-v517 span b{font-size:9.5px;color:#33364b}
.document-type-grid-v517 span small{font-size:7.8px;line-height:1.35;color:#8a8d9c}
.document-type-grid-v517 input:checked+span{
 border-color:var(--sheetAccent);
 background:color-mix(in srgb,var(--sheetAccent) 8%,white);
 box-shadow:0 0 0 2px color-mix(in srgb,var(--sheetAccent) 7%,transparent)
}
.identity-dropzone-v517{
 position:relative;
 min-height:76px;
 display:flex;
 align-items:center;
 gap:11px;
 padding:13px;
 overflow:hidden;
 border:1px dashed #bbb5d5;
 border-radius:15px;
 background:#faf9ff;
 color:var(--sheetAccent);
 cursor:pointer
}
.identity-dropzone-v517>svg{width:25px;height:25px;flex:0 0 auto}
.identity-dropzone-v517 span{min-width:0}
.identity-dropzone-v517 strong{display:block;color:#35374c;font-size:11px}
.identity-dropzone-v517 small{display:block;margin-top:4px;color:#85899a;font-size:8.5px;line-height:1.35}
.identity-dropzone-v517 input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}

.payment-security-v517{border-color:#dce5f4;background:linear-gradient(145deg,#f8fbff,#f3f6ff)}
.payment-brand-v517{
 width:43px;
 height:43px;
 flex:0 0 43px;
 border-radius:13px;
 display:grid;
 place-items:center;
 color:#4f53d9;
 background:#f0f1ff
}
.payment-brand-v517 svg{width:22px;height:22px}
.payment-method-card-v517.default{border-color:#d6d2f7;background:linear-gradient(145deg,#fff,#f8f7ff)}
.payment-method-card-v517 .sheet-record-copy-v516 small{margin:0;color:#818596;font-size:8px;text-transform:uppercase;letter-spacing:.07em;font-weight:850}
.payment-method-card-v517 .sheet-record-copy-v516 strong{margin-top:3px;font-size:13px;letter-spacing:.03em}
.payment-method-actions-v517{display:flex;align-items:center;gap:6px;flex:0 0 auto}
.payment-method-actions-v517>b{
 border-radius:999px;
 padding:5px 7px;
 background:#eaf8f1;
 color:#08764d;
 font-size:7.5px
}
.payment-default-v517{
 min-height:32px;
 border:1px solid #dfdcef;
 border-radius:10px;
 padding:0 8px;
 background:#f8f7ff;
 color:#6048dc;
 font-size:8px;
 font-weight:850
}
.payment-brand-grid-v517{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}
.payment-brand-grid-v517 label{position:relative;margin:0}
.payment-brand-grid-v517 span{
 min-height:40px;
 display:grid;
 place-items:center;
 border:1px solid #dedce7;
 border-radius:11px;
 background:#fbfbfd;
 color:#6e7283;
 font-size:8px;
 font-weight:850
}
.payment-brand-grid-v517 input:checked+span{
 border-color:var(--sheetAccent);
 background:color-mix(in srgb,var(--sheetAccent) 9%,white);
 color:var(--sheetAccent)
}
.payment-last4-v517{position:relative}
.payment-last4-v517>span{
 position:absolute;
 z-index:2;
 left:12px;
 top:50%;
 transform:translateY(-50%);
 color:#7d8192;
 font-size:14px;
 letter-spacing:.08em;
 pointer-events:none
}
.payment-last4-v517 .input{padding-left:54px;letter-spacing:.18em;font-weight:850}

@supports not (color:color-mix(in srgb,#000 10%,#fff)){
 .account-overview-icon-v517,.verification-shield-v517,.payment-security-v517>span{background:#f0edff}
 .document-type-grid-v517 input:checked+span,.payment-brand-grid-v517 input:checked+span{background:#f0edff}
}
@media(max-width:390px){
 .home-map-topbar-v53{padding-top:calc(7px + var(--safeTop))}
 .headerless-page-v515,.account-page-v510.headerless-page-v515,.schedule-page-v51.headerless-page-v515{padding-top:calc(5px + var(--safeTop))}
 .nested-page-v515:has(.nested-page-head-v516){padding-top:calc(4px + var(--safeTop))}
 .nested-page-head-v516{grid-template-columns:40px minmax(0,1fr);gap:10px}
 .nested-back-v516{width:39px;height:39px;border-radius:13px}
 .account-sheet-body-v516{padding-top:13px}
 .account-overview-v517,.verification-overview-v517,.payment-security-v517{padding:11px}
 .profile-overview-v517>.pill{display:none}
 .payment-brand-grid-v517 span{font-size:7.2px}
 .payment-method-actions-v517{gap:4px}
 .payment-default-v517{padding:0 6px;font-size:7.5px}
}

/* Phase 5.17.1 — true top alignment
   The device/browser already reserves its system status area on the affected
   mobile layout. Do not add env(safe-area-inset-top) a second time inside Haggl. */
:root{--rider-ui-top-inset:0px}
html,body,#app{
 margin:0!important;
 padding:0!important;
 min-height:100%;
 background:#e9f1f6;
}
body{min-height:100dvh}
#app,.app-shell{
 margin-top:0!important;
 padding-top:0!important;
 min-height:100dvh;
}
.rider-home-v53{
 margin:0!important;
 padding-top:0!important;
 transform:none!important;
}
.home-map-hero-v53{
 display:block;
 margin:0!important;
 top:0!important;
 inset-block-start:0!important;
 border-top-left-radius:0!important;
 border-top-right-radius:0!important;
}
.home-map-topbar-v53{
 top:0!important;
 padding-top:8px!important;
}
.headerless-page-v515,
.account-page-v510.headerless-page-v515,
.schedule-page-v51.headerless-page-v515{
 padding-top:7px!important;
}
.nested-page-v515:has(.nested-page-head-v516){
 padding-top:6px!important;
}
.nested-page-head-v516{
 padding-top:0!important;
 margin-top:0!important;
}
@media(max-width:390px){
 .home-map-topbar-v53{padding-top:7px!important}
 .headerless-page-v515,
 .account-page-v510.headerless-page-v515,
 .schedule-page-v51.headerless-page-v515{padding-top:5px!important}
 .nested-page-v515:has(.nested-page-head-v516){padding-top:4px!important}
}


/* Phase 5.18 — immersive installed-app status area on Home only
   In standalone/PWA or compatible app-wrapper mode, the Home map owns the
   entire top canvas while controls remain below the device status icons. */
html.haggl-installed-app,
html.haggl-installed-app body.home-status-map-active,
html.haggl-installed-app body.home-status-map-active #app{
 background:#dfeaf4!important;
}
html.haggl-installed-app body.home-status-map-active{
 overscroll-behavior-y:none;
}
html.haggl-installed-app body.home-status-map-active .rider-home-v53{
 background:#fff;
}
html.haggl-installed-app body.home-status-map-active .home-map-hero-v53{
 height:calc(352px + env(safe-area-inset-top,0px));
 background:#dfeaf4;
}
html.haggl-installed-app body.home-status-map-active .home-map-art-v53,
html.haggl-installed-app body.home-status-map-active .home-map-shade-v53{
 top:0;
}
html.haggl-installed-app body.home-status-map-active .home-map-topbar-v53{
 padding-top:calc(8px + env(safe-area-inset-top,0px))!important;
}
/* Secondary pages keep the normal light system-bar treatment. */
html.haggl-installed-app body:not(.home-status-map-active){
 background:#f7f8fc!important;
}
@media(max-width:390px){
 html.haggl-installed-app body.home-status-map-active .home-map-hero-v53{
  height:calc(334px + env(safe-area-inset-top,0px));
 }
 html.haggl-installed-app body.home-status-map-active .home-map-topbar-v53{
  padding-top:calc(7px + env(safe-area-inset-top,0px))!important;
 }
}


/* Phase 5.19.1 — Pickup/Destination card + ETA/Price ride preferences upgrade */
.pickup-destination-card-v520{
 position:relative;
 display:grid;
 gap:0;
 padding:0;
 border:1px solid #e8e6f0;
 border-radius:24px;
 background:#fff;
 overflow:visible;
 box-shadow:0 12px 30px rgba(31,29,76,.06);
}
.pickup-destination-card-v520 .route-divider-v520{
 display:block;
 height:1px;
 margin:0 20px 0 82px;
 background:#eceaf3;
}
.inline-address-card-v520{
 position:relative;
 display:grid;
 grid-template-columns:70px minmax(0,1fr) 58px;
 gap:14px;
 align-items:center;
 min-height:126px;
 padding:18px 18px 18px 20px;
 background:#fff;
 overflow:visible;
}
.inline-address-card-v520:first-child{border-radius:24px 24px 0 0}
.inline-address-card-v520:last-of-type{border-radius:0 0 24px 24px}
.inline-address-card-v520 label{gap:8px}
.inline-address-card-v520 label small{
 font-size:12px;
 letter-spacing:.07em;
 text-transform:uppercase;
 font-weight:850;
 color:#7b4df0;
}
.inline-address-card-v520.dropoff label small{color:#377cf5}
.inline-address-card-v520 textarea{
 height:auto;
 min-height:56px;
 max-height:72px;
 font-size:17px;
 line-height:1.18;
 font-weight:900;
 color:#111528;
}
.pd-icon-orbit-v520{
 width:62px;
 height:62px;
 border-radius:50%;
 display:grid;
 place-items:center;
 color:#fff;
 box-shadow:0 10px 24px rgba(95,63,235,.18);
}
.pd-icon-orbit-v520.pickup{background:linear-gradient(135deg,#8d3bff 0%,#6048ee 100%)}
.pd-icon-orbit-v520.dropoff{background:linear-gradient(135deg,#3f8eff 0%,#2665f6 100%)}
.pd-icon-orbit-v520 svg{width:28px;height:28px;stroke-width:2}
.pd-action-btn-v520{
 width:52px;
 height:52px;
 border:1px solid #e6e3f2;
 border-radius:18px;
 background:#fff;
 color:#714cf0;
 box-shadow:0 8px 18px rgba(31,29,76,.05);
}
.pd-action-btn-v520 svg{width:22px;height:22px}
.pd-connector-v520{
 position:absolute;
 left:49px;
 top:80px;
 width:0;
 height:48px;
 border-left:4px dotted #d8ccfb;
 pointer-events:none;
}
.inline-address-card-v520.suggestions-open{box-shadow:inset 0 0 0 1.5px rgba(102,70,245,.45)}
.home-preferences-v520 .home-module-title{display:flex;flex-direction:column;gap:3px}
.home-preferences-v520 .home-module-title p{margin:0;color:#7d8294;font-size:11px;line-height:1.35}
.rider-home-v53 .home-category-grid-v520{
 display:grid;
 grid-template-columns:repeat(4,minmax(0,1fr));
 gap:10px;
 overflow:visible;
 padding:0;
}
.rider-home-v53 .home-category-grid-v520 .home-category-v520{
 min-width:0;
 min-height:178px;
 padding:11px 8px 13px;
 border-radius:20px;
 border:1.5px solid #ebe9f2;
 box-shadow:0 8px 20px rgba(31,29,76,.045);
 align-items:flex-start;
 text-align:left;
}
.rider-home-v53 .home-category-grid-v520 .home-category-v520.selected{
 border-color:#7a56f1;
 box-shadow:0 0 0 2px rgba(122,86,241,.09),0 12px 24px rgba(91,66,237,.09);
}
.rider-home-v53 .home-category-grid-v520 .home-category-v520 img{
 width:100%;
 height:58px;
 margin:6px 0 10px;
 object-fit:contain;
}
.rider-home-v53 .home-category-grid-v520 .home-category-v520 strong{
 font-size:12px;
 line-height:1.1;
 font-weight:900;
 color:#171a2d;
}
.rider-home-v53 .home-category-grid-v520 .home-category-v520 .home-category-eta-v520{
 display:block;
 margin-top:8px;
 color:#7a7f92;
 font-size:10px;
 line-height:1.1;
}
.rider-home-v53 .home-category-grid-v520 .home-category-v520 .home-category-price-v520{
 display:block;
 margin-top:9px;
 color:#7349ee;
 font-size:12px;
 line-height:1;
 font-style:normal;
 font-weight:900;
}
.rider-home-v53 .home-category-grid-v520 .home-category-v520 .category-check{
 display:none;
 right:8px;
 top:8px;
 width:24px;
 height:24px;
 background:#7349ee;
}
.rider-home-v53 .home-category-grid-v520 .home-category-v520.selected .category-check{display:grid}
.rider-home-v53 .home-category-grid-v520 .home-category-v520 .category-check svg{width:13px;height:13px}
@media(max-width:390px){
 .pickup-destination-card-v520{border-radius:22px}
 .inline-address-card-v520{grid-template-columns:58px minmax(0,1fr) 48px;gap:10px;min-height:116px;padding:16px 14px 16px 16px}
 .pickup-destination-card-v520 .route-divider-v520{margin-left:70px;margin-right:16px}
 .pd-icon-orbit-v520{width:54px;height:54px}
 .pd-icon-orbit-v520 svg{width:24px;height:24px}
 .pd-action-btn-v520{width:46px;height:46px;border-radius:16px}
 .pd-action-btn-v520 svg{width:20px;height:20px}
 .inline-address-card-v520 textarea{font-size:15px;min-height:50px;max-height:66px}
 .pd-connector-v520{left:42px;top:72px;height:43px}
 .rider-home-v53 .home-category-grid-v520{gap:8px}
 .rider-home-v53 .home-category-grid-v520 .home-category-v520{min-height:164px;padding:10px 6px 12px;border-radius:18px}
 .rider-home-v53 .home-category-grid-v520 .home-category-v520 img{height:50px;margin:5px 0 8px}
 .rider-home-v53 .home-category-grid-v520 .home-category-v520 strong{font-size:11px}
 .rider-home-v53 .home-category-grid-v520 .home-category-v520 .home-category-eta-v520{font-size:9px;margin-top:7px}
 .rider-home-v53 .home-category-grid-v520 .home-category-v520 .home-category-price-v520{font-size:11px;margin-top:8px}
}


/* Phase 5.19.2 — Compact sizing correction for pickup/destination and ride preferences */
.pickup-destination-card-v520{border-radius:20px;box-shadow:0 10px 24px rgba(31,29,76,.05)}
.pickup-destination-card-v520 .route-divider-v520{margin:0 16px 0 68px}
.inline-address-card-v520{grid-template-columns:54px minmax(0,1fr) 44px;gap:12px;min-height:94px;padding:14px 14px 14px 14px}
.inline-address-card-v520:first-child{border-radius:20px 20px 0 0}
.inline-address-card-v520:last-of-type{border-radius:0 0 20px 20px}
.inline-address-card-v520 label{gap:4px}
.inline-address-card-v520 label small{font-size:10px;letter-spacing:.06em}
.inline-address-card-v520 textarea{min-height:40px;max-height:48px;font-size:14px;line-height:1.15}
.pd-icon-orbit-v520{width:46px;height:46px;box-shadow:0 7px 18px rgba(95,63,235,.14)}
.pd-icon-orbit-v520 svg{width:22px;height:22px}
.pd-action-btn-v520{width:42px;height:42px;border-radius:14px;box-shadow:0 5px 12px rgba(31,29,76,.04)}
.pd-action-btn-v520 svg{width:18px;height:18px}
.pd-connector-v520{left:36px;top:60px;height:34px;border-left-width:3px}
.home-preferences-v520 .home-module-title{gap:2px}
.home-preferences-v520 .home-module-title h2{font-size:13px}
.home-preferences-v520 .home-module-title p{font-size:9.5px;line-height:1.25}
.rider-home-v53 .home-preferences-v520{margin-top:18px}
.rider-home-v53 .home-category-grid-v520{gap:8px}
.rider-home-v53 .home-category-grid-v520 .home-category-v520{min-height:136px;padding:9px 7px 10px;border-radius:17px;box-shadow:0 6px 16px rgba(31,29,76,.038)}
.rider-home-v53 .home-category-grid-v520 .home-category-v520 img{height:40px;margin:4px 0 7px}
.rider-home-v53 .home-category-grid-v520 .home-category-v520 strong{font-size:11px}
.rider-home-v53 .home-category-grid-v520 .home-category-v520 .home-category-eta-v520{margin-top:6px;font-size:9px}
.rider-home-v53 .home-category-grid-v520 .home-category-v520 .home-category-price-v520{margin-top:6px;font-size:10.5px}
.rider-home-v53 .home-category-grid-v520 .home-category-v520 .category-check{width:21px;height:21px;right:7px;top:7px}
.rider-home-v53 .home-category-grid-v520 .home-category-v520 .category-check svg{width:11px;height:11px}
@media(max-width:390px){
 .pickup-destination-card-v520{border-radius:18px}
 .pickup-destination-card-v520 .route-divider-v520{margin-left:62px;margin-right:14px}
 .inline-address-card-v520{grid-template-columns:50px minmax(0,1fr) 40px;gap:10px;min-height:88px;padding:12px 12px 12px 12px}
 .inline-address-card-v520:first-child{border-radius:18px 18px 0 0}
 .inline-address-card-v520:last-of-type{border-radius:0 0 18px 18px}
 .inline-address-card-v520 textarea{min-height:36px;max-height:44px;font-size:13px}
 .pd-icon-orbit-v520{width:42px;height:42px}
 .pd-icon-orbit-v520 svg{width:20px;height:20px}
 .pd-action-btn-v520{width:38px;height:38px;border-radius:13px}
 .pd-action-btn-v520 svg{width:17px;height:17px}
 .pd-connector-v520{left:34px;top:56px;height:31px}
 .home-preferences-v520 .home-module-title h2{font-size:12.5px}
 .home-preferences-v520 .home-module-title p{font-size:9px}
 .rider-home-v53 .home-category-grid-v520{gap:7px}
 .rider-home-v53 .home-category-grid-v520 .home-category-v520{min-height:128px;padding:8px 6px 9px;border-radius:16px}
 .rider-home-v53 .home-category-grid-v520 .home-category-v520 img{height:36px;margin:3px 0 6px}
 .rider-home-v53 .home-category-grid-v520 .home-category-v520 strong{font-size:10.5px}
 .rider-home-v53 .home-category-grid-v520 .home-category-v520 .home-category-eta-v520{font-size:8.5px;margin-top:5px}
 .rider-home-v53 .home-category-grid-v520 .home-category-v520 .home-category-price-v520{font-size:10px;margin-top:5px}
}


/* Phase 5.19.4 — Apply only the refined nearby-pickup badge and input icon treatment */
.map-eta-v524{
 right:17px;
 bottom:34px;
 width:auto;
 min-width:242px;
 max-width:min(78vw,310px);
 min-height:72px;
 padding:10px 14px;
 border-radius:999px;
 display:flex;
 flex-direction:row;
 align-items:center;
 justify-content:flex-start;
 gap:12px;
 text-align:left;
 color:#1e2236;
 box-shadow:0 14px 28px rgba(24,27,54,.12);
}
.map-eta-v524 .map-eta-icon-v524{
 width:46px;
 height:46px;
 border-radius:14px;
 background:linear-gradient(135deg,#f2ecff,#ece8ff);
 color:#7448f0;
 display:grid;
 place-items:center;
 flex:0 0 auto;
}
.map-eta-v524 .map-eta-icon-v524 svg{width:22px;height:22px;stroke-width:1.9}
.map-eta-v524 .map-eta-copy-v524{display:flex;flex-direction:column;min-width:0}
.map-eta-v524 .map-eta-inline-v524{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;min-width:0}
.map-eta-v524 small{font-size:12px;font-weight:850;color:#262a3e;line-height:1.1;white-space:nowrap}
.map-eta-v524 strong{font-size:17px;line-height:1.05;font-weight:900;letter-spacing:-.03em;color:#6b47f0;white-space:nowrap;margin:0}
.map-eta-v524 em{font-size:9.5px;line-height:1.2;font-style:normal;color:#8a8fa1;margin-top:3px}
.pd-icon-orbit-v520{
 width:56px;
 height:56px;
 border-radius:999px;
 background:#fff;
 color:#744af0;
 box-shadow:0 10px 24px rgba(27,31,60,.06);
 border:1px solid rgba(237,238,245,.95);
}
.pd-icon-orbit-v520.pickup{background:#fff;color:#744af0}
.pd-icon-orbit-v520.dropoff{background:#fff;color:#2d7cf5}
.pd-icon-orbit-v520 svg{width:24px;height:24px;stroke-width:2.1}
.pd-connector-v520{
 left:41px;
 top:58px;
 width:8px;
 height:42px;
 border-left:0;
 background:radial-gradient(circle, rgba(116,74,240,.92) 0 32%, transparent 37%) center top/8px 13px repeat-y;
 opacity:.58;
}
.inline-address-card-v520.dropoff .pd-connector-v520,.inline-address-card-v520 .pd-connector-v520{filter:none}
@media(max-width:390px){
 .map-eta-v524{right:13px;bottom:31px;min-width:220px;min-height:68px;padding:9px 12px;gap:10px}
 .map-eta-v524 .map-eta-icon-v524{width:42px;height:42px;border-radius:13px}
 .map-eta-v524 .map-eta-icon-v524 svg{width:20px;height:20px}
 .map-eta-v524 small{font-size:11px}
 .map-eta-v524 strong{font-size:16px}
 .map-eta-v524 em{font-size:9px}
 .pd-icon-orbit-v520{width:52px;height:52px}
 .pd-icon-orbit-v520 svg{width:22px;height:22px}
 .pd-connector-v520{left:38px;top:54px;height:38px;background-size:8px 12px}
}


/* Phase 5.19.5 — Remove Nearby pickup ETA badge from map */
.home-map-hero-v53 .map-eta-v53,
.home-map-hero-v53 .map-eta-v524{display:none!important}


/* Phase 5.19.6 — Active running-light route animation (Concept A) */
.map-route-line-v53{
 border-left-width:5px;
 border-bottom-width:5px;
 border-left-color:#7a53f1;
 border-bottom-color:#4f69f4;
 filter:drop-shadow(0 4px 10px rgba(88,76,235,.16));
}
.map-route-line-v53:after{
 border-right-width:5px;
 border-top-width:5px;
 border-right-color:#2d8cf7;
 border-top-color:#4c6df4;
}
.map-route-line-v53:before{
 content:"";
 position:absolute;
 left:-7px;
 top:-6px;
 width:calc(100% + 12px);
 height:calc(100% + 12px);
 border-left:5px solid rgba(190,177,255,.22);
 border-bottom:5px solid rgba(131,172,255,.18);
 border-radius:0 0 0 31px;
 pointer-events:none;
 filter:blur(3px);
}
.map-route-runner-v596{
 position:absolute;
 z-index:4;
 width:18px;
 height:18px;
 border-radius:50%;
 background:radial-gradient(circle, rgba(255,255,255,.98) 0 18%, rgba(147,251,255,.96) 28%, rgba(86,215,255,.95) 47%, rgba(123,93,255,.72) 66%, rgba(123,93,255,0) 82%);
 box-shadow:0 0 16px rgba(115,228,255,.95),0 0 28px rgba(126,99,255,.48);
 transform:translate(-50%,-50%);
 animation:routeRunnerV596 2.9s linear infinite;
}
@keyframes routeRunnerV596{
 0%{left:31%;top:36%;opacity:0;transform:translate(-50%,-50%) scale(.72)}
 6%{opacity:1}
 20%{left:31%;top:45%}
 34%{left:30%;top:56%}
 52%{left:41%;top:56.5%}
 68%{left:54%;top:56.5%}
 80%{left:62%;top:56.5%}
 90%{left:68%;top:51%}
 96%{left:70%;top:44%}
 100%{left:70.5%;top:39%;opacity:0;transform:translate(-50%,-50%) scale(.92)}
}
@media(prefers-reduced-motion:reduce){.map-route-runner-v596{animation:none;opacity:.9;left:54%;top:56.5%}}


/* Phase 5.20.0 — Account page Concept B (modern card + gradient) */
.account-page-v520.headerless-page-v515{
 background:linear-gradient(180deg,#f4f5fb 0%,#f7f7fc 220px,#f7f7fc 100%);
 padding:calc(8px + var(--safeTop)) 15px 28px;
}
.account-page-v520 .headerless-page-title-v515{display:none}
.account-hero-v520{
 position:relative;overflow:hidden;display:flex;align-items:flex-start;justify-content:space-between;gap:14px;
 padding:18px 18px 16px;border-radius:24px;background:linear-gradient(135deg,#7a4ef2 0%,#5d5bf1 46%,#3e7cf5 100%);
 color:#fff;box-shadow:0 18px 36px rgba(67,78,215,.24);margin-bottom:16px;
}
.account-hero-v520:before,.account-hero-v520:after{content:"";position:absolute;border-radius:50%;pointer-events:none}
.account-hero-v520:before{width:220px;height:220px;right:-90px;top:-115px;background:radial-gradient(circle,rgba(255,255,255,.18),rgba(255,255,255,0) 68%)}
.account-hero-v520:after{width:210px;height:210px;left:44%;bottom:-150px;background:radial-gradient(circle,rgba(255,255,255,.10),rgba(255,255,255,0) 70%)}
.account-hero-copy-v520{position:relative;z-index:1;min-width:0}
.account-hero-copy-v520 small{display:block;font-size:11px;line-height:1.2;font-weight:700;opacity:.95}
.account-hero-copy-v520 h1{margin:6px 0 8px;font-size:29px;line-height:1;font-weight:900;letter-spacing:-.04em;color:#fff}
.account-hero-copy-v520 p{margin:0;max-width:180px;font-size:12px;line-height:1.45;color:rgba(255,255,255,.88)}
.account-hero-avatar-wrap-v520{position:relative;z-index:1;flex:0 0 auto;width:66px;height:66px;border:0;background:transparent;padding:0;display:grid;place-items:center}
.account-avatar-v520b{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;font-size:19px;font-weight:900;color:#81869a;background:rgba(255,255,255,.96);box-shadow:0 8px 22px rgba(31,34,74,.18)}
.account-avatar-edit-v520{position:absolute;right:-2px;bottom:-1px;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#7a52f2;box-shadow:0 6px 16px rgba(26,28,61,.15)}
.account-avatar-edit-v520 svg{width:12px;height:12px}
.account-section-v520{margin-top:12px}
.account-section-title-v520{display:flex;align-items:center;gap:8px;margin:0 4px 8px}
.account-section-title-v520 h2{margin:0;font-size:10px;line-height:1;text-transform:uppercase;letter-spacing:.095em;font-weight:900;color:#73788b}
.account-section-accent-v520{width:3px;height:14px;border-radius:999px;background:#7650f1;flex:0 0 auto}
.account-section-title-v520.account .account-section-accent-v520{background:#4987f5}
.account-section-title-v520.ride .account-section-accent-v520{background:#39b96a}
.account-section-title-v520.support .account-section-accent-v520{background:#ff9817}
.account-section-title-v520.session .account-section-accent-v520{background:#f24848}
.account-settings-group-v520{overflow:hidden;border-radius:20px;background:#fff;border:1px solid rgba(31,35,72,.06);box-shadow:0 10px 26px rgba(28,31,70,.055)}
.account-row-v520{width:100%;min-height:64px;padding:12px 14px;border:0;border-bottom:1px solid #edf0f5;display:grid;grid-template-columns:36px minmax(0,1fr) auto 16px;align-items:center;column-gap:12px;background:#fff;text-align:left;color:#202338}
.account-row-v520:last-child{border-bottom:0}
.account-row-v520:active{background:linear-gradient(90deg,rgba(118,80,241,.05),rgba(62,124,245,.03))}
.account-row-icon-v520{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:#f3efff;color:#7a4df2}
.account-row-icon-v520.account{background:#edf4ff;color:#4080f5}
.account-row-icon-v520.ride{background:#ecfaf1;color:#33b862}
.account-row-icon-v520.support{background:#fff5e8;color:#ff9817}
.account-row-icon-v520.session{background:#fff0f0;color:#ef4545}
.account-row-icon-v520 svg{width:18px;height:18px;stroke-width:1.85}
.account-row-v520 .list-copy{min-width:0}.account-row-v520 .list-copy strong{display:block;font-size:12px;line-height:1.22;color:#21233a}.account-row-v520 .list-copy small{display:block;margin-top:3px;font-size:9.2px;line-height:1.35;color:#8b90a1;white-space:normal}
.account-row-meta-v520{display:flex;align-items:center;justify-content:flex-end;min-width:0}
.account-row-badge-v520{min-width:22px;height:22px;padding:0 7px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:900;color:#7b52f2;background:#f1eaff}
.account-row-badge-v520.support{color:#fff;background:#ff9817}
.account-row-status-v520{padding:4px 9px;border-radius:999px;font-size:9px;font-weight:800;color:#677085;background:#eef2f7}
.account-row-status-v520.verified{color:#2d9b54;background:#e9f8ee}
.account-row-v520 .chev{display:grid;place-items:center;color:#8d73ef}.account-row-v520 .chev svg{width:15px;height:15px}.account-row-v520 .chev.hidden{opacity:0}
.account-signout-v520 .list-copy strong{color:#ef4545}.account-signout-v520 .list-copy small{color:#a19090}
@media(max-width:390px){
 .account-page-v520.headerless-page-v515{padding-left:12px;padding-right:12px;padding-bottom:24px}
 .account-hero-v520{padding:16px;border-radius:22px}
 .account-hero-copy-v520 h1{font-size:27px}
 .account-hero-copy-v520 p{font-size:11.5px;max-width:165px}
 .account-hero-avatar-wrap-v520{width:60px;height:60px}.account-avatar-v520b{width:56px;height:56px;font-size:17px}
 .account-row-v520{min-height:60px;padding:11px 12px;grid-template-columns:34px minmax(0,1fr) auto 14px;column-gap:10px}
 .account-row-icon-v520{width:34px;height:34px}
}

/* Phase 5.21.0 — Rides, Messages and Wallet production polish */
.rides-page-v521,.messages-page-v521,.wallet-page-v521{padding-bottom:28px}
.rides-summary-v521{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:4px 0 18px}
.rides-summary-v521>div{padding:12px 10px;border:1px solid #e9e9f2;border-radius:15px;background:#fff;box-shadow:0 6px 18px rgba(31,29,76,.04)}
.rides-summary-v521 small{display:block;color:#8b8fa0;font-size:8.5px}.rides-summary-v521 strong{display:block;margin-top:5px;font-size:18px;color:#23253a}
.rides-section-v521 .section-head span{min-width:24px;height:24px;border-radius:999px;background:#f0ebff;color:#7049ea;display:grid;place-items:center;font-size:9px;font-weight:900}
.rides-card-list-v521{overflow:hidden;border:1px solid #e8e8f0;border-radius:19px;background:#fff;box-shadow:0 9px 25px rgba(31,29,76,.045)}
.ride-history-card-v521{width:100%;min-height:93px;padding:13px 14px;border:0;border-bottom:1px solid #eeeeF4;background:#fff;display:grid;grid-template-columns:43px minmax(0,1fr) auto;gap:12px;align-items:center;text-align:left}
.ride-history-card-v521:last-child{border-bottom:0}.ride-history-card-v521:active{background:#faf9ff}
.ride-route-icon-v521{width:43px;height:43px;border-radius:14px;background:#f0ebff;color:#7049ea;display:grid;place-items:center}.ride-route-icon-v521 svg{width:21px}
.ride-history-copy-v521{min-width:0}.ride-history-copy-v521 small{display:block;font-size:8.5px;color:#8c90a0}.ride-history-copy-v521 strong{display:block;margin-top:4px;font-size:12px;line-height:1.3;color:#24263a}.ride-history-copy-v521 em{display:block;margin-top:4px;font-size:8.7px;font-style:normal;color:#838899;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ride-history-copy-v521 em b{color:#62677a}
.ride-history-side-v521{display:grid;grid-template-columns:auto 15px;gap:6px 8px;align-items:center;justify-items:end}.ride-history-side-v521>strong{grid-column:1/3;font-size:13px;color:#24263a}.ride-history-side-v521 .pill{font-size:8px}.ride-history-side-v521>svg{width:14px;color:#8c72ed}
.rides-empty-v521{border:0}
.messages-toolbar-v521{display:flex;align-items:center;gap:9px;margin:4px 0 14px}.messages-toolbar-v521>span{min-width:78px;padding:10px 12px;border-radius:14px;background:#fff;border:1px solid #e9e8f1}.messages-toolbar-v521 strong{display:block;font-size:15px;color:#24263a}.messages-toolbar-v521 small{display:block;margin-top:2px;font-size:8px;color:#8b8fa0}.messages-toolbar-v521 button{margin-left:auto;border:0;background:#f0ebff;color:#7049ea;border-radius:12px;padding:10px 12px;font-size:9px;font-weight:850;display:flex;align-items:center;gap:5px}.messages-toolbar-v521 button svg{width:14px}
.messages-list-v521{display:flex;flex-direction:column;gap:9px}.message-thread-v521{width:100%;min-height:78px;padding:12px;border:1px solid #e8e8f1;border-radius:17px;background:#fff;box-shadow:0 7px 20px rgba(31,29,76,.04);display:grid;grid-template-columns:45px minmax(0,1fr) auto;gap:11px;align-items:center;text-align:left}.message-thread-v521.unread{border-color:#d9ceff;background:linear-gradient(90deg,#fff,#fbf9ff)}
.message-avatar-v521{position:relative;width:45px;height:45px;border-radius:15px;background:linear-gradient(135deg,#ece7ff,#eaf1ff);color:#6747e8;display:grid;place-items:center;font-size:13px;font-weight:900}.message-avatar-v521 i{position:absolute;right:-2px;top:-2px;width:9px;height:9px;border-radius:50%;background:#7249ee;border:2px solid #fff}
.message-thread-copy-v521{min-width:0}.message-thread-copy-v521 strong{display:block;font-size:12px;color:#23253a}.message-thread-copy-v521 small{display:block;margin-top:4px;font-size:9px;color:#5f6477;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.message-thread-copy-v521 em{display:block;margin-top:3px;font-size:8px;font-style:normal;color:#9296a6}
.message-thread-side-v521{display:flex;align-items:center;gap:7px}.message-thread-side-v521 b{min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:#7149eb;color:#fff;display:grid;place-items:center;font-size:9px}.message-thread-side-v521 svg{width:14px;color:#8d73ed}
.chat-summary-v521{display:flex;align-items:center;gap:11px;padding:11px;border-radius:16px;background:linear-gradient(135deg,#f3efff,#f0f5ff);margin-bottom:12px}.chat-avatar-v521{width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,#7751ed,#4082f5);color:#fff;display:grid;place-items:center;font-weight:900}.chat-summary-v521 span:last-child{min-width:0}.chat-summary-v521 small{display:block;font-size:8px;color:#868b9c}.chat-summary-v521 strong{display:block;margin-top:2px;font-size:12px;color:#24263a}.chat-summary-v521 em{display:block;margin-top:2px;font-size:8px;font-style:normal;color:#777c8e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chat-timeline-v521{max-height:38vh;overflow-y:auto;padding:6px 2px 10px;display:flex;flex-direction:column;gap:8px}.chat-bubble-v521{position:relative;max-width:82%;padding:10px 12px;border-radius:16px;background:#f2f3f7;color:#25273a}.chat-bubble-v521.mine{align-self:flex-end;background:linear-gradient(135deg,#7350ed,#526cf3);color:#fff;border-bottom-right-radius:5px}.chat-bubble-v521.theirs{align-self:flex-start;border-bottom-left-radius:5px}.chat-bubble-v521 strong{display:block;font-size:8px;opacity:.78}.chat-bubble-v521 p{margin:4px 0 0;font-size:11px;line-height:1.35}.chat-bubble-v521 time{display:block;margin-top:5px;font-size:7.5px;opacity:.7;text-align:right}
.quick-replies-v521{display:flex;gap:7px;overflow-x:auto;padding:3px 0 9px;scrollbar-width:none}.quick-replies-v521::-webkit-scrollbar{display:none}.quick-replies-v521 button{flex:0 0 auto;border-color:#ddd4ff;color:#6546df;background:#fff;padding:8px 11px;border-radius:999px;font-size:9px}
.chat-composer-v521{display:grid;grid-template-columns:minmax(0,1fr) 46px;gap:8px;align-items:end;padding-top:8px;border-top:1px solid #ececf3}.chat-composer-v521 textarea{width:100%;min-height:46px;max-height:100px;resize:none;border:1px solid #e3e3ec;border-radius:15px;background:#f8f8fb;padding:13px;font:inherit;font-size:11px;outline:0}.chat-composer-v521 textarea:focus{border-color:#9279f4;box-shadow:0 0 0 3px rgba(112,73,235,.09)}.chat-composer-v521 button{width:46px;height:46px;border:0;border-radius:15px;background:linear-gradient(135deg,#744ded,#467bf4);color:#fff;display:grid;place-items:center;box-shadow:0 9px 20px rgba(86,71,225,.23)}.chat-composer-v521 button svg{width:20px}
.wallet-hero-v521{position:relative;overflow:hidden;margin-top:4px;padding:20px;border-radius:23px;background:linear-gradient(135deg,#744ced 0%,#5860f1 52%,#367ff5 100%);color:#fff;box-shadow:0 17px 36px rgba(67,76,217,.24)}.wallet-hero-orb-v521{position:absolute;width:220px;height:220px;border-radius:50%;right:-105px;top:-115px;background:rgba(255,255,255,.13)}.wallet-hero-v521 .eyebrow{position:relative;display:block;font-size:9px;letter-spacing:.14em;text-transform:uppercase;font-weight:850;color:rgba(255,255,255,.8)}.wallet-hero-v521 h1{position:relative;margin:10px 0 6px;font-size:36px;letter-spacing:-.05em;color:#fff}.wallet-hero-v521 p{position:relative;margin:0;font-size:10px;color:rgba(255,255,255,.82)}.wallet-actions-v521{position:relative;display:flex;gap:8px;margin-top:17px}.wallet-actions-v521 button{border:0;border-radius:12px;background:rgba(255,255,255,.94);color:#4d45c9;padding:10px 12px;font-size:9px;font-weight:850;display:flex;align-items:center;gap:6px}.wallet-actions-v521 button svg{width:15px}
.wallet-stats-v521{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:12px 0 17px}.wallet-stats-v521>div{display:flex;align-items:center;gap:9px;padding:12px;border:1px solid #e9e8f1;border-radius:15px;background:#fff}.wallet-stats-v521>div>svg{width:20px;color:#714bea}.wallet-stats-v521 strong{display:block;font-size:12px;color:#24263a}.wallet-stats-v521 small{display:block;margin-top:2px;font-size:8px;color:#8b8fa0}
.wallet-section-v521 .section-head button{border:0;background:none;color:#6d4bea;font-size:9px;font-weight:850}.wallet-methods-v521{overflow:hidden;border:1px solid #e8e8f1;border-radius:18px;background:#fff}.wallet-method-v521{min-height:70px;padding:12px;display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:10px;align-items:center;border-bottom:1px solid #eeeeF4}.wallet-method-v521:last-child{border-bottom:0}.wallet-method-icon-v521{width:40px;height:40px;border-radius:13px;background:#f0ebff;color:#7049eb;display:grid;place-items:center}.wallet-method-icon-v521 svg{width:20px}.wallet-method-actions-v521{display:flex;align-items:center;gap:5px}.wallet-empty-v521{border:0}.wallet-empty-v521 .primary-btn{margin-top:12px}
.wallet-security-v521{margin-top:15px;padding:13px;border:1px solid #e4e2f2;border-radius:15px;background:linear-gradient(135deg,#faf9ff,#f5f7ff);display:flex;align-items:flex-start;gap:10px}.wallet-security-v521>svg{width:19px;color:#714bea;flex:0 0 auto}.wallet-security-v521 strong{display:block;font-size:10px;color:#292b40}.wallet-security-v521 small{display:block;margin-top:3px;font-size:8.5px;color:#858a9c;line-height:1.4}
@media(max-width:390px){.ride-history-card-v521{grid-template-columns:40px minmax(0,1fr) auto;padding:11px}.ride-route-icon-v521{width:40px;height:40px}.message-thread-v521{grid-template-columns:42px minmax(0,1fr) auto;padding:10px}.message-avatar-v521{width:42px;height:42px}.wallet-hero-v521{padding:18px}.wallet-hero-v521 h1{font-size:33px}}


/* Phase 5.21.1 — Compact secondary sheets and payment CTA correction */
.modal:has(.payment-add-card-v517){padding-left:16px;padding-right:16px}
.payment-add-card-v517{padding:12px;border-radius:18px}
.payment-add-card-v517 .sheet-compose-head-v516{margin-bottom:10px}
.payment-add-card-v517 .sheet-primary-v516{
 width:auto;
 min-width:172px;
 min-height:48px;
 margin:4px auto 0;
 padding:0 22px;
 border-radius:14px;
 font-size:11px;
 box-shadow:0 10px 22px rgba(81,72,222,.20);
}
.payment-add-card-v517 .sheet-primary-v516 svg{width:17px;height:17px}
.payment-brand-grid-v517{gap:7px}
.payment-brand-grid-v517 label span{min-height:42px;padding:8px 6px}
.payment-last4-v517{min-height:54px}
.payment-last4-v517 input{font-size:22px}
.modal:has(.trip-card) .trip-card{padding:13px;border-radius:17px}
.modal:has(.trip-card) .trip-meta{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.modal:has(.trip-card) .trip-meta div{padding:9px 8px}
.modal:has(.trip-card) .button-row:empty{display:none}
.modal:has(.trip-card) .button-row{margin-top:11px!important}
.modal:has(.trip-card) .button-row .secondary-btn:only-child{display:none}
.modal:has(.card .empty) .empty{padding:22px 16px}
.modal:has(.card .empty) .empty h3{font-size:15px}
.modal:has(.card .empty) .empty p{max-width:300px;margin-left:auto;margin-right:auto}
@media(max-width:390px){
 .payment-add-card-v517 .sheet-primary-v516{min-width:154px;min-height:46px;padding:0 18px}
 .modal:has(.trip-card) .trip-meta{grid-template-columns:repeat(3,minmax(0,1fr))}
 .modal:has(.trip-card) .trip-meta strong{font-size:11px}
}


/* Phase 5.21.2 — Balanced purple date & time picker */
.date-time-modal-v58{max-width:430px;padding-left:16px;padding-right:16px;padding-bottom:calc(16px + var(--safeBottom));background:#fbfbfd}
.date-time-modal-v58 .modal-head{margin-bottom:10px}
.date-time-modal-v58 .modal-head h2{font-size:23px;color:#171a2d}
.date-time-modal-v58 .close-btn{width:38px;height:38px;border-radius:13px;background:#f2f3f7;color:#24273a;box-shadow:none}
.date-time-picker-v5212{gap:10px}
.dt-tabs-v5212{padding:4px;border:1px solid #e5e6ed;border-radius:14px;background:#f4f5f8}
.dt-tabs-v5212 button{height:40px;border-radius:11px;color:#6f7485;font-size:11.5px;box-shadow:none}
.dt-tabs-v5212 button.active{background:#fff;color:#6747e8;box-shadow:0 5px 14px rgba(31,35,72,.07)}
.dt-tabs-v5212 button svg{color:currentColor}
.dt-summary-v5212{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.dt-summary-v5212>div{position:relative;min-width:0;padding:11px 12px 11px 42px;border:1px solid #e7e8ef;border-radius:14px;background:#fff}
.dt-summary-v5212>div>span{position:absolute;left:11px;top:50%;transform:translateY(-50%);width:24px;height:24px;border-radius:8px;display:grid;place-items:center;background:#f3f0fd;color:#6a49e8}
.dt-summary-v5212>div>span svg{width:14px;height:14px}
.dt-summary-v5212 small{display:block;font-size:7.8px;line-height:1.1;color:#9296a5;text-transform:uppercase;letter-spacing:.07em;font-weight:800}
.dt-summary-v5212 strong{display:block;margin-top:4px;font-size:10.5px;line-height:1.25;color:#25283b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dt-panel-v5212{border:1px solid #e6e7ed;border-radius:16px;background:#fff;box-shadow:none;overflow:hidden}
.dt-panel-v5212.active{border-color:#dedbe9;box-shadow:0 7px 18px rgba(31,35,72,.045)}
.dt-panel-label-v5212{display:flex;align-items:center;justify-content:space-between;padding:10px 13px 0}
.dt-panel-label-v5212 span{font-size:10px;font-weight:900;color:#34374a}
.dt-panel-label-v5212 small{font-size:8px;color:#9a9dab}
.dt-panel-v5212 .dt-wheel-grid-v58{height:164px;padding:0 8px}
.dt-panel-v5212 .dt-wheel-column-v58{height:164px;padding:62px 2px}
.dt-panel-v5212 .dt-wheel-grid-v58:before,.dt-panel-v5212 .dt-wheel-grid-v58:after{left:9px;right:9px;height:40px}
.dt-panel-v5212 .dt-wheel-grid-v58:before{background:#f6f4fb;border-radius:10px}
.dt-panel-v5212 .dt-wheel-grid-v58:after{border-top-color:#ece9f2;border-bottom-color:#ece9f2}
.dt-panel-v5212 .dt-wheel-option-v58{height:40px;font-size:13px;color:#a0a3af;font-weight:650}
.dt-panel-v5212 .dt-wheel-option-v58.selected{color:#5f42d9;font-size:15px;font-weight:900}
.dt-panel-v5212 .dt-time-colon-v58{font-size:16px;color:#3a3d50}
.dt-actions-v5212{grid-template-columns:1fr 1fr 112px;gap:7px;padding-top:2px}
.dt-actions-v5212 button{height:46px;border-radius:13px;font-size:11.5px}
.dt-actions-v5212 .dt-clear-v58,.dt-actions-v5212 .dt-cancel-v58{color:#5f6476;background:#f2f3f7}
.dt-actions-v5212 .dt-set-v58{background:linear-gradient(135deg,#7048ea,#5268ef)!important;color:#fff!important;box-shadow:0 9px 20px rgba(91,70,220,.20)}
@media(max-width:390px){
 .date-time-modal-v58{padding-left:12px;padding-right:12px}
 .date-time-modal-v58 .modal-head h2{font-size:21px}
 .dt-summary-v5212{gap:6px}
 .dt-summary-v5212>div{padding-left:38px;padding-right:9px}
 .dt-summary-v5212>div>span{left:9px}
 .dt-summary-v5212 strong{font-size:9.8px}
 .dt-panel-v5212 .dt-wheel-grid-v58{height:154px}
 .dt-panel-v5212 .dt-wheel-column-v58{height:154px;padding:57px 1px}
 .dt-panel-v5212 .dt-wheel-option-v58{font-size:12px}
 .dt-panel-v5212 .dt-wheel-option-v58.selected{font-size:14px}
 .dt-actions-v5212{grid-template-columns:1fr 1fr 104px}
}


/* Phase 5.22.0 — Haggl self-hosted vector map (no third-party map API) */
.haggl-map-home-v522{background:#eaf1f7}
.haggl-map-home-v522>.home-map-shade-v53{z-index:2}
.haggl-map-surface-v522{position:absolute;inset:0;overflow:hidden;background:#eaf1f7;touch-action:none;cursor:grab;isolation:isolate}
.haggl-map-surface-v522.dragging{cursor:grabbing}
.haggl-map-canvas-v522{position:absolute;inset:-22%;transform-origin:center center;will-change:transform;transition:transform .18s ease-out}
.haggl-map-surface-v522.dragging .haggl-map-canvas-v522{transition:none}
.haggl-map-art-v522{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;user-select:none;-webkit-user-drag:none;filter:saturate(.92) contrast(.98)}
.haggl-map-route-v522{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.haggl-map-route-shadow-v522{fill:none;stroke:rgba(91,72,212,.18);stroke-width:20;stroke-linecap:round;filter:blur(9px)}
.haggl-map-route-base-v522{fill:none;stroke:url(#hagglRouteGradient);stroke-width:10;stroke-linecap:round;stroke-linejoin:round}
.haggl-map-route-light-v522{fill:none;stroke:#b8fbff;stroke-width:6;stroke-linecap:round;stroke-dasharray:12 88;stroke-dashoffset:0;filter:drop-shadow(0 0 8px #68e9ff) drop-shadow(0 0 15px rgba(106,94,255,.65));animation:hagglMapFlowV522 2.8s linear infinite}
@keyframes hagglMapFlowV522{to{stroke-dashoffset:-100}}
.haggl-map-pin-v522 circle:first-child{fill:rgba(116,72,238,.16);stroke:none}
.haggl-map-pin-v522.pickup path{fill:#7548ee;stroke:#fff;stroke-width:3}.haggl-map-pin-v522.pickup circle:last-child{fill:#fff;stroke:none}
.haggl-map-pin-v522.destination circle:first-child{fill:#fff;stroke:#2685f5;stroke-width:8}.haggl-map-pin-v522.destination circle:last-child{fill:#2685f5;stroke:none}
.haggl-map-offline-v522{position:absolute;z-index:5;left:14px;bottom:14px;display:flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid rgba(255,255,255,.75);border-radius:999px;background:rgba(255,255,255,.88);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 8px 22px rgba(32,36,70,.12);color:#5f6678;font-size:8px;font-weight:800;letter-spacing:.02em}
.haggl-map-offline-v522 i,.haggl-map-local-badge-v522 i{width:7px;height:7px;border-radius:50%;background:#39b76c;box-shadow:0 0 0 3px rgba(57,183,108,.13)}
.haggl-map-expand-v522{position:absolute;z-index:6;right:14px;bottom:14px;width:43px;height:43px;border:1px solid rgba(255,255,255,.8);border-radius:14px;background:rgba(255,255,255,.92);color:#6548ea;box-shadow:0 9px 24px rgba(30,34,63,.15);display:grid;place-items:center}.haggl-map-expand-v522 svg{width:20px;height:20px}
.home-map-topbar-v53{z-index:7}
.haggl-map-page-v522{position:relative;padding:calc(8px + var(--safeTop)) 12px calc(110px + var(--safeBottom));background:#f6f7fb;min-height:100vh}
.haggl-map-page-head-v522{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:11px;align-items:center;margin-bottom:12px}
.haggl-map-page-head-v522>button{width:42px;height:42px;border:1px solid #e8e8f0;border-radius:14px;background:#fff;color:#24273a;display:grid;place-items:center;box-shadow:0 7px 18px rgba(31,29,76,.05)}.haggl-map-page-head-v522>button svg{width:19px}
.haggl-map-page-head-v522 small{display:block;font-size:8px;font-weight:850;text-transform:uppercase;letter-spacing:.1em;color:#6d4bea}.haggl-map-page-head-v522 h1{margin:4px 0 0;font-size:24px;line-height:1;color:#202236;letter-spacing:-.04em}
.haggl-map-local-badge-v522{display:flex;align-items:center;gap:7px;padding:8px 11px;border-radius:999px;background:#fff;border:1px solid #e8e8f0;color:#657084;font-size:9px;font-weight:850}
.haggl-map-full-v522{position:relative;height:min(66vh,610px);min-height:430px;border:1px solid #e2e5eb;border-radius:24px;overflow:hidden;background:#eaf1f7;box-shadow:0 16px 36px rgba(30,34,70,.10)}
.haggl-map-full-v522 .haggl-map-surface-v522{position:absolute;inset:0}
.haggl-map-full-v522 .haggl-map-canvas-v522{inset:-10%}
.haggl-map-full-v522 .haggl-map-offline-v522{bottom:16px;left:16px;font-size:9px}
.haggl-map-controls-v522{position:absolute;z-index:8;right:14px;top:14px;display:flex;flex-direction:column;gap:7px}
.haggl-map-controls-v522 button{width:42px;height:42px;border:1px solid rgba(255,255,255,.82);border-radius:13px;background:rgba(255,255,255,.94);color:#4a4f63;display:grid;place-items:center;font-size:24px;font-weight:600;box-shadow:0 8px 20px rgba(30,34,63,.14)}.haggl-map-controls-v522 button svg{width:19px}
.haggl-map-route-card-v522{margin-top:12px;padding:13px 14px;border:1px solid #e8e8f1;border-radius:18px;background:#fff;box-shadow:0 8px 24px rgba(30,31,69,.045);display:grid;grid-template-columns:minmax(0,1fr) 26px minmax(0,1fr);gap:10px;align-items:center}
.haggl-map-route-card-v522>span{color:#6d4bea;display:grid;place-items:center}.haggl-map-route-card-v522>span svg{width:19px}.haggl-map-route-card-v522 small{display:block;font-size:8px;color:#8b8fa0}.haggl-map-route-card-v522 strong{display:block;margin-top:3px;font-size:10px;line-height:1.35;color:#25273a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.haggl-map-note-v522{margin-top:10px;padding:12px;border:1px solid #e5e3f2;border-radius:16px;background:linear-gradient(135deg,#faf9ff,#f5f8ff);display:flex;gap:10px;align-items:flex-start}.haggl-map-note-v522>svg{width:19px;color:#6d4bea;flex:0 0 auto}.haggl-map-note-v522 strong{display:block;font-size:10px;color:#292b40}.haggl-map-note-v522 small{display:block;margin-top:3px;font-size:8.5px;line-height:1.45;color:#858a9c}
@media(max-width:390px){.haggl-map-canvas-v522{inset:-27%}.haggl-map-full-v522{height:59vh;min-height:390px;border-radius:21px}.haggl-map-full-v522 .haggl-map-canvas-v522{inset:-14%}.haggl-map-page-v522{padding-left:10px;padding-right:10px}.haggl-map-route-card-v522{grid-template-columns:minmax(0,1fr) 22px minmax(0,1fr);padding:11px}.haggl-map-offline-v522{left:11px;bottom:11px}.haggl-map-expand-v522{right:11px;bottom:11px}}
@media(prefers-reduced-motion:reduce){.haggl-map-route-light-v522{animation:none;stroke-dasharray:none;opacity:.7}.haggl-map-canvas-v522{transition:none}}


/* Phase 5.22.1 — Custom Haggl wordmark in the home map header */
.map-brand-v53.map-brand-logo-v5221{
 width:106px;
 height:52px;
 padding:7px 11px;
 border-radius:17px;
 background:rgba(255,255,255,.94);
 border:1px solid rgba(255,255,255,.82);
 display:grid;
 place-items:center;
 box-shadow:0 9px 24px rgba(30,34,63,.12);
 backdrop-filter:blur(14px);
 -webkit-backdrop-filter:blur(14px);
}
.map-brand-logo-v5221 img{
 display:block;
 width:100%;
 max-width:84px;
 height:auto;
 max-height:39px;
 object-fit:contain;
}
@media(max-width:390px){
 .map-brand-v53.map-brand-logo-v5221{width:98px;height:48px;padding:7px 10px;border-radius:16px}
 .map-brand-logo-v5221 img{max-width:78px;max-height:35px}
}


/* Phase 5.23.0 — Full-site balanced light/dark appearance system */
.theme-toggle-v523{width:40px;height:23px;padding:3px;border-radius:999px;background:#d8dce5;display:block;transition:background .2s ease;box-shadow:inset 0 0 0 1px rgba(30,34,63,.05)}
.theme-toggle-v523 i{display:block;width:17px;height:17px;border-radius:50%;background:#fff;box-shadow:0 2px 7px rgba(20,24,42,.18);transition:transform .2s ease}
.theme-toggle-v523.active{background:linear-gradient(135deg,#7764ea,#4f80ed)}
.theme-toggle-v523.active i{transform:translateX(17px)}
.account-section-title-v520.appearance .account-section-accent-v520{background:#8173ee}
.account-row-icon-v520.appearance{background:#f0effa;color:#6960d9}

html[data-theme="dark"]{
 color-scheme:dark;
 --ink:#f3f6fc;--muted:#9ba5b8;--muted2:#738096;--line:#293244;--paper:#151b26;--bg:#0b0f17;
 --accent:#8d7cff;--accent2:#58a3ff;--accentSoft:#28233f;
 --green:#65d89b;--greenBg:#173429;--amber:#ffc06c;--amberBg:#3a2b18;
 --red:#ff857b;--redBg:#3b2022;--blue:#75baff;--blueBg:#183148;
 --shadow:0 18px 50px rgba(0,0,0,.34)
}
html[data-theme="dark"],html[data-theme="dark"] body{background:#090d14!important;color:var(--ink)}
html[data-theme="dark"] body{accent-color:var(--accent)}
html[data-theme="dark"] .app-shell{background:#0b1018!important;box-shadow:0 0 80px rgba(0,0,0,.28)}
html[data-theme="dark"] .page,
html[data-theme="dark"] .account-page-v510,
html[data-theme="dark"] .account-page-v520.headerless-page-v515,
html[data-theme="dark"] .headerless-page-v515,
html[data-theme="dark"] .schedule-page-v51,
html[data-theme="dark"] .haggl-map-page-v522{background:#0b1018!important;color:#f3f6fc}
html[data-theme="dark"] :is(.headerless-page-title-v515,.nested-page-copy-v516,.home-heading,.section-head,.account-section-title-v520,.trip-detail-head,.sheet-section-head-v516) :is(h1,h2,h3,strong){color:#f3f6fc!important}
html[data-theme="dark"] :is(.headerless-page-title-v515,.nested-page-copy-v516,.home-heading,.list-copy,.section-head,.sheet-section-head-v516,.trip-detail-head) :is(p,small,em){color:#98a3b6!important}
html[data-theme="dark"] .eyebrow{color:#cbd3e2}

/* Neutral elevated surfaces */
html[data-theme="dark"] :is(
 .card,.metric,.route-composer,.home-request-sheet-v53,.home-category,.request-category,.quick-control-v54,
 .home-schedule-inline-v55,.safety-card-v5,.schedule-card-v5,.trip-option-grid-v5 button,.request-route-card-v5,
 .premium-field,.trip-details-v5,.offer-sort-v5 button,.offer-card-v5,.trip-timeline,.verification-card-v5,
 .trip-actions-v5,.trip-actions-v5 button,.trip-detail-card-v5,.flow-back,.count-picker-v55 button,
 .ride-review-route-v55,.ride-review-preferences-v55>div,.inline-address-v56,.address-suggestions-v56,
 .review-estimates-v57,.review-detail-card-v57,.review-schedule-v57,.dt-panel-v58,
 .account-profile-card-v510,.account-settings-group-v510,.account-session-v510,.account-signout-v510,
 .account-settings-group-v520,.account-row-v520,.sheet-record-v516,.notification-card-v516,.ticket-card-v516,
 .favorite-card-v516,.sheet-empty-v516,.sheet-compose-v516,.account-overview-v517,.verification-overview-v517,
 .payment-security-v517,.verification-steps-v517>span,.identity-document-v517,.payment-method-card-v517,
 .pickup-destination-card-v520,.inline-address-card-v520,.pd-action-btn-v520,.pd-icon-orbit-v520,
 .rides-summary-v521>div,.rides-card-list-v521,.ride-history-card-v521,.messages-toolbar-v521>span,
 .message-thread-v521,.quick-replies-v521 button,.wallet-stats-v521>div,.wallet-methods-v521,.wallet-method-v521,
 .wallet-security-v521,.dt-summary-v5212>div,.dt-panel-v5212,.haggl-map-route-card-v522,
 .haggl-map-note-v522,.haggl-map-local-badge-v522,.haggl-map-page-head-v522>button
){background:#151b26!important;border-color:#293244!important;color:#f3f6fc!important;box-shadow:0 10px 28px rgba(0,0,0,.16)!important}
html[data-theme="dark"] :is(.ride-history-card-v521,.message-thread-v521,.account-row-v520,.setting-row,.list-item,.trip-actions-v5 button):active{background:#1b2230!important}
html[data-theme="dark"] :is(.list-item,.setting-row,.account-row-v510,.account-row-v520,.ride-history-card-v521,.wallet-method-v521){border-bottom-color:#252e3e!important}
html[data-theme="dark"] :is(.list-copy strong,.ride-history-copy-v521 strong,.ride-history-side-v521>strong,.message-thread-copy-v521 strong,.wallet-method-v521 strong,.account-row-v510 .list-copy strong,.account-row-v520 .list-copy strong,.dt-summary-v5212 strong,.dt-panel-label-v5212 span){color:#f1f4fb!important}
html[data-theme="dark"] :is(.list-copy small,.ride-history-copy-v521 small,.ride-history-copy-v521 em,.message-thread-copy-v521 small,.message-thread-copy-v521 em,.account-row-v510 .list-copy small,.account-row-v520 .list-copy small,.dt-summary-v5212 small,.dt-panel-label-v5212 small){color:#96a1b4!important}

/* Inputs, forms and dialogs */
html[data-theme="dark"] .modal-backdrop{background:rgba(2,5,10,.72)}
html[data-theme="dark"] :is(.modal,.modal-request-v5:has(.ride-review-form-v57),.auth-card,.date-time-modal-v58){background:#121823!important;color:#f3f6fc!important;box-shadow:0 -22px 65px rgba(0,0,0,.5)!important}
html[data-theme="dark"] .modal-grab{background:#465064}
html[data-theme="dark"] :is(.close-btn,.back-btn,.nested-back-v516,.account-sheet-grab-v516,.icon-btn,.map-icon-btn-v53,.map-locate-v53){background:#1a2230!important;border-color:#303a4e!important;color:#eef2fa!important}
html[data-theme="dark"] :is(.input,input,textarea,select){background:#0e141e;color:#f1f4fb;border-color:#303a4d}
html[data-theme="dark"] :is(.input,input,textarea)::placeholder{color:#657287}
html[data-theme="dark"] :is(.input,input,textarea,select):focus{border-color:#8878ee;box-shadow:0 0 0 3px rgba(141,124,255,.15)}
html[data-theme="dark"] .field label{color:#c5ccda}
html[data-theme="dark"] .tabs{background:#0d131d}
html[data-theme="dark"] .tab{color:#8f9aad}
html[data-theme="dark"] .tab.active{background:#202938;color:#f4f7fc;box-shadow:none}
html[data-theme="dark"] .secondary-btn{background:#202837;color:#e5eaf4}
html[data-theme="dark"] .ghost-btn{background:transparent;border-color:#484064;color:#a99cff}
html[data-theme="dark"] .danger-btn{border-color:#603034}
html[data-theme="dark"] .sandbox-banner{background:#342718;border-color:#58411e;color:#ffd59a}

/* Navigation */
html[data-theme="dark"] .bottom-nav,
html[data-theme="dark"] .bottom-nav.bottom-nav-concept4,
html[data-theme="dark"] .bottom-nav-concept4.headerless-nav-v515{background:rgba(17,23,34,.96)!important;border-color:#2a3345!important;box-shadow:0 14px 34px rgba(0,0,0,.42)!important}
html[data-theme="dark"] .nav-btn{color:#8994a8}
html[data-theme="dark"] .bottom-nav-concept4 .nav-btn.nav-icon-only.active{background:#202938!important;color:#9c8dff!important;border-color:#354058!important}
html[data-theme="dark"] .bottom-nav-concept4.account-active-theme-v510 .nav-btn.nav-icon-only.active{background:linear-gradient(135deg,#735fe7,#3f78e7)!important;color:#fff!important}

/* Brand gradients stay restrained and intentional */
html[data-theme="dark"] :is(.hero,.driver-hero-v5,.review-trip-hero-v57,.account-hero-v520,.wallet-hero-v521,.account-sheet-hero-v516){background:linear-gradient(135deg,#30255f 0%,#263769 55%,#175477 115%)!important}
html[data-theme="dark"] :is(.core-cta,.review-request-v57,.dt-set-v58,.primary-btn.purple){background:linear-gradient(135deg,#765fe9,#477de9)!important;color:#fff!important}
html[data-theme="dark"] .account-avatar-v520b{background:#e7e9ef!important;color:#50586b!important}
html[data-theme="dark"] .account-avatar-edit-v520{background:#1a2230!important;color:#a799ff!important}
html[data-theme="dark"] .account-row-icon-v520{background:#28223f!important;color:#a18fff!important}
html[data-theme="dark"] .account-row-icon-v520.account{background:#192b42!important;color:#70adff!important}
html[data-theme="dark"] .account-row-icon-v520.ride{background:#173326!important;color:#68d99b!important}
html[data-theme="dark"] .account-row-icon-v520.support{background:#372719!important;color:#ffba60!important}
html[data-theme="dark"] .account-row-icon-v520.session{background:#371e22!important;color:#ff837b!important}
html[data-theme="dark"] .account-row-icon-v520.appearance{background:#28263a!important;color:#b4a8ff!important}
html[data-theme="dark"] .theme-toggle-v523{background:#374052;box-shadow:inset 0 0 0 1px #465166}
html[data-theme="dark"] .theme-toggle-v523 i{background:#eef1f7}
html[data-theme="dark"] .theme-toggle-v523.active{background:linear-gradient(135deg,#7865e7,#4e7de6)}

/* Home map and route request */
html[data-theme="dark"] .rider-home-v53{background:#0b1018!important}
html[data-theme="dark"] :is(.home-map-hero-v53,.haggl-map-home-v522,.haggl-map-surface-v522,.haggl-map-full-v522){background:#101925!important;border-color:#273247!important}
html[data-theme="dark"] :is(.home-map-art-v53,.haggl-map-art-v522){filter:brightness(.42) saturate(.72) contrast(1.28) hue-rotate(4deg)!important}
html[data-theme="dark"] .home-map-shade-v53{background:linear-gradient(180deg,rgba(5,9,16,.12),rgba(5,9,16,.18) 45%,rgba(5,9,16,.52))!important}
html[data-theme="dark"] .map-brand-v53.map-brand-logo-v5221{background:rgba(248,249,252,.95)!important;border-color:rgba(255,255,255,.12)!important}
html[data-theme="dark"] :is(.haggl-map-offline-v522,.haggl-map-expand-v522,.haggl-map-controls-v522 button){background:rgba(20,28,40,.94)!important;border-color:#344055!important;color:#dfe6f2!important}
html[data-theme="dark"] .inline-address-card-v520 label small{color:#a695ff!important}
html[data-theme="dark"] .inline-address-card-v520.dropoff label small{color:#71b4ff!important}
html[data-theme="dark"] .pd-icon-orbit-v520.pickup{color:#a795ff!important}
html[data-theme="dark"] .pd-icon-orbit-v520.dropoff{color:#6db0ff!important}
html[data-theme="dark"] .route-divider-v520,.route-divider{background:#283244!important}
html[data-theme="dark"] .home-category.selected{border-color:#8573ee!important;background:#1b2230!important}
html[data-theme="dark"] .quick-control-switch-v54{background:#374052!important}
html[data-theme="dark"] .quick-control-switch-v54 i{background:#eef1f7!important}

/* Offers, active rides and review */
html[data-theme="dark"] .offer-card-v5.featured{background:linear-gradient(145deg,#171d29,#1b2131)!important;border-color:#7664e6!important}
html[data-theme="dark"] .offer-sort-v5 button.active{background:#26213d!important;border-color:#7866e8!important;color:#a99aff!important}
html[data-theme="dark"] .timeline-dot{background:#151b26!important;border-color:#475269!important}
html[data-theme="dark"] .timeline-step.current .timeline-dot{box-shadow:0 0 0 5px #2a2340}
html[data-theme="dark"] .review-detail-card-v57.selected{background:#1d2331!important;border-color:#806de8!important}
html[data-theme="dark"] .review-estimates-v57>div+div{border-color:#2b3445}
html[data-theme="dark"] .review-safety-v57{background:linear-gradient(135deg,#191c2a,#172231)!important;border-color:#2c374b!important}

/* Date/time picker */
html[data-theme="dark"] .dt-tabs-v5212{background:#0d131d!important;border-color:#2b3547!important}
html[data-theme="dark"] .dt-tabs-v5212 button{color:#909bad}
html[data-theme="dark"] .dt-tabs-v5212 button.active{background:#202838!important;color:#a99aff!important;box-shadow:none!important}
html[data-theme="dark"] .dt-summary-v5212>div>span{background:#28233e!important;color:#a997ff!important}
html[data-theme="dark"] .dt-panel-v5212 .dt-wheel-grid-v58:before{background:#211d31!important}
html[data-theme="dark"] .dt-panel-v5212 .dt-wheel-grid-v58:after{border-color:#343044!important}
html[data-theme="dark"] .dt-panel-v5212 .dt-wheel-option-v58{color:#69758a!important}
html[data-theme="dark"] .dt-panel-v5212 .dt-wheel-option-v58.selected{color:#b1a5ff!important}
html[data-theme="dark"] .dt-panel-v5212 .dt-time-colon-v58{color:#e8ecf4!important}
html[data-theme="dark"] .dt-actions-v5212 .dt-clear-v58,
html[data-theme="dark"] .dt-actions-v5212 .dt-cancel-v58{background:#1b2330!important;color:#a8b1c1!important}

/* Messages, wallet and secondary sheets */
html[data-theme="dark"] .message-thread-v521.unread{background:linear-gradient(90deg,#171d29,#1d1a2d)!important;border-color:#4c426c!important}
html[data-theme="dark"] .message-avatar-v521{background:linear-gradient(135deg,#292241,#1a2d46)!important;color:#a798ff!important}
html[data-theme="dark"] .chat-summary-v521{background:linear-gradient(135deg,#242039,#192b40)!important}
html[data-theme="dark"] .chat-bubble-v521.theirs{background:#202837!important;color:#eef2f8!important}
html[data-theme="dark"] .chat-composer-v521{border-color:#2a3446}
html[data-theme="dark"] .chat-composer-v521 textarea{background:#0e141e!important;border-color:#303a4d!important;color:#f2f5fb!important}
html[data-theme="dark"] .wallet-actions-v521 button{background:#eef1f7!important;color:#4740b8!important}
html[data-theme="dark"] .wallet-method-icon-v521,.empty-icon,.list-icon{background:#28233f!important;color:#a392ff!important}
html[data-theme="dark"] .wallet-security-v521{background:linear-gradient(135deg,#171b29,#172331)!important}
html[data-theme="dark"] .account-sheet-grab-v516{background:#4a556a!important}
html[data-theme="dark"] .sheet-check-v516 span{background:#0e141e!important;border-color:#354056!important}
html[data-theme="dark"] .support-intro-v516,.safety-emergency-v516{background:#171e2b!important;border-color:#2c374a!important}

/* Auth */
html[data-theme="dark"] .auth-shell{background:linear-gradient(155deg,#080c13 0%,#101826 50%,#272150 125%)!important}
html[data-theme="dark"] .auth-logo{background:#e9ebf1!important;color:#242838!important}
html[data-theme="dark"] .auth-card{border:1px solid #2b3446}

/* Status pills */
html[data-theme="dark"] .pill.gray{background:#252d3b;color:#b5bdca}
html[data-theme="dark"] .notification-dot{border-color:#151b26}
html[data-theme="dark"] .account-row-badge-v520{background:#2a2342;color:#b2a5ff}
html[data-theme="dark"] .account-row-status-v520{background:#252e3c;color:#aeb8c8}
html[data-theme="dark"] .account-row-status-v520.verified{background:#183427;color:#69daa0}

@media(prefers-reduced-motion:reduce){.theme-toggle-v523,.theme-toggle-v523 i{transition:none}}


/* Phase 5.23.1 — Map interface cleanup and control repositioning */
.haggl-map-home-v522 .haggl-map-offline-v522,
.haggl-map-full-v522 .haggl-map-offline-v522,
.haggl-map-local-badge-v522,
.haggl-map-note-v522{display:none!important}

/* Keep the open-map control entirely inside the visible map area. */
.haggl-map-expand-v522{
 top:calc(var(--safeTop) + 74px);
 right:14px;
 bottom:auto;
 width:40px;
 height:40px;
 border-radius:13px;
 background:rgba(255,255,255,.94);
 color:#5f49d8;
 box-shadow:0 8px 22px rgba(30,34,63,.13)
}
.haggl-map-expand-v522 svg{width:19px;height:19px}

.haggl-map-page-v5231{padding-top:calc(7px + var(--safeTop))}
.haggl-map-page-head-v5231{
 grid-template-columns:42px minmax(0,1fr);
 gap:12px;
 margin-bottom:11px
}
.haggl-map-page-head-v5231>div{min-width:0}
.haggl-map-page-head-v5231 h1{
 margin:0;
 font-size:25px;
 line-height:1.05;
 letter-spacing:-.045em;
 color:#202236
}
.haggl-map-page-head-v5231 p{
 margin:5px 0 0;
 font-size:9.5px;
 line-height:1.3;
 color:#858a9b
}
.haggl-map-full-v5231{height:min(69vh,650px)}
.haggl-map-route-card-v5231{
 margin-top:10px;
 border-radius:17px;
 box-shadow:0 7px 20px rgba(30,31,69,.04)
}

html[data-theme="dark"] .haggl-map-page-head-v5231 h1{color:#f3f6fc}
html[data-theme="dark"] .haggl-map-page-head-v5231 p{color:#8f9aad}
html[data-theme="dark"] .haggl-map-expand-v522{
 background:rgba(20,28,40,.94)!important;
 border-color:#344055!important;
 color:#d9e1ee!important
}

@media(max-width:390px){
 .haggl-map-expand-v522{top:calc(var(--safeTop) + 70px);right:11px;width:38px;height:38px}
 .haggl-map-full-v5231{height:62vh;min-height:410px}
 .haggl-map-page-head-v5231 h1{font-size:23px}
}


/* Phase 5.23.2 — Expanded map pickup/destination editor */
.haggl-map-route-editor-v5232{
 padding:0;
 grid-template-columns:minmax(0,1fr) 34px minmax(0,1fr);
 gap:0;
 overflow:hidden;
}
.haggl-map-location-button-v5232{
 width:100%;
 min-width:0;
 min-height:70px;
 padding:12px 13px;
 border:0;
 background:#fff;
 color:#25273a;
 display:grid;
 grid-template-columns:minmax(0,1fr) 16px;
 gap:8px;
 align-items:center;
 text-align:left;
 cursor:pointer;
}
.haggl-map-location-button-v5232:active{background:#f8f7ff}
.haggl-map-location-button-v5232>span{min-width:0}
.haggl-map-location-button-v5232 small{display:block;font-size:8px;color:#8b8fa0}
.haggl-map-location-button-v5232 strong{display:block;margin-top:4px;font-size:10px;line-height:1.35;color:#25273a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.haggl-map-location-button-v5232>svg{width:15px;height:15px;color:#7958ea}
.haggl-map-route-divider-v5232{
 align-self:stretch;
 display:grid!important;
 place-items:center;
 border-left:1px solid #ececf3;
 border-right:1px solid #ececf3;
 color:#6d4bea;
 background:#faf9ff;
}
.haggl-map-route-divider-v5232 svg{width:18px;height:18px}
html[data-theme="dark"] .haggl-map-location-button-v5232{background:#151c28!important;color:#f2f5fb!important}
html[data-theme="dark"] .haggl-map-location-button-v5232:active{background:#1a2331!important}
html[data-theme="dark"] .haggl-map-location-button-v5232 strong{color:#f2f5fb!important}
html[data-theme="dark"] .haggl-map-location-button-v5232 small{color:#8f9aad!important}
html[data-theme="dark"] .haggl-map-route-divider-v5232{background:#111823!important;border-color:#293447!important;color:#9c83ff!important}
@media(max-width:390px){
 .haggl-map-route-editor-v5232{grid-template-columns:minmax(0,1fr) 30px minmax(0,1fr)}
 .haggl-map-location-button-v5232{min-height:64px;padding:10px}
 .haggl-map-location-button-v5232 strong{font-size:9.5px}
}


/* Phase 5.23.3 — Viewport-fit expanded map + stacked location editor */
body:has(.haggl-map-page-v5233),
#app:has(.haggl-map-page-v5233),
.app-shell:has(.haggl-map-page-v5233){
 height:100dvh;
 min-height:100dvh;
 overflow:hidden;
}
.app-shell:has(.haggl-map-page-v5233){padding-bottom:0!important}
.haggl-map-page-v5233{
 box-sizing:border-box;
 width:100%;
 height:100dvh;
 min-height:0;
 padding:calc(4px + var(--safeTop)) 12px calc(80px + var(--safeBottom));
 display:grid;
 grid-template-rows:auto minmax(0,1fr) auto;
 gap:8px;
 overflow:hidden;
 background:#f6f7fb;
}
.haggl-map-page-head-v5233{
 min-height:50px;
 margin:0;
 align-self:start;
}
.haggl-map-page-head-v5233>button{width:40px;height:40px;border-radius:13px}
.haggl-map-page-head-v5233 h1{font-size:23px}
.haggl-map-page-head-v5233 p{margin-top:3px;font-size:9px}
.haggl-map-full-v5233{
 height:auto!important;
 min-height:0!important;
 align-self:stretch;
 border-radius:20px;
}
.haggl-map-full-v5233 .haggl-map-canvas-v522{inset:-10%}
.haggl-map-controls-v5233{top:12px;right:12px;gap:6px}
.haggl-map-controls-v5233 button{width:39px;height:39px;border-radius:12px}
.haggl-map-route-editor-v5233{
 position:relative;
 box-sizing:border-box;
 margin:0;
 padding:5px 50px 5px 54px;
 min-height:126px;
 display:grid;
 grid-template-columns:1fr;
 grid-template-rows:1fr 1fr;
 gap:0;
 overflow:visible;
 border-radius:20px;
 box-shadow:0 9px 25px rgba(30,31,69,.07);
}
.haggl-map-location-button-v5233{
 min-height:56px;
 padding:8px 8px 8px 4px;
 grid-template-columns:minmax(0,1fr) 17px;
 background:transparent;
 border-radius:12px;
}
.haggl-map-location-button-v5233:first-of-type{border-bottom:1px solid #ececf3;border-radius:12px 12px 0 0}
.haggl-map-location-button-v5233:last-of-type{border-radius:0 0 12px 12px}
.haggl-map-location-button-v5233:active{background:#f8f7ff}
.haggl-map-location-button-v5233 small{font-size:8.5px;font-weight:750}
.haggl-map-location-button-v5233 strong{font-size:11px;margin-top:3px}
.haggl-map-route-rail-v5233{
 position:absolute;
 left:18px;
 top:18px;
 bottom:18px;
 width:22px;
 display:grid;
 grid-template-rows:14px 1fr 14px;
 justify-items:center;
 align-items:center;
}
.haggl-map-route-rail-v5233 i{display:block;width:12px;height:12px;border-radius:50%;box-sizing:border-box;z-index:1}
.haggl-map-route-rail-v5233 i.pickup{background:#7350ed;box-shadow:0 0 0 5px #f0ebff}
.haggl-map-route-rail-v5233 i.destination{background:#fff;border:3px solid #2f84f5;box-shadow:0 0 0 5px #edf5ff}
.haggl-map-route-rail-v5233 span{width:2px;height:100%;background:repeating-linear-gradient(to bottom,#b7a8f4 0 5px,transparent 5px 10px)}
.haggl-map-swap-v5233{
 position:absolute;
 right:9px;
 top:50%;
 transform:translateY(-50%);
 width:36px;
 height:36px;
 border:1px solid #e5e3ef;
 border-radius:12px;
 background:#faf9ff;
 color:#6d4bea;
 display:grid;
 place-items:center;
 box-shadow:0 5px 14px rgba(31,29,76,.06);
}
.haggl-map-swap-v5233 svg{width:17px;height:17px}

/* Compact location-entry sheet */
.ride-location-form-v5233{gap:12px}
.ride-location-input-v5233{display:block}
.ride-location-input-v5233>span{display:block;margin:0 0 7px;font-size:10px;font-weight:850;color:#4c5265}
.ride-location-input-v5233>div{height:52px;border:1px solid #dedfe8;border-radius:15px;background:#fff;display:grid;grid-template-columns:22px minmax(0,1fr);gap:9px;align-items:center;padding:0 14px}
.ride-location-input-v5233 svg{width:19px;height:19px;color:#7049eb}
.ride-location-input-v5233 input{width:100%;min-width:0;border:0;background:transparent;font:inherit;font-size:13px;color:#22253a;outline:0}
.ride-location-input-v5233 input::placeholder{color:#989cab}
.ride-current-location-v5233{width:100%;min-height:58px;padding:10px 12px;border:1px solid #e8e7f0;border-radius:15px;background:#faf9ff;color:#25273a;display:grid;grid-template-columns:36px minmax(0,1fr) 16px;gap:10px;align-items:center;text-align:left}
.ride-current-location-v5233>span:first-child{width:36px;height:36px;border-radius:12px;background:#eee9ff;color:#7049eb;display:grid;place-items:center}
.ride-current-location-v5233>span:first-child svg{width:18px;height:18px}
.ride-current-location-v5233>span:nth-child(2){min-width:0}
.ride-current-location-v5233 strong{display:block;font-size:11px;color:#25273a}
.ride-current-location-v5233 small{display:block;margin-top:3px;font-size:8.5px;color:#8a8f9f}
.ride-current-location-v5233>svg{width:15px;height:15px;color:#8871e9}
.ride-saved-section-v5233{display:grid;gap:6px}
.ride-saved-places-v5233{border-radius:15px;max-height:190px!important}
.ride-location-submit-v5233{min-height:48px;border-radius:14px;font-size:12px}

html[data-theme="dark"] .haggl-map-page-v5233{background:#0b1018}
html[data-theme="dark"] .haggl-map-route-editor-v5233{background:#151c28!important;border-color:#293447!important}
html[data-theme="dark"] .haggl-map-location-button-v5233{background:transparent!important}
html[data-theme="dark"] .haggl-map-location-button-v5233:first-of-type{border-color:#293447}
html[data-theme="dark"] .haggl-map-swap-v5233{background:#111823;border-color:#293447;color:#a58cff}
html[data-theme="dark"] .haggl-map-route-rail-v5233 i.pickup{box-shadow:0 0 0 5px #292044}
html[data-theme="dark"] .haggl-map-route-rail-v5233 i.destination{background:#151c28;box-shadow:0 0 0 5px #17283d}
html[data-theme="dark"] .ride-location-input-v5233>span{color:#b7c0cf}
html[data-theme="dark"] .ride-location-input-v5233>div{background:#151c28;border-color:#303b4e}
html[data-theme="dark"] .ride-location-input-v5233 input{color:#f2f5fb}
html[data-theme="dark"] .ride-current-location-v5233{background:#151c28;border-color:#303b4e;color:#f2f5fb}
html[data-theme="dark"] .ride-current-location-v5233>span:first-child{background:#292044;color:#a58cff}
html[data-theme="dark"] .ride-current-location-v5233 strong{color:#f2f5fb}
html[data-theme="dark"] .ride-current-location-v5233 small{color:#8f9aad}

@media(max-width:390px){
 .haggl-map-page-v5233{padding-left:9px;padding-right:9px;padding-bottom:calc(76px + var(--safeBottom));gap:7px}
 .haggl-map-page-head-v5233{min-height:46px}
 .haggl-map-page-head-v5233>button{width:38px;height:38px}
 .haggl-map-page-head-v5233 h1{font-size:22px}
 .haggl-map-full-v5233{border-radius:18px}
 .haggl-map-route-editor-v5233{min-height:116px;padding-left:50px;padding-right:46px;border-radius:18px}
 .haggl-map-location-button-v5233{min-height:52px;padding-top:7px;padding-bottom:7px}
 .haggl-map-location-button-v5233 strong{font-size:10.5px}
 .haggl-map-route-rail-v5233{left:16px;top:17px;bottom:17px}
 .haggl-map-swap-v5233{right:7px;width:34px;height:34px}
}
@media(max-height:690px){
 .haggl-map-page-v5233{padding-bottom:calc(70px + var(--safeBottom))}
 .haggl-map-page-head-v5233{min-height:42px}
 .haggl-map-route-editor-v5233{min-height:104px}
 .haggl-map-location-button-v5233{min-height:47px}
}

/* Phase 5.24.0 — Profile photo, custom DOB picker, sharing choices, and compact verification upload */
.account-avatar-v520b{overflow:hidden}
.account-avatar-image-v524,.profile-photo-image-v524{width:100%;height:100%;display:block;object-fit:cover}
.account-hero-avatar-wrap-v520{cursor:pointer}
.account-avatar-edit-v520{pointer-events:none}
.profile-photo-card-v524{margin-bottom:14px}
.profile-photo-card-v524>button{width:100%;min-height:84px;border:1px solid #e7e6ef;border-radius:18px;background:#fff;padding:12px;display:grid;grid-template-columns:58px minmax(0,1fr) 36px;gap:12px;align-items:center;text-align:left;box-shadow:0 7px 20px rgba(31,29,76,.045)}
.profile-photo-preview-v524{width:58px;height:58px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:linear-gradient(135deg,#eee9ff,#edf3ff);color:#6f4bea;font-size:18px;font-weight:900}
.profile-photo-card-v524 small{display:block;color:#8a8e9f;font-size:8.5px}.profile-photo-card-v524 strong{display:block;margin-top:3px;color:#24263a;font-size:12px}.profile-photo-card-v524 em{display:block;margin-top:3px;color:#8b8fa0;font-size:8.5px;font-style:normal}
.profile-photo-card-v524>button>i{width:36px;height:36px;border-radius:12px;background:#f0ebff;color:#7049eb;display:grid;place-items:center}.profile-photo-card-v524>button>i svg{width:18px;height:18px}
.profile-picker-button-v524{width:100%;min-height:58px;border:1px solid #e1e1ea;border-radius:15px;background:#fff;padding:10px 12px;display:grid;grid-template-columns:36px minmax(0,1fr) 18px;gap:10px;align-items:center;text-align:left;color:#24263a}
.profile-picker-button-v524>span:first-child{width:36px;height:36px;border-radius:11px;background:#f0ebff;color:#7049eb;display:grid;place-items:center}.profile-picker-button-v524>span:first-child svg{width:18px;height:18px}
.profile-picker-button-v524>span:nth-child(2){min-width:0}.profile-picker-button-v524 strong{display:block;font-size:11px}.profile-picker-button-v524 small{display:block;margin-top:3px;color:#8b8fa0;font-size:8px}.profile-picker-button-v524>svg{width:16px;color:#8b72e9}
.profile-share-options-v524{display:grid;gap:8px}.profile-share-options-v524 label{position:relative}.profile-share-options-v524 input{position:absolute;opacity:0;pointer-events:none}.profile-share-options-v524 label>span{min-height:64px;border:1px solid #e5e5ee;border-radius:15px;background:#fff;padding:10px 38px 10px 44px;display:block;position:relative}.profile-share-options-v524 label>span>svg:first-child{position:absolute;left:13px;top:14px;width:19px;color:#6f4bea}.profile-share-options-v524 b{display:block;color:#292b40;font-size:10.5px}.profile-share-options-v524 small{display:block;margin-top:4px;color:#85899a;font-size:8px;line-height:1.4}.profile-share-options-v524 label>span>i{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:22px;height:22px;border:1px solid #d8d9e3;border-radius:50%;display:grid;place-items:center;color:transparent}.profile-share-options-v524 label>span>i svg{width:12px;height:12px}.profile-share-options-v524 input:checked+span{border-color:#7860eb;background:#faf8ff;box-shadow:0 0 0 2px rgba(118,91,234,.08)}.profile-share-options-v524 input:checked+span>i{background:#6f4bea;border-color:#6f4bea;color:#fff}
.dob-picker-modal-v524{max-width:440px;padding-bottom:calc(16px + var(--safeBottom))}
.dob-picker-v524{display:flex;flex-direction:column;gap:12px}.dob-summary-v524{display:flex;align-items:center;gap:11px;padding:12px;border:1px solid #e7e5ef;border-radius:16px;background:#faf9ff}.dob-summary-v524>span{width:40px;height:40px;border-radius:12px;background:#eee9ff;color:#7049ea;display:grid;place-items:center}.dob-summary-v524>span svg{width:20px}.dob-summary-v524 small{display:block;color:#8b8fa0;font-size:8.5px}.dob-summary-v524 strong{display:block;margin-top:4px;color:#24263a;font-size:12px}
.dob-calendar-v524{border:1px solid #e5e4ed;border-radius:18px;background:#fff;padding:12px}.dob-calendar-v524>header{display:grid;grid-template-columns:40px 1fr 40px;align-items:center;gap:8px}.dob-calendar-v524>header>button{height:40px;border:0;border-radius:12px;background:#f5f5f9;color:#34374b;display:grid;place-items:center}.dob-calendar-v524>header>button svg{width:17px}.dob-month-label-v524{font:inherit!important;font-size:12px!important;font-weight:900!important;background:transparent!important}.dob-week-v524,.dob-days-v524{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.dob-week-v524{margin-top:12px}.dob-week-v524 span{font-size:7.5px;font-weight:850;color:#9296a5;text-align:center}.dob-days-v524{margin-top:7px}.dob-day-v524{height:38px;border:0;border-radius:12px;background:transparent;color:#2a2c40;font:inherit;font-size:10.5px;font-weight:750}.dob-day-v524.selected{background:#6f4bea;color:#fff;box-shadow:0 7px 16px rgba(105,73,226,.22)}.dob-day-v524:disabled{opacity:.24}.dob-year-grid-v524{max-height:310px;overflow:auto;margin-top:12px;display:grid;grid-template-columns:repeat(4,1fr);gap:7px;padding:2px}.dob-year-grid-v524 button{height:42px;border:1px solid #e6e5ed;border-radius:12px;background:#fff;color:#4f5366;font-size:10px;font-weight:800}.dob-year-grid-v524 button.selected{background:#6f4bea;border-color:#6f4bea;color:#fff}.dob-actions-v524{display:grid;grid-template-columns:1fr 1fr 1.15fr;gap:8px}.dob-actions-v524 button{height:48px;border:0;border-radius:13px;background:#f3f4f8;color:#616679;font:inherit;font-size:10px;font-weight:850}.dob-actions-v524 button.primary{background:linear-gradient(135deg,#7049ea,#4c7af0);color:#fff;box-shadow:0 9px 20px rgba(83,68,218,.2)}
.document-type-grid-v524{grid-template-columns:1fr 1fr}.document-type-grid-v524 label:last-child{grid-column:auto}.identity-dropzone-v524{min-height:72px;padding:12px 14px;grid-template-columns:34px minmax(0,1fr) auto;display:grid;align-items:center;gap:10px}.identity-dropzone-v524>svg{width:20px;height:20px}.identity-dropzone-v524 em{font-style:normal;font-size:9px;font-weight:850;color:#6f4bea}.identity-submit-v524{width:auto!important;min-width:170px!important;min-height:48px!important;align-self:flex-end!important;padding:0 18px!important;border-radius:13px!important;font-size:10px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important}.identity-submit-v524 svg{width:16px!important;height:16px!important}
html[data-theme="dark"] .profile-photo-card-v524>button,html[data-theme="dark"] .profile-picker-button-v524,html[data-theme="dark"] .profile-share-options-v524 label>span,html[data-theme="dark"] .dob-calendar-v524,html[data-theme="dark"] .dob-year-grid-v524 button{background:#151c28!important;border-color:#303a4d!important;color:#f2f5fb!important}
html[data-theme="dark"] .profile-photo-card-v524 strong,html[data-theme="dark"] .profile-picker-button-v524 strong,html[data-theme="dark"] .profile-share-options-v524 b,html[data-theme="dark"] .dob-summary-v524 strong,html[data-theme="dark"] .dob-day-v524{color:#f2f5fb!important}
html[data-theme="dark"] .profile-photo-card-v524 em,html[data-theme="dark"] .profile-photo-card-v524 small,html[data-theme="dark"] .profile-picker-button-v524 small,html[data-theme="dark"] .profile-share-options-v524 small,html[data-theme="dark"] .dob-summary-v524 small{color:#929daf!important}
html[data-theme="dark"] .profile-photo-preview-v524,html[data-theme="dark"] .profile-photo-card-v524>button>i,html[data-theme="dark"] .profile-picker-button-v524>span:first-child,html[data-theme="dark"] .dob-summary-v524>span{background:#292044!important;color:#a68fff!important}
html[data-theme="dark"] .profile-share-options-v524 input:checked+span{background:#201c31!important;border-color:#806de8!important}
html[data-theme="dark"] .dob-summary-v524{background:#171e2a!important;border-color:#303a4d!important}.dob-picker-modal-v524 html[data-theme="dark"]{background:#121823}
html[data-theme="dark"] .dob-calendar-v524>header>button,html[data-theme="dark"] .dob-actions-v524 button{background:#1b2330!important;color:#aab3c2!important}
html[data-theme="dark"] .dob-month-label-v524{background:transparent!important;color:#f2f5fb!important}.dob-day-v524.selected,html[data-theme="dark"] .dob-year-grid-v524 button.selected{background:#7865e7!important;color:#fff!important}
html[data-theme="dark"] .identity-dropzone-v524{background:#151c28!important;border-color:#354055!important}.identity-dropzone-v524 em{color:#a58cff}
@media(max-width:390px){.profile-photo-card-v524>button{grid-template-columns:52px minmax(0,1fr) 34px}.profile-photo-preview-v524{width:52px;height:52px}.dob-day-v524{height:35px}.dob-year-grid-v524{grid-template-columns:repeat(3,1fr)}.identity-submit-v524{width:100%!important;align-self:stretch!important}}
html[data-theme="dark"] .dob-picker-modal-v524{background:#121823!important;color:#f2f5fb!important}

/* Phase 5.24.1 — Top-aligned map header + inline address autocomplete */
.haggl-map-page-v5233{
 padding-top:max(2px,calc(var(--safeTop) - 10px));
 gap:6px;
}
.haggl-map-page-head-v5233{
 min-height:44px;
 align-items:center;
}
.haggl-map-page-head-v5233>button{width:38px;height:38px}
.haggl-map-page-head-v5233 h1{font-size:22px;line-height:1}
.haggl-map-page-head-v5233 p{margin-top:2px}
.haggl-map-route-editor-v5241{
 padding-top:4px;
 padding-bottom:4px;
 overflow:visible;
 z-index:35;
}
.haggl-map-inline-field-v5241{
 position:relative;
 min-width:0;
 min-height:56px;
 padding:7px 4px;
 display:grid;
 grid-template-columns:minmax(0,1fr) 34px;
 gap:8px;
 align-items:center;
 background:transparent;
}
.haggl-map-inline-field-v5241.pickup{border-bottom:1px solid #ececf3}
.haggl-map-inline-field-v5241 label{display:block;min-width:0}
.haggl-map-inline-field-v5241 label small{
 display:block;
 margin-bottom:3px;
 font-size:8.5px;
 line-height:1;
 font-weight:800;
 color:#868b9d;
}
.haggl-map-inline-field-v5241 input{
 display:block;
 width:100%;
 min-width:0;
 height:30px;
 padding:0;
 border:0;
 outline:0;
 background:transparent;
 color:#22253a;
 font:inherit;
 font-size:11px;
 line-height:1.25;
 font-weight:850;
 text-overflow:ellipsis;
}
.haggl-map-inline-field-v5241 input::placeholder{color:#303348;opacity:1}
.haggl-map-inline-field-v5241:focus-within{
 z-index:160;
 background:#fbfaff;
 border-radius:11px;
 box-shadow:inset 0 0 0 1.5px rgba(111,76,235,.32);
}
.haggl-map-inline-action-v5241{
 width:32px;
 height:32px;
 padding:7px;
 border:0;
 border-radius:11px;
 display:grid;
 place-items:center;
 background:#f1edff;
 color:#7049eb;
}
.haggl-map-inline-action-v5241 svg{width:17px;height:17px}
.haggl-map-suggestions-v5241{
 left:-44px;
 right:-40px;
 top:auto;
 bottom:calc(100% + 7px);
 max-height:min(235px,38dvh);
 border-radius:15px;
 box-shadow:0 18px 42px rgba(25,29,55,.22);
}
.haggl-map-inline-field-v5241.destination .haggl-map-suggestions-v5241{
 bottom:calc(100% + 7px);
}
.haggl-map-inline-field-v5241.suggestions-open{box-shadow:inset 0 0 0 1.5px rgba(102,70,245,.38)}

html[data-theme="dark"] .haggl-map-inline-field-v5241.pickup{border-color:#293447}
html[data-theme="dark"] .haggl-map-inline-field-v5241 label small{color:#8f9aad}
html[data-theme="dark"] .haggl-map-inline-field-v5241 input{color:#f2f5fb}
html[data-theme="dark"] .haggl-map-inline-field-v5241 input::placeholder{color:#d6dce7}
html[data-theme="dark"] .haggl-map-inline-field-v5241:focus-within{background:#111823;box-shadow:inset 0 0 0 1.5px rgba(165,140,255,.45)}
html[data-theme="dark"] .haggl-map-inline-action-v5241{background:#292044;color:#a58cff}
html[data-theme="dark"] .haggl-map-suggestions-v5241{background:#151c28;border-color:#303b4e}

@media(max-width:390px){
 .haggl-map-page-v5233{padding-top:max(1px,calc(var(--safeTop) - 12px));gap:5px}
 .haggl-map-page-head-v5233{min-height:40px}
 .haggl-map-page-head-v5233>button{width:36px;height:36px}
 .haggl-map-page-head-v5233 h1{font-size:21px}
 .haggl-map-route-editor-v5241{padding-top:3px;padding-bottom:3px}
 .haggl-map-inline-field-v5241{min-height:52px;padding-top:6px;padding-bottom:6px}
 .haggl-map-inline-field-v5241 input{font-size:10.5px}
 .haggl-map-suggestions-v5241{left:-42px;right:-38px;max-height:min(215px,36dvh)}
}


/* Phase 5.24.2 — Reliable profile photo rendering */
.account-avatar-image-v524,.profile-photo-image-v524{object-fit:cover!important;object-position:center center!important;background:#eef1f7}
.avatar-fallback-v5242{display:grid!important;place-items:center!important;color:#6f4bea!important;background:linear-gradient(135deg,#eee9ff,#edf3ff)!important;font-weight:900!important}
html[data-theme="dark"] .account-avatar-image-v524,html[data-theme="dark"] .profile-photo-image-v524{background:#232b39}

/* Phase 5.26.0 — Secure Ride, all-day, smoking, and 420 trip options */
.home-trip-options-v526{width:100%;min-height:64px;margin-top:12px;padding:11px 13px;border:1px solid #e7e6ef;border-radius:16px;background:#fff;box-shadow:0 6px 18px rgba(29,27,72,.045);display:grid;grid-template-columns:38px minmax(0,1fr) auto 17px;gap:10px;align-items:center;text-align:left;color:#22243a}
.home-trip-options-v526.active{border-color:#d7ceff;background:linear-gradient(100deg,#fff,#faf8ff)}
.home-trip-options-v526>svg{width:16px;color:#8471e9}.trip-options-icon-v526{width:38px;height:38px;border-radius:12px;background:#f0ecff;color:#6949e9;display:grid;place-items:center}.trip-options-icon-v526 svg{width:20px}.trip-options-copy-v526{min-width:0}.trip-options-copy-v526 strong{display:block;font-size:11.5px;color:#24263a}.trip-options-copy-v526 small{display:block;margin-top:4px;font-size:8.7px;color:#838799;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trip-options-count-v526{min-width:24px;height:24px;padding:0 7px;border-radius:999px;background:#eee9ff;color:#6949e9;display:grid;place-items:center;font-size:9px;font-weight:900}
.ride-options-sheet-v526{display:flex;flex-direction:column;gap:10px}.ride-options-intro-v526{margin:0 2px 4px;color:#777c8e;font-size:10px;line-height:1.5}.ride-option-row-v526{position:relative;min-height:78px;padding:12px;border:1px solid #e8e7f0;border-radius:17px;background:#fff;display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:11px;align-items:center}.ride-option-row-v526.nested{margin-left:24px;border-left:2px dashed #d9ceff}.ride-option-icon-v526{width:42px;height:42px;border-radius:13px;background:#f0ebff;color:#7048ea;display:grid;place-items:center}.ride-option-icon-v526.blue{background:#edf5ff;color:#3b83f4}.ride-option-icon-v526.green{background:#ecf9f0;color:#35aa63}.ride-option-icon-v526 svg{width:21px}.ride-option-copy-v526{min-width:0}.ride-option-copy-v526 strong{display:block;font-size:11.5px;color:#24263a}.ride-option-copy-v526 small{display:block;margin-top:4px;font-size:8.7px;line-height:1.4;color:#85899b}.ride-option-switch-v526{width:43px;height:25px;padding:3px;border:0;border-radius:999px;background:#e1e3ea;display:block}.ride-option-switch-v526 i{display:block;width:19px;height:19px;border-radius:50%;background:#fff;box-shadow:0 2px 7px rgba(0,0,0,.15);transition:transform .18s ease}.ride-option-switch-v526.active{background:linear-gradient(100deg,#7748ed,#4f72f3)}.ride-option-switch-v526.active i{transform:translateX(18px)}
.ride-option-detail-v526{margin-top:-2px;padding:11px 12px 12px 65px;border:1px solid #ebe9f3;border-top:0;border-radius:0 0 16px 16px;background:#fbfaff}.ride-option-detail-v526>span{display:block;font-size:9px;font-weight:850;color:#62677a;margin-bottom:8px}.ride-hour-presets-v526{display:flex;gap:7px}.ride-hour-presets-v526 button{height:34px;min-width:52px;padding:0 10px;border:1px solid #e2e0ec;border-radius:11px;background:#fff;color:#5f6476;font-size:9px;font-weight:800}.ride-hour-presets-v526 button.active{border-color:#7a55ef;color:#6745e4;background:#f4f0ff}.ride-option-detail-v526 label{display:grid;grid-template-columns:auto 72px;gap:9px;align-items:center;margin-top:9px;font-size:9px;color:#73788a}.ride-option-detail-v526 input{width:72px;height:34px;padding:0 9px;border:1px solid #e2e0ec;border-radius:10px;background:#fff;font:inherit;font-size:10px;color:#24263a}
.ride-option-segment-v526{display:grid;grid-template-columns:1fr 1fr;min-width:112px;padding:3px;border:1px solid #e2e0eb;border-radius:12px;background:#f7f7fa}.ride-option-segment-v526 button{height:32px;border:0;border-radius:9px;background:transparent;color:#666b7e;font-size:9px;font-weight:850}.ride-option-segment-v526 button.active{background:#fff;color:#6645e4;box-shadow:0 4px 12px rgba(55,52,100,.08)}.ride-options-note-v526{display:flex;align-items:flex-start;gap:8px;padding:11px 12px;border-radius:14px;background:#f7f5ff;color:#74798d;font-size:8.7px;line-height:1.45}.ride-options-note-v526 svg{width:15px;color:#6e4ae8;flex:0 0 auto}.ride-options-apply-v526{margin-top:3px}
.review-trip-options-v526{padding:12px 2px 2px}.review-trip-options-v526>small{display:block;font-size:9px;color:#8a8e9e;margin-bottom:8px}.review-trip-options-v526>div{display:flex;gap:7px;flex-wrap:wrap}.review-trip-options-v526 span{display:inline-flex;align-items:center;gap:5px;padding:7px 9px;border:1px solid #e2dcff;border-radius:999px;background:#faf8ff;color:#6544e1;font-size:8.5px;font-weight:800}.review-trip-options-v526 span svg{width:13px;height:13px}
@media(max-width:390px){.ride-option-row-v526{grid-template-columns:38px minmax(0,1fr) auto;padding:10px;gap:9px}.ride-option-icon-v526{width:38px;height:38px}.ride-option-segment-v526{min-width:102px}.ride-option-detail-v526{padding-left:57px}.home-trip-options-v526{grid-template-columns:36px minmax(0,1fr) auto 15px}}
html[data-theme="dark"] .home-trip-options-v526,html[data-theme="dark"] .ride-option-row-v526{background:#151c28;border-color:#2a3445;color:#eef2f9}html[data-theme="dark"] .home-trip-options-v526.active{background:linear-gradient(100deg,#171e2b,#1c1b31);border-color:#534a7b}html[data-theme="dark"] .trip-options-copy-v526 strong,html[data-theme="dark"] .ride-option-copy-v526 strong{color:#f1f4fa}html[data-theme="dark"] .trip-options-copy-v526 small,html[data-theme="dark"] .ride-option-copy-v526 small,html[data-theme="dark"] .ride-options-intro-v526{color:#98a3b6}html[data-theme="dark"] .ride-option-detail-v526,html[data-theme="dark"] .ride-options-note-v526{background:#101722;border-color:#293346;color:#98a3b6}html[data-theme="dark"] .ride-hour-presets-v526 button,html[data-theme="dark"] .ride-option-detail-v526 input,html[data-theme="dark"] .ride-option-segment-v526{background:#0d141e;border-color:#303a4c;color:#e8edf6}html[data-theme="dark"] .ride-option-segment-v526 button.active,html[data-theme="dark"] .ride-hour-presets-v526 button.active{background:#24213a;color:#c9bcff}html[data-theme="dark"] .review-trip-options-v526 span{background:#1d1a31;border-color:#514779;color:#cbbdff}

/* Phase 5.27.0 — Concept-fidelity Trip Options + Review */
.trip-options-home-v527{margin-top:14px}.trip-options-home-title-v527{display:flex;align-items:center;justify-content:center;gap:6px;margin-bottom:9px}.trip-options-home-title-v527 h3{margin:0;font-size:12px;font-weight:900;color:#24263a}.trip-options-home-title-v527 button{width:18px;height:18px;border:0;background:transparent;color:#85899a;padding:0}.trip-options-home-title-v527 button svg{width:15px;height:15px}.trip-options-home-grid-v527{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.trip-option-home-card-v527{min-width:0;min-height:143px;padding:11px 6px 9px;border:1px solid #e7e6ef;border-radius:17px;background:#fff;box-shadow:0 6px 17px rgba(29,27,72,.04);display:flex;flex-direction:column;align-items:center;text-align:center;color:#24263a}.trip-option-home-card-v527.active{border-color:#cfc3ff;background:linear-gradient(180deg,#fff,#faf8ff)}.trip-option-home-card-v527.disabled{opacity:.52}.trip-home-icon-v527{width:38px;height:38px;border-radius:12px;background:#f0ebff;color:#7049eb;display:grid;place-items:center}.trip-home-icon-v527.blue{background:#edf5ff;color:#3d82f4}.trip-home-icon-v527.green{background:#ebf9ef;color:#38a961}.trip-home-icon-v527 svg{width:20px;height:20px}.trip-option-home-card-v527>strong{margin-top:8px;font-size:9.5px;line-height:1.2}.trip-option-home-card-v527>small{margin-top:auto;padding-top:7px;font-size:7.5px;line-height:1.2;color:#898d9f}.mini-option-switch-v527{width:38px;height:22px;margin-top:10px;padding:3px;border:0;border-radius:999px;background:#e2e4eb}.mini-option-switch-v527 i{display:block;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.13);transition:.18s}.mini-option-switch-v527.active{background:linear-gradient(100deg,#7747ed,#477cf4)}.mini-option-switch-v527.active i{transform:translateX(16px)}.trip-hour-home-v527{height:30px;min-width:64px;margin-top:8px;padding:0 7px;border:1px solid #dfdce9;border-radius:10px;background:#fff;color:#484c60;font-size:8.5px;font-weight:850;display:flex;align-items:center;justify-content:center;gap:3px}.trip-hour-home-v527 svg{width:12px}.trip-home-segment-v527{display:grid;grid-template-columns:1fr 1fr;width:100%;margin-top:8px;padding:2px;border:1px solid #e1dfe8;border-radius:10px;background:#f7f7fa}.trip-home-segment-v527 button{height:27px;border:0;border-radius:8px;background:transparent;font-size:8px;font-weight:850;color:#616578}.trip-home-segment-v527 button.active{background:linear-gradient(100deg,#7747ed,#5a65ef);color:#fff}

.ride-options-sheet-v527{display:flex;flex-direction:column;gap:10px}.ride-options-intro-v527{margin:0 2px 7px;color:#777c8e;font-size:10px;line-height:1.55}.ride-option-row-v527{min-height:82px;padding:12px 13px;border:1px solid #e7e6ef;border-radius:17px;background:#fff;display:grid;grid-template-columns:43px minmax(0,1fr) auto;gap:12px;align-items:center}.ride-option-row-v527.nested{margin-left:24px;border-left:2px dashed #d8ccff}.ride-option-icon-v527{width:43px;height:43px;border-radius:13px;background:#f0ebff;color:#7049eb;display:grid;place-items:center}.ride-option-icon-v527.blue{background:#edf5ff;color:#3d82f4}.ride-option-icon-v527.green{background:#ebf9ef;color:#38a961}.ride-option-icon-v527 svg{width:21px}.ride-option-copy-v527{min-width:0}.ride-option-copy-v527 strong{display:block;font-size:12px;color:#24263a}.ride-option-copy-v527 strong em{margin-left:5px;padding:3px 7px;border-radius:999px;background:#e9f8ed;color:#35a35b;font-size:7px;font-style:normal}.ride-option-copy-v527 small{display:block;margin-top:4px;font-size:8.7px;line-height:1.4;color:#85899b}.ride-option-switch-v527{width:45px;height:26px;padding:3px;border:0;border-radius:999px;background:#e1e3ea}.ride-option-switch-v527 i{display:block;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 2px 7px rgba(0,0,0,.15);transition:.18s}.ride-option-switch-v527.active{background:linear-gradient(100deg,#7747ed,#4b77f4)}.ride-option-switch-v527.active i{transform:translateX(19px)}.ride-option-detail-v527{margin-top:-4px;padding:12px 13px 13px 68px;border:1px solid #ebe9f3;border-top:0;border-radius:0 0 16px 16px;background:#fbfaff}.ride-option-detail-v527>span{display:block;margin-bottom:9px;font-size:9px;font-weight:850;color:#62677a}.ride-hour-presets-v527{display:flex;gap:7px;flex-wrap:wrap}.ride-hour-presets-v527 button{height:36px;min-width:54px;padding:0 11px;border:1px solid #e2e0ec;border-radius:11px;background:#fff;color:#5f6476;font-size:9px;font-weight:850}.ride-hour-presets-v527 button.active{border-color:#7a55ef;color:#6745e4;background:#f4f0ff}.ride-option-detail-v527 label{display:grid;grid-template-columns:1fr 76px;gap:10px;align-items:center;margin-top:10px;font-size:9px;color:#73788a}.ride-option-detail-v527 input{width:76px;height:36px;padding:0 10px;border:1px solid #e2e0ec;border-radius:11px;background:#fff;font:inherit;font-size:10px;color:#24263a}.ride-option-segment-v527{display:grid;grid-template-columns:1fr 1fr;min-width:116px;padding:3px;border:1px solid #e2e0eb;border-radius:12px;background:#f7f7fa}.ride-option-segment-v527 button{height:34px;border:0;border-radius:9px;background:transparent;color:#666b7e;font-size:9px;font-weight:850}.ride-option-segment-v527 button.active{background:#fff;color:#6645e4;box-shadow:0 4px 12px rgba(55,52,100,.08)}.ride-options-pricing-v527{margin-top:4px;padding:13px;border:1px solid #e5e2f1;border-radius:16px;background:linear-gradient(135deg,#fbfaff,#f6f7ff)}.ride-options-pricing-v527 header,.ride-options-pricing-v527 div,.ride-options-pricing-v527 footer{display:flex;justify-content:space-between;align-items:center;gap:10px}.ride-options-pricing-v527 header{margin-bottom:10px}.ride-options-pricing-v527 header strong{font-size:10px;color:#6745e4}.ride-options-pricing-v527 header span{padding:4px 8px;border-radius:999px;background:#eee9ff;color:#6b49e7;font-size:7px}.ride-options-pricing-v527 div{padding:5px 0;font-size:8.8px;color:#606578}.ride-options-pricing-v527 div b{font-size:9.5px;color:#292b40}.ride-options-pricing-v527 div b.included{color:#37a85d}.ride-options-pricing-v527 footer{margin-top:8px;padding-top:10px;border-top:1px solid #e3e1eb}.ride-options-pricing-v527 footer strong{font-size:10px}.ride-options-pricing-v527 footer b{font-size:14px;color:#7049eb}.ride-options-apply-v527{margin-top:3px}.ride-options-footnote-v527{margin:0;display:flex;align-items:center;justify-content:center;gap:6px;color:#8a8e9f;font-size:8px}.ride-options-footnote-v527 svg{width:13px}

.modal:has(.ride-review-form-v527){inset:0!important;max-width:none!important;width:100%!important;height:100dvh!important;max-height:100dvh!important;border-radius:0!important;padding:calc(10px + var(--safeTop)) 15px calc(24px + var(--safeBottom))!important;background:linear-gradient(180deg,#eef5ff 0,#fff 260px,#fff 100%)!important;overflow:auto}.modal:has(.ride-review-form-v527)>.modal-grab,.modal:has(.ride-review-form-v527)>.modal-head{display:none}.ride-review-form-v527{gap:13px}.review-title-v527{padding:6px 3px 1px}.review-title-v527 h2{margin:0;font-size:24px;letter-spacing:-.04em;color:#1d2034}.review-title-v527 p{margin:5px 0 0;font-size:10px;color:#808598}.review-summary-card-v527,.review-pricing-v527{padding:15px;border:1px solid #e8e7f0;border-radius:22px;background:#fff;box-shadow:0 10px 26px rgba(29,27,72,.055)}.review-summary-card-v527 h3,.review-pricing-v527 h3{margin:0 0 13px;font-size:14px;color:#24263a}.review-route-row-v527{display:grid;grid-template-columns:43px minmax(0,1fr) 38px;gap:11px;align-items:center}.review-route-row-v527>span:last-child{width:36px;height:36px;border:1px solid #e8e6f0;border-radius:12px;color:#7049eb;display:grid;place-items:center}.review-route-row-v527>span:last-child svg{width:17px}.review-route-icon-v527{width:43px;height:43px;border-radius:50%;background:#fff;color:#7049eb;box-shadow:0 7px 18px rgba(31,29,76,.07);display:grid;place-items:center}.review-route-icon-v527.blue{color:#2e82f4}.review-route-icon-v527 svg{width:21px}.review-route-row-v527 small{display:block;text-transform:uppercase;letter-spacing:.06em;font-size:7.5px;font-weight:850;color:#7049eb}.review-route-row-v527 strong{display:block;margin-top:4px;font-size:11px;color:#24263a}.review-route-connector-v527{height:20px;margin:0 0 0 21px;border-left:3px dotted #c8b8ff}.review-vehicle-v527{display:grid;grid-template-columns:90px minmax(0,1fr);gap:11px;align-items:center;margin-top:14px;padding-top:13px;border-top:1px solid #ecebf2}.review-vehicle-v527 img{width:88px;height:49px;object-fit:contain}.review-vehicle-v527 small{display:block;font-size:8px;color:#7049eb}.review-vehicle-v527 strong{display:block;margin-top:3px;font-size:12px}.review-vehicle-v527 em{display:block;margin-top:3px;font-size:8.5px;font-style:normal;color:#85899b}.review-options-v527{margin-top:13px;padding-top:12px;border-top:1px solid #ecebf2}.review-options-v527>small{display:block;margin-bottom:8px;font-size:8px;color:#7049eb}.review-options-v527>div{display:flex;gap:7px;flex-wrap:wrap}.review-options-v527 span{display:inline-flex;align-items:center;gap:5px;padding:7px 9px;border:1px solid #dfd9ff;border-radius:999px;background:#faf8ff;color:#6745e4;font-size:8px;font-weight:850}.review-options-v527 span svg{width:12px}.review-pricing-v527>div,.review-pricing-v527>footer{display:flex;justify-content:space-between;align-items:center;padding:6px 0;font-size:9.5px;color:#686d80}.review-pricing-v527>div b{color:#282a3d}.review-pricing-v527 footer{margin-top:7px;padding-top:11px;border-top:1px solid #e6e4ed}.review-pricing-v527 footer strong{font-size:11px;color:#24263a}.review-pricing-v527 footer b{font-size:15px;color:#7049eb}.review-price-note-v527{text-align:center;margin:-2px 0 2px;color:#8a8e9f;font-size:8px;line-height:1.4}.ride-review-form-v527 .review-edit-v57{display:none}

@media(max-width:390px){.trip-options-home-grid-v527{gap:6px}.trip-option-home-card-v527{min-height:136px;padding-inline:4px}.trip-option-home-card-v527>strong{font-size:8.7px}.trip-option-home-card-v527>small{font-size:7px}.ride-option-row-v527{grid-template-columns:39px minmax(0,1fr) auto;padding:10px;gap:9px}.ride-option-icon-v527{width:39px;height:39px}.ride-option-segment-v527{min-width:104px}.ride-option-detail-v527{padding-left:59px}.review-summary-card-v527,.review-pricing-v527{padding:13px}}
html[data-theme="dark"] .trip-option-home-card-v527,html[data-theme="dark"] .ride-option-row-v527,html[data-theme="dark"] .review-summary-card-v527,html[data-theme="dark"] .review-pricing-v527{background:#151c28;border-color:#2b3546;color:#eef2f9}html[data-theme="dark"] .trip-option-home-card-v527.active{background:#1b1c31;border-color:#5b4d87}html[data-theme="dark"] .trip-options-home-title-v527 h3,html[data-theme="dark"] .trip-option-home-card-v527,html[data-theme="dark"] .ride-option-copy-v527 strong,html[data-theme="dark"] .review-title-v527 h2,html[data-theme="dark"] .review-summary-card-v527 h3,html[data-theme="dark"] .review-pricing-v527 h3,html[data-theme="dark"] .review-route-row-v527 strong,html[data-theme="dark"] .review-vehicle-v527 strong,html[data-theme="dark"] .review-pricing-v527 footer strong{color:#eef2f9}html[data-theme="dark"] .ride-options-intro-v527,html[data-theme="dark"] .ride-option-copy-v527 small,html[data-theme="dark"] .review-title-v527 p,html[data-theme="dark"] .review-vehicle-v527 em,html[data-theme="dark"] .review-price-note-v527{color:#98a3b6}html[data-theme="dark"] .ride-option-detail-v527,html[data-theme="dark"] .ride-options-pricing-v527{background:#101722;border-color:#293346}html[data-theme="dark"] .ride-hour-presets-v527 button,html[data-theme="dark"] .ride-option-detail-v527 input,html[data-theme="dark"] .ride-option-segment-v527{background:#0d141e;border-color:#303a4c;color:#e8edf6}html[data-theme="dark"] .ride-hour-presets-v527 button.active,html[data-theme="dark"] .ride-option-segment-v527 button.active{background:#24213a;color:#c9bcff}html[data-theme="dark"] .modal:has(.ride-review-form-v527){background:linear-gradient(180deg,#111824,#0e151f 260px,#0e151f 100%)!important}


/* Phase 5.25.0 — Real self-hosted full-world map integration */
.haggl-world-map-frame-v525{position:relative;background:#eaf0f5;overflow:hidden}
.haggl-world-map-iframe-v525{position:absolute;inset:0;z-index:2;width:100%;height:100%;border:0;background:transparent}
.haggl-world-map-frame-v525.home .haggl-world-map-iframe-v525{pointer-events:none}
.haggl-world-map-frame-v525.full .haggl-world-map-iframe-v525{pointer-events:auto}
.haggl-world-map-loading-v525{position:absolute;inset:0;z-index:1;display:grid;place-content:center;justify-items:center;gap:8px;color:#7d8292;background:linear-gradient(135deg,#edf2f6,#e3edf3)}
.haggl-world-map-loading-v525 span{width:28px;height:28px;border:3px solid rgba(112,73,235,.18);border-top-color:#7049eb;border-radius:50%;animation:hagglWorldMapSpinV525 .8s linear infinite}
.haggl-world-map-loading-v525 small{font-size:9px;font-weight:800}
.haggl-world-map-full-v525>.haggl-map-surface-v522{position:absolute;inset:0;width:100%;height:100%;border-radius:inherit}
.haggl-world-map-full-v525{position:relative;overflow:hidden}
.haggl-world-map-full-v525 .haggl-map-controls-v522{display:none!important}
@keyframes hagglWorldMapSpinV525{to{transform:rotate(360deg)}}
html[data-theme="dark"] .haggl-world-map-frame-v525{background:#0d141e}
html[data-theme="dark"] .haggl-world-map-loading-v525{color:#9ca6b5;background:linear-gradient(135deg,#111925,#172333)}
@media(prefers-reduced-motion:reduce){.haggl-world-map-loading-v525 span{animation:none}}


/* Phase 5.28.3 — Concept C Trip Options + expandable estimated total */
.ride-options-sheet-v5283{display:flex;flex-direction:column;gap:12px;padding-bottom:2px}
.ride-options-intro-v5283{margin:0 2px 4px;color:#7f8496;font-size:10px;line-height:1.45}
.ride-option-card-v5283{position:relative;display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:12px;align-items:center;min-height:86px;padding:14px;border:1px solid #e7e6ef;border-radius:18px;background:#fff;box-shadow:0 7px 20px rgba(29,27,72,.045)}
.ride-option-card-v5283.active{border-color:#d9d0ff;background:linear-gradient(110deg,#fff,#fbf9ff)}
.ride-option-icon-v5283{width:48px;height:48px;border-radius:15px;background:#f0ebff;color:#7049eb;display:grid;place-items:center;flex:0 0 auto}.ride-option-icon-v5283.blue{background:#edf5ff;color:#3783f4}.ride-option-icon-v5283.green{background:#eaf8ee;color:#31a65a}.ride-option-icon-v5283 svg{width:23px;height:23px}
.ride-option-copy-v5283{min-width:0}.ride-option-copy-v5283 strong{display:block;font-size:13px;line-height:1.2;color:#24263a}.ride-option-copy-v5283 small{display:block;margin-top:5px;font-size:9px;line-height:1.4;color:#858a9c}
.ride-option-switch-v5283{width:48px;height:28px;padding:3px;border:0;border-radius:999px;background:#e1e3e9}.ride-option-switch-v5283 i{display:block;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 2px 7px rgba(0,0,0,.15);transition:transform .18s ease}.ride-option-switch-v5283.active{background:linear-gradient(100deg,#7b45ed,#4c76f4)}.ride-option-switch-v5283.active i{transform:translateX(20px)}
.ride-option-card-v5283.all-day{grid-template-rows:auto auto}.ride-option-reservation-v5283{grid-column:1/-1;margin-top:2px;padding:14px;border:1px solid #ece9f3;border-radius:16px;background:#fbfaff}.ride-option-reservation-v5283>strong{display:block;margin-bottom:10px;font-size:10px;color:#5e6377}.ride-hour-presets-v5283{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.ride-hour-presets-v5283 button{height:40px;border:1px solid #dfdce8;border-radius:13px;background:#fff;color:#5f6476;font-size:9.5px;font-weight:850}.ride-hour-presets-v5283 button.active{border-color:#7a50ed;background:#f6f2ff;color:#6744e5;box-shadow:0 0 0 1px rgba(122,80,237,.06)}.ride-option-reservation-v5283 label{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:11px;color:#7c8193;font-size:9.5px}.ride-custom-hour-v5283{display:flex;align-items:center;width:104px;height:40px;padding:0 11px;border:1px solid #e1deea;border-radius:13px;background:#fff}.ride-custom-hour-v5283 input{width:100%;min-width:0;border:0;background:transparent;font:inherit;font-size:11px;color:#292b3f;outline:0}.ride-custom-hour-v5283 em{font-size:9px;font-style:normal;color:#8b90a1}
.ride-option-segment-v5283{display:grid;grid-template-columns:1fr 1fr;width:126px;padding:3px;border:1px solid #e1dfe8;border-radius:13px;background:#f6f6f9}.ride-option-segment-v5283 button{height:37px;border:0;border-radius:10px;background:transparent;color:#666b7e;font-size:9.5px;font-weight:850}.ride-option-segment-v5283 button.active{background:#fff;color:#6947e6;box-shadow:0 4px 12px rgba(55,52,100,.09)}
.ride-options-estimate-v5283{overflow:hidden;border:1px solid #e3def7;border-radius:17px;background:#fff;box-shadow:0 7px 20px rgba(42,35,99,.045);transition:border-color .18s ease}.ride-options-estimate-v5283.expanded{border-color:#8058f0;box-shadow:0 0 0 1px rgba(128,88,240,.05),0 10px 24px rgba(72,54,177,.08)}
.ride-options-estimate-toggle-v5283{width:100%;min-height:79px;padding:13px;border:0;background:#fff;display:grid;grid-template-columns:42px minmax(0,1fr) auto 18px;gap:10px;align-items:center;text-align:left;color:#24263a}.ride-estimate-icon-v5283{width:42px;height:42px;border-radius:13px;background:#f0ebff;color:#7049eb;display:grid;place-items:center}.ride-estimate-icon-v5283 svg{width:20px;height:20px}.ride-estimate-copy-v5283{min-width:0}.ride-estimate-copy-v5283 strong{display:block;font-size:11.5px}.ride-estimate-copy-v5283 small{display:block;margin-top:4px;font-size:8.3px;line-height:1.35;color:#85899b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ride-options-estimate-toggle-v5283>b{font-size:13px;color:#25273b;white-space:nowrap}.ride-estimate-chevron-v5283{display:grid;place-items:center;color:#777c8e;transform:rotate(90deg);transition:transform .18s ease}.ride-options-estimate-v5283.expanded .ride-estimate-chevron-v5283{transform:rotate(-90deg)}.ride-estimate-chevron-v5283 svg{width:16px;height:16px}
.ride-options-estimate-details-v5283{display:none;padding:2px 14px 14px}.ride-options-estimate-v5283.expanded .ride-options-estimate-details-v5283{display:block}.ride-options-estimate-details-v5283>div,.ride-options-estimate-details-v5283>footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 0;color:#666b7e;font-size:9px}.ride-options-estimate-details-v5283>div span{display:flex;align-items:center;gap:7px;min-width:0}.ride-options-estimate-details-v5283>div span svg{width:14px;height:14px;color:#7049eb;flex:0 0 auto}.ride-options-estimate-details-v5283>div b{color:#2a2c40;white-space:nowrap}.ride-options-estimate-details-v5283>div b.included{color:#31a85b}.ride-options-estimate-details-v5283 footer{margin-top:6px;padding-top:12px;border-top:1px solid #e6e4ed}.ride-options-estimate-details-v5283 footer strong{font-size:10.5px;color:#24263a}.ride-options-estimate-details-v5283 footer b{font-size:14px;color:#7049eb}
.ride-options-apply-v5283{width:100%;min-height:58px;border:0;border-radius:17px;background:linear-gradient(100deg,#7c35ef,#496ff3 56%,#2988f7);color:#fff;font-size:14px;font-weight:900;box-shadow:0 14px 28px rgba(82,66,221,.22)}
@media(max-width:390px){.ride-option-card-v5283{grid-template-columns:43px minmax(0,1fr) auto;padding:12px;gap:10px}.ride-option-icon-v5283{width:43px;height:43px}.ride-option-copy-v5283 strong{font-size:12px}.ride-option-copy-v5283 small{font-size:8.5px}.ride-option-segment-v5283{width:112px}.ride-hour-presets-v5283{gap:5px}.ride-hour-presets-v5283 button{padding:0 4px}.ride-options-estimate-toggle-v5283{grid-template-columns:39px minmax(0,1fr) auto 16px;padding:11px}.ride-estimate-icon-v5283{width:39px;height:39px}.ride-estimate-copy-v5283 small{max-width:180px}}
html[data-theme="dark"] .ride-option-card-v5283,html[data-theme="dark"] .ride-options-estimate-v5283,html[data-theme="dark"] .ride-options-estimate-toggle-v5283{background:#151c28;border-color:#2b3546;color:#eef2f9}html[data-theme="dark"] .ride-option-card-v5283.active{background:#1b1c31;border-color:#5b4d87}html[data-theme="dark"] .ride-option-copy-v5283 strong,html[data-theme="dark"] .ride-estimate-copy-v5283 strong,html[data-theme="dark"] .ride-options-estimate-toggle-v5283>b,html[data-theme="dark"] .ride-options-estimate-details-v5283 footer strong{color:#eef2f9}html[data-theme="dark"] .ride-options-intro-v5283,html[data-theme="dark"] .ride-option-copy-v5283 small,html[data-theme="dark"] .ride-estimate-copy-v5283 small,html[data-theme="dark"] .ride-options-estimate-details-v5283>div{color:#98a3b6}html[data-theme="dark"] .ride-option-reservation-v5283{background:#101722;border-color:#293346}html[data-theme="dark"] .ride-hour-presets-v5283 button,html[data-theme="dark"] .ride-custom-hour-v5283,html[data-theme="dark"] .ride-option-segment-v5283{background:#0d141e;border-color:#303a4c;color:#e8edf6}html[data-theme="dark"] .ride-hour-presets-v5283 button.active,html[data-theme="dark"] .ride-option-segment-v5283 button.active{background:#24213a;color:#c9bcff}html[data-theme="dark"] .ride-options-estimate-v5283.expanded{border-color:#7458d7}html[data-theme="dark"] .ride-options-estimate-details-v5283>div b{color:#edf1f8}html[data-theme="dark"] .ride-options-estimate-details-v5283 footer b{color:#bca8ff}