/* Approved reference match: ride chooser, payment pages, and silver vehicle art. */

#cc-ride-app .cc-ride-choice-sheet{

    max-height:62svh!important;

    padding:18px 18px calc(15px + env(safe-area-inset-bottom))!important;

    border-radius:28px 28px 0 0!important;

    color:#0b1017!important;

    background:#fff!important;

    box-shadow:0 -14px 40px rgba(20,39,57,.16)!important;

}


#cc-ride-app .cc-ride-choice-sheet h2{

    margin:0 0 4px!important;

    font-size:26px!important;

    font-weight:820!important;

    letter-spacing:-.8px!important;

}

#cc-ride-app .cc-route-caption{margin:0 0 10px!important;color:#788592!important;font-size:12px!important}

#cc-ride-app .cc-route-caption svg{width:17px!important;height:17px!important}

#cc-ride-app .cc-ride-types{display:grid!important;gap:0!important;margin:0!important;border-top:1px solid #edf0f3!important}

#cc-ride-app .cc-ride-type{

    position:relative!important;

    display:grid!important;

    grid-template-columns:104px minmax(0,1fr) auto!important;

    align-items:center!important;

    gap:12px!important;

    min-height:92px!important;

    margin:0!important;

    padding:10px 12px!important;

    border:2px solid transparent!important;

    border-bottom:1px solid #edf0f3!important;

    border-radius:0!important;

    color:#0a0d12!important;

    background:#fff!important;

    box-shadow:none!important;

}

#cc-ride-app .cc-ride-type:has(input:checked){

    border:3px solid #090b0e!important;

    border-radius:19px!important;

    background:#fff!important;

    box-shadow:0 8px 24px rgba(12,17,24,.08)!important;

}

#cc-ride-app .cc-car-art{

    display:block!important;

    width:104px!important;

    height:68px!important;

    border:0!important;

    background:url('../images/ride-sedan-choice.png') center/contain no-repeat!important;

    filter:drop-shadow(0 8px 6px rgba(20,30,40,.13))!important;

}

#cc-ride-app .cc-car-art svg{display:none!important}

#cc-ride-app .cc-ride-type > span:not(.cc-car-art){display:grid!important;gap:4px!important;text-align:left!important}

#cc-ride-app .cc-ride-type strong{font-size:18px!important;font-weight:790!important;line-height:1.05!important}

#cc-ride-app .cc-ride-type small{color:#515b66!important;font-size:12px!important;line-height:1.25!important}

#cc-ride-app .cc-ride-type b{align-self:center!important;color:#080b10!important;font-size:18px!important;font-weight:800!important;white-space:nowrap!important}

#cc-ride-app .cc-ride-choice-sheet > .cc-payment-toggle,

#cc-ride-app .cc-ride-choice-sheet > .cc-payment-toggle:is(:hover,:focus,:active){

    display:grid!important;

    grid-template-columns:40px minmax(0,1fr) 20px!important;

    align-items:center!important;

    gap:12px!important;

    width:100%!important;

    min-height:58px!important;

    margin:8px 0 11px!important;

    padding:7px 5px!important;

    border:0!important;

    border-top:1px solid #edf0f3!important;

    border-bottom:1px solid #edf0f3!important;

    border-radius:0!important;

    color:#111720!important;

    background:#fff!important;

    box-shadow:none!important;

    text-align:left!important;

}

#cc-ride-app .cc-payment-toggle > i{display:grid!important;place-items:center!important;width:40px!important;height:40px!important;border-radius:10px!important;background:#eef3f7!important}

#cc-ride-app .cc-payment-toggle > i svg{width:22px!important;height:22px!important}

#cc-ride-app .cc-payment-toggle > span{font-size:14px!important;font-weight:760!important}

#cc-ride-app .cc-payment-toggle > svg{width:20px!important;height:20px!important;color:#66717d!important}

#cc-ride-app .cc-ride-choice-sheet > #cc-payment-methods,

#cc-ride-app .cc-ride-choice-sheet > #cc-payment-methods[hidden]{display:none!important}

#cc-ride-app .cc-request-button,

#cc-ride-app .cc-request-button:is(:hover,:focus,:active){

    min-height:58px!important;

    border:0!important;

    border-radius:15px!important;

    color:#fff!important;

    background:#071f38!important;

    box-shadow:0 12px 26px rgba(7,31,56,.18)!important;

    font-size:16px!important;

    font-weight:790!important;

}

#cc-ride-app .cc-mmg-reference{margin:7px 0 11px!important;padding:12px!important;border:1px solid #dce7ef!important;border-radius:13px!important;background:#f7fafc!important}

#cc-ride-app .cc-payment-page[hidden]{display:none!important}



/* Mobile ride chooser alignment corrections. */

#cc-ride-app .cc-ride-type{

    box-sizing:border-box!important;

    grid-template-columns:88px minmax(0,1fr) 78px!important;

    column-gap:10px!important;

    min-height:82px!important;

    padding:9px 10px!important;

}

#cc-ride-app .cc-ride-type:has(input:checked){

    border-width:2px!important;

    border-radius:17px!important;

    padding:9px 10px!important;

    box-shadow:0 4px 14px rgba(12,17,24,.08)!important;

}

#cc-ride-app .cc-car-art{

    justify-self:start!important;

    width:76px!important;

    height:52px!important;

    background:transparent url('../images/ride-sedan-choice.png') center/contain no-repeat!important;

    filter:drop-shadow(0 5px 4px rgba(20,30,40,.12))!important;

}

#cc-ride-app .cc-ride-type > span:not(.cc-car-art){

    min-width:0!important;

    gap:2px!important;

}

#cc-ride-app .cc-ride-type strong{

    font-size:16px!important;

    line-height:1.08!important;

}

#cc-ride-app .cc-ride-type small{

    display:block!important;

    min-width:0!important;

    font-size:10.5px!important;

    line-height:1.18!important;

    overflow-wrap:break-word!important;

}

#cc-ride-app .cc-ride-type b{

    justify-self:end!important;

    font-size:16px!important;

}

#cc-ride-app.is-choosing-ride .cc-map-experience > .cc-map-locate{

    display:none!important;

}

#cc-ride-app .cc-ride-choice-sheet > .cc-payment-toggle,

#cc-ride-app .cc-ride-choice-sheet > .cc-payment-toggle:is(:hover,:focus,:active){

    grid-template-columns:36px minmax(0,1fr) 18px!important;

    gap:11px!important;

    min-height:54px!important;

}

#cc-ride-app .cc-ride-choice-sheet > .cc-payment-toggle > i{

    width:36px!important;

    height:36px!important;

    border-radius:9px!important;

}

#cc-ride-app .cc-request-button,

#cc-ride-app .cc-request-button:is(:hover,:focus,:active){

    display:flex!important;

    align-items:center!important;

    justify-content:center!important;

    width:100%!important;

    max-width:none!important;

    min-height:58px!important;

    margin:12px 0 0!important;

    padding:0 16px!important;

    border-radius:13px!important;

    text-align:center!important;

}

@media(max-width:430px){

    #cc-ride-app .cc-ride-type{

        grid-template-columns:84px minmax(0,1fr) 74px!important;

        column-gap:10px!important;

        min-height:80px!important;

        padding:8px 9px!important;

    }

    #cc-ride-app .cc-ride-type:has(input:checked){padding:8px 9px!important}

    #cc-ride-app .cc-car-art{width:72px!important;height:48px!important}

    #cc-ride-app .cc-ride-type strong,#cc-ride-app .cc-ride-type b{font-size:15.5px!important}

    #cc-ride-app .cc-ride-type small{font-size:10px!important}

}

#cc-ride-app .cc-payment-page{

    position:absolute!important;

    z-index:1000010!important;

    inset:0!important;

    display:flex!important;

    flex-direction:column!important;

    overflow-y:auto!important;

    color:#0a0d12!important;

    background:#fff!important;

    font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;

}

#cc-ride-app .cc-payment-page > header{

    position:sticky!important;

    z-index:3!important;

    top:0!important;

    display:grid!important;

    grid-template-columns:48px minmax(0,1fr) 48px!important;

    align-items:center!important;

    min-height:calc(88px + env(safe-area-inset-top))!important;

    padding:env(safe-area-inset-top) 22px 0!important;

    background:rgba(255,255,255,.97)!important;

    backdrop-filter:blur(16px)!important;

}

#cc-ride-app .cc-payment-page > header button,

#cc-ride-app .cc-payment-page > header button:is(:hover,:focus,:active){

    display:grid!important;

    grid-column:1!important;

    place-items:center!important;

    width:48px!important;

    height:48px!important;

    padding:0!important;

    border:0!important;

    color:#080b0f!important;

    background:transparent!important;

    box-shadow:none!important;

    font-size:46px!important;

    font-weight:300!important;

    line-height:1!important;

}

#cc-ride-app .cc-payment-page > header h2{

    grid-column:1 / -1!important;

    grid-row:2!important;

    margin:10px 0 0!important;

    color:#0a0d12!important;

    font-size:43px!important;

    font-weight:840!important;

    line-height:1!important;

    letter-spacing:-1.8px!important;

}

#cc-ride-app .cc-payment-page-body{display:grid!important;gap:0!important;width:min(100%,620px)!important;margin:0 auto!important;padding:22px 22px calc(34px + env(safe-area-inset-bottom))!important}

#cc-ride-app .cc-payment-page-body h3{margin:0 0 15px!important;font-size:25px!important;font-weight:820!important;letter-spacing:-.7px!important}

#cc-ride-app .cc-pay-method-list,#cc-ride-app .cc-add-method-list{display:grid!important;gap:0!important;border-top:1px solid #e7ebef!important}

#cc-ride-app .cc-pay-method,

#cc-ride-app .cc-pay-method:is(:hover,:focus,:active){

    display:grid!important;

    grid-template-columns:52px minmax(0,1fr) 28px!important;

    align-items:center!important;

    gap:15px!important;

    width:100%!important;

    min-height:84px!important;

    padding:11px 4px!important;

    border:0!important;

    border-bottom:1px solid #e7ebef!important;

    border-radius:0!important;

    color:#111!important;

    background:#fff!important;

    box-shadow:none!important;

    text-align:left!important;

}

#cc-ride-app .cc-pay-method > span:not(.cc-pay-brand){display:grid!important;gap:4px!important;min-width:0!important}

#cc-ride-app .cc-pay-method strong{font-size:17px!important;font-weight:720!important;line-height:1.1!important}

#cc-ride-app .cc-pay-method small{color:#69727c!important;font-size:12px!important;line-height:1.25!important}

#cc-ride-app .cc-pay-method > i{color:#111!important;font-size:27px!important;font-style:normal!important;font-weight:500!important;text-align:center!important}

#cc-ride-app .cc-pay-method.is-selected > i{display:grid!important;place-items:center!important;width:25px!important;height:25px!important;border:3px solid #111!important;border-radius:50%!important;font-size:13px!important}

#cc-ride-app .cc-pay-method.is-disabled{opacity:.5!important}

#cc-ride-app .cc-pay-brand{display:grid!important;place-items:center!important;width:52px!important;height:42px!important;border-radius:8px!important;color:#fff!important;font-size:13px!important;font-weight:900!important;font-style:normal!important;letter-spacing:-.3px!important}

#cc-ride-app .cc-pay-brand.is-card{background:linear-gradient(135deg,#244fd5,#1233a9)!important}

#cc-ride-app .cc-pay-brand.is-mmg{border-radius:12px!important;background:linear-gradient(135deg,#16c878,#079c5a)!important}

#cc-ride-app .cc-pay-brand.is-cash{background:#111820!important}

#cc-ride-app .cc-add-payment-row,

#cc-ride-app .cc-add-payment-row:is(:hover,:focus,:active){

    display:grid!important;

    grid-template-columns:52px minmax(0,1fr) 28px!important;

    align-items:center!important;

    gap:15px!important;

    width:100%!important;

    min-height:82px!important;

    padding:11px 4px!important;

    border:0!important;

    border-bottom:1px solid #e7ebef!important;

    border-radius:0!important;

    color:#111!important;

    background:#fff!important;

    box-shadow:none!important;

    text-align:left!important;

}

#cc-ride-app .cc-add-payment-row > span{font-size:34px!important;font-weight:300!important;text-align:center!important}

#cc-ride-app .cc-add-payment-row > b{font-size:17px!important;font-weight:720!important}

#cc-ride-app .cc-add-payment-row > i{font-size:27px!important;font-style:normal!important;text-align:center!important}

#cc-ride-app .cc-pay-intro{margin:0 0 17px!important;color:#65717c!important;font-size:14px!important;line-height:1.45!important}

#cc-ride-app .cc-payment-security{display:grid!important;grid-template-columns:40px minmax(0,1fr)!important;align-items:center!important;gap:12px!important;margin-top:24px!important;padding:16px!important;border-radius:16px!important;background:#eff8ff!important}

#cc-ride-app .cc-payment-security > span{display:grid!important;place-items:center!important;width:40px!important;height:40px!important;border-radius:50%!important;color:#fff!important;background:#128ad8!important;font-weight:800!important}

#cc-ride-app .cc-payment-security p{display:grid!important;gap:3px!important;margin:0!important}

#cc-ride-app .cc-payment-security strong{font-size:14px!important}

#cc-ride-app .cc-payment-security small{color:#607181!important;font-size:11px!important;line-height:1.35!important}

@media(max-width:430px){

    #cc-ride-app .cc-ride-choice-sheet{padding-left:14px!important;padding-right:14px!important}

    #cc-ride-app .cc-ride-type{grid-template-columns:88px minmax(0,1fr) auto!important;gap:9px!important;min-height:84px!important;padding:8px 9px!important}

    #cc-ride-app .cc-car-art{width:88px!important;height:60px!important}

    #cc-ride-app .cc-ride-type strong,#cc-ride-app .cc-ride-type b{font-size:16px!important}

    #cc-ride-app .cc-ride-type small{font-size:10.5px!important}

    #cc-ride-app .cc-payment-page > header{padding-left:18px!important;padding-right:18px!important}

    #cc-ride-app .cc-payment-page > header h2{font-size:39px!important}

    #cc-ride-app .cc-payment-page-body{padding-left:18px!important;padding-right:18px!important}

}

:root{--cc-blue:#0787ff;--cc-ink:#080b10;--cc-muted:#788291;--cc-line:rgba(255,255,255,.24);--cc-paper:#fff}

html:has(body.cc-rides-screen){margin-top:0!important;background:#000}

body.cc-rides-screen{margin:0!important;overflow:hidden!important;background:#000!important}

body.cc-rides-screen #wpadminbar,body.cc-rides-screen #masthead,body.cc-rides-screen .site-header,body.cc-rides-screen .elementor-location-header,body.cc-rides-screen #colophon,body.cc-rides-screen footer,body.cc-rides-screen .ccv-footer,body.cc-rides-screen .elementor-location-footer{display:none!important}

body.cc-rides-screen #page,body.cc-rides-screen #content,body.cc-rides-screen .site-content,body.cc-rides-screen main,body.cc-rides-screen article,body.cc-rides-screen .entry-content{width:100%!important;max-width:none!important;min-height:100%!important;margin:0!important;padding:0!important;background:transparent!important}

body.cc-rides-screen .entry-header,body.cc-rides-screen .entry-title{display:none!important}

.cc-ride-app,.cc-ride-app *{box-sizing:border-box}

.cc-ride-app{position:fixed;z-index:999999;inset:0;isolation:isolate;width:100%;height:100svh;overflow:hidden;color:#fff;background:#000;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.35;-webkit-font-smoothing:antialiased}

.cc-ride-app button,.cc-ride-app input,.cc-ride-app select{min-width:0;margin:0;font:inherit!important;letter-spacing:normal!important;text-transform:none!important;text-shadow:none!important}

.cc-ride-app button,.cc-ride-app a{-webkit-tap-highlight-color:transparent}

.cc-ride-app button{float:none!important;appearance:none;background-image:none!important;line-height:1.2}

.cc-ride-app button:hover,.cc-ride-app button:focus,.cc-ride-app button:active{transform:none!important;filter:none!important;text-decoration:none!important}

.cc-ride-app a{text-decoration:none}

.cc-ride-app label{margin:0;font-weight:inherit}.cc-ride-app input{float:none!important}.cc-ride-app h1,.cc-ride-app h2,.cc-ride-app h3,.cc-ride-app p{font-family:inherit}

.cc-ride-app svg{display:block;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}

.cc-ride-flow,.cc-flow-screen{position:absolute;inset:0;width:100%;height:100%}

.cc-flow-screen[hidden],.cc-app-menu[hidden],.cc-trips-screen[hidden],.cc-location-suggestions[hidden],.cc-place-suggestions[hidden],.cc-payment-methods[hidden],.cc-mmg-reference[hidden],.cc-schedule-wrap[hidden],.cc-rider-menu[hidden],.cc-location-gate[hidden],.cc-selected-place[hidden],.cc-delete-place[hidden],.cc-place-name-field[hidden],.cc-home-recents[hidden]{display:none!important}

.cc-wallpaper-screen{overflow:hidden;background-image:linear-gradient(180deg,rgba(0,0,0,.12),rgba(0,0,0,.02) 40%,rgba(0,0,0,.3)),url("../images/rides-night-car.png");background-size:cover;background-position:49% center;background-repeat:no-repeat}

.cc-rides-header{position:absolute;z-index:12;top:max(18px,env(safe-area-inset-top));left:20px;right:20px;display:flex;align-items:center;justify-content:space-between;height:54px}

.cc-icon-button{display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid rgba(255,255,255,.2);border-radius:50%;color:#fff;background:rgba(1,8,15,.52);backdrop-filter:blur(14px);box-shadow:0 8px 28px rgba(0,0,0,.24);text-decoration:none}

.cc-icon-button svg{width:23px;height:23px;stroke-width:1.8}

.cc-menu-button,

.cc-menu-button:hover,

.cc-menu-button:focus,

.cc-menu-button:focus-visible,

.cc-menu-button:active{

    border:0!important;

    border-radius:0!important;

    outline:0!important;

    background:transparent!important;

    background-color:transparent!important;

    background-image:none!important;

    box-shadow:none!important;

    filter:none!important;

    transform:none!important;

    color:#fff!important;

    opacity:1!important;

}



.cc-menu-button::before,

.cc-menu-button::after,

.cc-menu-button:hover::before,

.cc-menu-button:hover::after{

    display:none!important;

    content:none!important;

}



.cc-menu-button svg,

.cc-menu-button:hover svg,

.cc-menu-button:focus svg,

.cc-menu-button:active svg{

    color:#fff!important;

    stroke:#fff!important;

    background:transparent!important;

}

.cc-rides-wordmark{display:flex;flex-direction:column;align-items:center;gap:2px;color:#fff!important;text-decoration:none!important;text-shadow:0 2px 12px #000}

.cc-rides-wordmark strong{font-size:24px;font-weight:570;line-height:1;letter-spacing:3.2px}

.cc-rides-wordmark strong span{color:#098dff}

.cc-rides-wordmark small{color:#fff;font-size:11px;font-weight:800;letter-spacing:7px;text-indent:7px}

.cc-home-copy{position:absolute;z-index:2;top:auto;bottom:calc(264px + env(safe-area-inset-bottom));left:max(22px,5vw);text-shadow:0 2px 22px rgba(0,0,0,.9)}

.cc-home-copy h1,.cc-search-hero h2{margin:0;color:#fff;font-size:clamp(50px,8vw,82px);font-weight:850;line-height:.88;letter-spacing:-3.5px}

.cc-home-copy p,.cc-search-hero p{margin:18px 0 0;color:#eef4fb;font-size:clamp(17px,2.5vw,25px);font-weight:430;line-height:1.28;letter-spacing:-.3px}

.cc-home-actions{position:absolute;z-index:5;top:auto;bottom:calc(10px + env(safe-area-inset-bottom));left:50%;width:min(92%,620px);transform:translateX(-50%)}

.cc-where-button,.cc-where-button:hover,.cc-where-button:focus,.cc-where-button:active{display:flex;align-items:center;width:100%;height:68px;padding:8px 10px 8px 22px;border:1px solid rgba(255,255,255,.82)!important;border-radius:19px;color:#0a0c10!important;background:#fff!important;box-shadow:0 12px 36px rgba(0,0,0,.2),0 0 30px rgba(0,119,235,.14)!important;outline:0!important}

.cc-where-button>svg{flex:0 0 auto;width:31px;height:31px;stroke-width:2.3}

.cc-where-button>span:not(.cc-later-pill){margin-left:17px;color:#2b3038;font-size:24px;font-weight:500}

.cc-later-pill,.cc-later-pill:hover,.cc-later-pill:focus,.cc-later-pill:active{display:flex!important;align-items:center;gap:9px;height:54px;margin-left:auto!important;padding:0 20px;border:0!important;border-radius:28px;color:#0b0d10!important;background:#f0f0f0!important;box-shadow:none!important;font-size:17px!important;font-weight:720!important}

.cc-later-pill svg{width:23px;height:23px;stroke-width:2.2}

.cc-home-recents{margin-top:14px;padding:3px 22px;border:1px solid rgba(255,255,255,.82);border-radius:18px;color:#0d0f12;background:rgba(255,255,255,.98);box-shadow:0 15px 38px rgba(0,0,0,.2)}

.cc-place-row{position:relative;display:flex;align-items:center;width:100%;min-height:72px;padding:9px 2px;border:0;border-bottom:1px solid rgba(0,0,0,.12);color:inherit;background:transparent;text-align:left;cursor:pointer}

.cc-place-row:last-child{border-bottom:0}

.cc-place-icon{display:grid;place-items:center;flex:0 0 auto;width:48px;height:48px;margin-right:17px;border-radius:12px;color:#0c0f13;background:#f3f3f3}

.cc-place-icon svg{width:28px;height:28px;stroke-width:2}

.cc-place-row>span:nth-child(2){display:grid;gap:3px;min-width:0}

.cc-place-row strong{overflow:hidden;font-size:18px;font-weight:570;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}

.cc-place-row small{overflow:hidden;color:#9399a5;font-size:14px;font-weight:420;text-overflow:ellipsis;white-space:nowrap}

.cc-chevron{width:24px;height:24px;margin-left:auto;color:#81858b;stroke-width:2.6!important}

.cc-search-screen{overflow-y:auto;background-attachment:fixed;scrollbar-width:none}

.cc-search-screen::-webkit-scrollbar{display:none}

.cc-search-hero{position:absolute;z-index:2;top:12%;left:max(22px,5vw);text-shadow:0 2px 22px rgba(0,0,0,.9)}

.cc-search-hero h2{font-size:clamp(44px,7vw,70px)}

.cc-search-hero p{margin-top:11px;font-size:clamp(15px,2vw,20px)}

.cc-search-content{position:relative;z-index:5;width:min(94%,720px);margin:34svh auto 0;padding:0 0 calc(20px + env(safe-area-inset-bottom))}

.cc-trip-settings{position:relative}

.cc-search-pills{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(94px,.72fr) minmax(82px,.62fr);gap:9px;margin-bottom:14px}

.cc-trip-pill,.cc-trip-pill:hover,.cc-trip-pill:focus,.cc-trip-pill:active{display:flex;align-items:center;min-width:0;height:50px;padding:0 15px;border:1px solid rgba(255,255,255,.38)!important;border-radius:26px;color:#fff!important;background:linear-gradient(180deg,rgba(24,48,72,.88),rgba(7,22,39,.92))!important;backdrop-filter:blur(16px);box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 9px 26px rgba(0,0,0,.22)!important;outline:0!important;font-size:15px;font-weight:650;margin:0!important;transform:none!important}

button.cc-trip-pill{cursor:pointer}

.cc-trip-pill>i{flex:0 0 auto;width:19px;height:19px;margin-right:10px;border:6px solid #fff;border-radius:50%;background:#0b8eff;box-shadow:0 0 0 6px rgba(11,142,255,.22),0 0 18px #0b8eff}

.cc-trip-pill>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

#cc-rider-pill-label{flex:0 0 auto;overflow:visible;text-overflow:clip;white-space:nowrap}

.cc-trip-pill>svg{flex:0 0 auto;width:20px;height:20px;margin-right:9px;stroke-width:2.2}

.cc-trip-pill>svg:last-child{width:17px;margin:0 0 0 auto}

.cc-trip-pill select,

.cc-trip-pill select:hover,

.cc-trip-pill select:focus,

.cc-trip-pill select:active{

    flex:0 0 42px;

    width:42px;

    min-width:42px;

    max-width:42px;

    height:20px!important;

    margin:0!important;

    padding:0!important;

    border:0!important;

    border-radius:0!important;

    outline:0!important;

    color:#fff!important;

    -webkit-text-fill-color:#fff!important;

    background:transparent!important;

    background-color:transparent!important;

    background-image:none!important;

    box-shadow:none!important;

    opacity:1!important;

    font-family:inherit!important;

    font-size:15px!important;

    font-weight:650!important;

    line-height:20px!important;

    text-align:left;

    vertical-align:middle!important;

    transform:none!important;

    appearance:none!important;

    -webkit-appearance:none!important;

}

.cc-trip-pill select option{color:#111;background:#fff}

.cc-passenger-pill{cursor:pointer}

.cc-rider-pill-icon{display:grid;place-items:center;flex:0 0 auto}.cc-rider-pill-icon svg{width:20px;height:20px;margin:0}.cc-passenger-pill.is-guest{justify-content:center;padding:0}.cc-passenger-pill.is-guest .cc-rider-pill-icon{width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.13)}.cc-passenger-pill.is-guest .cc-rider-pill-icon svg{width:22px;height:22px}.cc-passenger-pill.is-guest #cc-rider-pill-label,.cc-passenger-pill.is-guest .cc-rider-pill-caret{display:none}

.cc-rider-menu{position:absolute;z-index:30;top:58px;right:0;width:min(330px,calc(100vw - 24px));padding:8px;border:1px solid rgba(255,255,255,.35);border-radius:20px;color:#111;background:#fff;box-shadow:0 24px 65px rgba(0,0,0,.4)}

.cc-rider-menu-head{display:grid;gap:2px;padding:10px 11px 8px}.cc-rider-menu-head strong{font-size:17px}.cc-rider-menu-head small{color:#727982;font-size:11px}

.cc-rider-menu>button{display:grid;grid-template-columns:42px minmax(0,1fr) 22px;align-items:center;gap:11px;width:100%;min-height:58px;padding:7px 9px;border:0;border-radius:13px;color:#111!important;background:#fff!important;text-align:left}.cc-rider-menu>button:hover,.cc-rider-menu>button:focus,.cc-rider-menu>button.is-selected{color:#111!important;background:#f1f3f5!important}.cc-rider-menu>button>span:nth-child(2){display:grid;gap:2px}.cc-rider-menu>button strong{font-size:14px}.cc-rider-menu>button small{color:#777f88;font-size:11px}.cc-rider-menu>button>svg{width:21px;height:21px;color:#0a8cff;opacity:0}.cc-rider-menu>button.is-selected>svg{opacity:1}

.cc-rider-avatar{display:grid!important;place-items:center;width:40px;height:40px;border-radius:50%;color:#fff;background:#0b1724;font-size:10px;font-weight:850;letter-spacing:.4px}

.cc-rider-avatar svg{width:22px;height:22px;stroke-width:1.8}

.cc-guest-rider{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:-3px 0 13px;padding:13px;border:1px solid rgba(255,255,255,.28);border-radius:18px;color:#111;background:#f6f4ef;box-shadow:0 12px 34px rgba(0,0,0,.2)}

.cc-guest-rider[hidden]{display:none!important}.cc-guest-rider>div{grid-column:1/-1;display:grid;gap:2px}.cc-guest-rider>div strong{font-size:15px}.cc-guest-rider>div small{color:#747b82;font-size:10px}.cc-guest-rider label{display:grid;gap:5px}.cc-guest-rider label span{font-size:10px;font-weight:750}.cc-guest-rider input{width:100%;height:42px;padding:0 11px;border:1px solid #d6d6d3;border-radius:10px;outline:0;color:#111;background:#fff;box-shadow:none}.cc-guest-rider input:focus{border-color:#0787ff;box-shadow:0 0 0 3px rgba(7,135,255,.12)}

.cc-schedule-wrap{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:13px;width:100%;max-width:100%;margin:8px 0 24px!important;padding:10px 14px;overflow:hidden;border:1px solid rgba(255,255,255,.24);border-radius:15px;color:#fff;background:rgba(5,19,34,.92);backdrop-filter:blur(16px)}

.cc-schedule-wrap span{font-size:12px;font-weight:700}

.cc-schedule-wrap input{display:block;min-width:0;width:100%;max-width:100%;height:38px;padding:0 10px;overflow:hidden;border:1px solid rgba(255,255,255,.24);border-radius:10px;color:#fff;background:rgba(255,255,255,.08);box-shadow:none;color-scheme:dark}

.cc-schedule-wrap input::-webkit-calendar-picker-indicator{filter:invert(1);opacity:.9}

.cc-destination-search{display:flex;align-items:center;height:66px;padding:6px 8px 6px 20px;border-radius:34px;color:#090c11;background:#fff;box-shadow:0 8px 35px rgba(0,91,183,.3)}

.cc-destination-search>svg{flex:0 0 auto;width:30px;height:30px;stroke-width:2.2}

.cc-destination-search input{min-width:0;flex:1;height:50px;padding:0 14px;border:0;outline:0;color:#111;background:transparent;font-size:22px;font-weight:560;box-shadow:none!important}

.cc-destination-search input::placeholder{color:#41506a;opacity:1}

.cc-destination-search button{display:grid;place-items:center;flex:0 0 auto;width:52px;height:52px;padding:0;border:0;border-radius:50%;color:#078cff;background:#071528;box-shadow:0 0 0 6px rgba(10,138,255,.12),0 0 26px rgba(0,137,255,.42)}

.cc-destination-search button svg{width:30px;height:30px;stroke-width:2.5}

.cc-saved-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}

.cc-saved-grid button{display:flex;align-items:center;min-width:0;height:72px;padding:10px 14px;border:1px solid rgba(255,255,255,.36);border-radius:15px;color:#fff!important;background:rgba(5,15,27,.78)!important;backdrop-filter:blur(15px);text-align:left}

.cc-saved-grid svg{flex:0 0 auto;width:31px;height:31px;margin-right:13px;stroke-width:1.8}

.cc-saved-grid span{display:grid;min-width:0}

.cc-saved-grid strong{font-size:16px;font-weight:670}

.cc-saved-grid small{overflow:hidden;color:#adb8c8;font-size:12px;text-overflow:ellipsis;white-space:nowrap}

.cc-recent-sheet{margin:18px calc(50% - 50vw) 0;padding:16px max(16px,calc((100vw - min(94vw,720px))/2)) calc(14px + env(safe-area-inset-bottom));border:0;border-radius:22px 22px 0 0;color:#0b0d10;background:#f7f5f0;box-shadow:0 -8px 34px rgba(0,0,0,.18)}

.cc-recent-head{display:flex;align-items:center;justify-content:space-between;margin:0 2px 8px;padding-bottom:10px;border-bottom:1px solid #d9d7d2}

.cc-recent-head h3{margin:0;color:#0b0d10;font-size:20px;font-weight:760;letter-spacing:-.5px}

.cc-recent-list{padding:0;color:#0b0d10;background:transparent}

.cc-recent-list .cc-place-row,.cc-recent-list .cc-place-row:hover,.cc-recent-list .cc-place-row:focus,.cc-recent-list .cc-place-row:active{min-height:61px;border-color:#dbdad6!important;border-radius:0!important;color:#0b0d10!important;background:transparent!important;box-shadow:none!important;outline:0!important}

.cc-recent-list .cc-place-icon{width:40px;height:40px;margin-right:13px;color:#0b0d10;background:#eceae5}

.cc-recent-list .cc-place-icon svg{width:27px;height:27px}

.cc-recent-list .cc-place-row strong{font-size:16px}

.cc-recent-list .cc-place-row small{color:#747b83;font-size:12px}

.cc-set-map-row,.cc-set-map-row:hover,.cc-set-map-row:focus,.cc-set-map-row:active{display:flex;align-items:center;width:100vw!important;max-width:none!important;min-height:64px;margin:24px calc(50% - 50vw) 0!important;padding:8px 14px;border:1px solid rgba(255,255,255,.3)!important;border-radius:14px;color:#fff!important;background:rgba(5,15,27,.9)!important;backdrop-filter:blur(15px);box-shadow:none!important;outline:0!important;text-align:left}

.cc-set-map-row>span{display:grid;place-items:center;width:44px;height:44px;margin-right:12px;border-radius:13px;background:rgba(4,139,255,.18)}

.cc-set-map-row>span svg{width:25px;height:25px;color:#139cff}

.cc-set-map-row strong{font-size:16px}

.cc-location-suggestions{margin-top:9px;padding:6px 13px;border:1px solid rgba(255,255,255,.25);border-radius:20px;color:#fff;background:rgba(3,13,25,.95);backdrop-filter:blur(22px);box-shadow:0 20px 55px rgba(0,0,0,.38)}

.cc-location-suggestions button{display:flex;align-items:center;width:100%;min-height:62px;padding:9px 4px;border:0;border-bottom:1px solid rgba(255,255,255,.14);color:#fff;background:transparent;text-align:left}

.cc-location-suggestions button:last-child{border-bottom:0}

.cc-location-suggestions button>span:last-child{display:grid;gap:2px;min-width:0}

.cc-location-suggestions strong{font-size:15px;font-weight:650}

.cc-location-suggestions small{overflow:hidden;color:#96a6ba;font-size:12px;text-overflow:ellipsis;white-space:nowrap}

.cc-suggestion-pin{position:relative;flex:0 0 auto;width:20px;height:20px;margin:0 17px 0 7px;border:6px solid #fff;border-radius:50%;background:#078cff;box-shadow:0 0 0 5px rgba(7,140,255,.18)}

.cc-suggestion-pin.map{border-width:2px;border-radius:6px;background:transparent}

.cc-ride-app.is-searching .cc-saved-grid,.cc-ride-app.is-searching .cc-recent-sheet,.cc-ride-app.is-searching .cc-search-content>.cc-set-map-row{display:none}

.cc-map-experience{color:#080a0d;background:#e8eaec}

#cc-ride-map{position:absolute;inset:0;background:#e5e7e9}

#cc-ride-map .gm-style{font-family:inherit!important}

#cc-ride-map .gm-style img{max-width:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;filter:none!important}

#cc-ride-map .gm-style>div{filter:none!important}

.cc-map-back,

.cc-map-back:hover,

.cc-map-back:focus,

.cc-map-back:active,

.cc-map-locate,

.cc-map-locate:hover,

.cc-map-locate:focus,

.cc-map-locate:active{

    position:absolute;

    z-index:700;

    display:grid;

    place-items:center;

    width:56px;

    height:56px;

    padding:0!important;

    border:0!important;

    border-radius:50%!important;

    color:#090b0f!important;

    background:#fff!important;

    background-color:#fff!important;

    background-image:none!important;

    box-shadow:0 5px 18px rgba(0,0,0,.16)!important;

    outline:0!important;

    filter:none!important;

    transform:none!important;

}

.cc-map-back{top:max(22px,calc(env(safe-area-inset-top) + 12px));left:18px}

.cc-map-locate{right:18px;bottom:328px}

.cc-map-back svg,.cc-map-locate svg{width:29px;height:29px;stroke-width:2.3}

.cc-map-center-pin{position:absolute;z-index:650;left:50%;top:50%;width:34px;height:46px;transform:translate(-50%,-100%);pointer-events:none}

.cc-map-center-pin:before{content:"";position:absolute;left:3px;top:0;width:28px;height:28px;border:9px solid #050505;border-radius:50%;background:#fff;box-shadow:0 3px 10px rgba(0,0,0,.24)}

.cc-map-center-pin:after{content:"";position:absolute;left:15px;bottom:0;width:4px;height:20px;background:#050505}

.cc-map-center-pin i{position:absolute;z-index:2;left:15px;top:12px;width:4px;height:4px;border-radius:50%;background:#050505}

.cc-map-confirm-sheet,.cc-ride-choice-sheet{position:absolute;z-index:680;left:0;right:0;bottom:0;padding:10px 18px calc(18px + env(safe-area-inset-bottom));border-radius:28px 28px 0 0;background:#fff;box-shadow:0 -10px 35px rgba(0,0,0,.12)}

.cc-sheet-grabber{width:42px;height:4px;margin:0 auto 22px;border-radius:4px;background:#ececec}

.cc-map-confirm-sheet h2{margin:0;color:#050608;font-size:30px;font-weight:790;line-height:1.1;text-align:center;letter-spacing:-1px}

.cc-map-confirm-sheet>p{margin:7px 0 23px;color:#222;font-size:18px;text-align:center}

.cc-map-address{display:grid;grid-template-columns:12px minmax(0,1fr) 25px;align-items:center;gap:15px;min-height:58px;padding:10px 16px;border-radius:13px;background:#efefef}

.cc-map-address i{width:11px;height:11px;border:3px solid #090b0e;border-radius:2px;background:#fff}

.cc-map-address span{overflow:hidden;font-size:16px;font-weight:560;text-overflow:ellipsis;white-space:nowrap}

.cc-map-address svg{width:23px;height:23px;stroke-width:2}

.cc-black-button,.cc-black-button:hover,.cc-black-button:focus,.cc-black-button:active{display:block;width:100%;min-height:63px;margin-top:16px;padding:12px 18px;border:0!important;border-radius:13px;color:#fff!important;background:#000!important;box-shadow:none!important;outline:0!important;font-size:20px;font-weight:650}

.cc-ride-choice-sheet{display:none;max-height:58svh;overflow-y:auto;padding:10px 16px calc(16px + env(safe-area-inset-bottom));border-radius:25px 25px 0 0}

.cc-choice-title{display:flex;align-items:flex-start;justify-content:space-between;margin:0 4px 12px}

.cc-choice-title h2{margin:0;color:#050608;font-size:27px;font-weight:790;letter-spacing:-.8px}

.cc-choice-title p{max-width:270px;margin:3px 0 0;overflow:hidden;color:#70757d;font-size:12px;text-overflow:ellipsis;white-space:nowrap}

.cc-route-caption{
    display:grid;
    grid-template-columns:auto 24px auto;
    align-items:center;
    justify-content:start;
    gap:-3px;
    width:max-content;
    max-width:100%;
    margin-top:4px;
    color:#70757d;
    font-size:11px;
}

.cc-route-caption span:last-child{
    text-align:left;
}
.cc-choice-title button{padding:8px;border:0;color:#087dd9;background:transparent;font-size:13px;font-weight:700}

.cc-pickup-modal[hidden]{display:none!important}

.cc-pickup-modal{position:fixed;inset:0;z-index:1000003;display:flex;align-items:flex-end;justify-content:center;padding:16px;background:rgba(0,9,20,.7);backdrop-filter:blur(12px);overflow-y:auto;overscroll-behavior:contain}

.cc-pickup-modal-card{width:min(100%,470px);max-height:calc(100dvh - 32px);overflow-y:auto;overscroll-behavior:contain;padding:24px 24px max(22px,env(safe-area-inset-bottom));border:1px solid #fff;border-radius:28px;color:#101820!important;background:#fff!important;box-shadow:0 28px 90px rgba(0,0,0,.35)}

.cc-pickup-modal-card>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}

.cc-pickup-modal-card>header button,.cc-pickup-modal-card>header button:is(:hover,:focus,:active){display:grid;place-items:center;width:42px;height:36px;padding:0;border:1px solid #dbe1e7!important;border-radius:4px;color:#15212d!important;background:#f4f6f8!important;box-shadow:none!important}

.cc-pickup-modal-card>header button svg{width:19px;height:19px}

.cc-pickup-eyebrow{color:#087be0;font-size:10px;font-weight:800;letter-spacing:1.7px}

.cc-pickup-modal-card h2{margin:8px 0 12px!important;color:#0b1724!important;font-size:32px!important;font-weight:800!important;line-height:1.05!important;letter-spacing:-1.3px!important;text-transform:none!important}

.cc-pickup-modal-card>p{margin:0 0 20px!important;color:#65717d!important;font-size:16px!important;line-height:1.55!important}

.cc-pickup-pin-summary{display:flex;align-items:center;gap:11px;margin-bottom:22px;padding:13px 12px;border:1px solid #d6e8f8;border-radius:14px;background:#f0f7fd}

.cc-pickup-pin-summary>i{width:11px;height:11px;border:3px solid #fff;border-radius:50%;background:#0787ff;box-shadow:0 0 0 3px #cbe5fc;flex-shrink:0}

.cc-pickup-pin-summary>span{display:grid;gap:4px;min-width:0;flex:1}.cc-pickup-pin-summary strong{color:#10283d;font-size:14px}.cc-pickup-pin-summary small{color:#647a8b;font-size:11px}

.cc-pickup-pin-summary button,.cc-pickup-pin-summary button:is(:hover,:focus,:active){padding:8px!important;border:0!important;border-radius:8px;color:#076ac1!important;background:#e0eefb!important;box-shadow:none!important;font-size:13px!important;font-weight:750!important}

.cc-ride-app .cc-pickup-modal-card>label{display:grid;gap:8px;margin:0 0 19px!important;text-align:left}

.cc-pickup-modal-card>label>span{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#1d2b38;font-size:12px;font-weight:750}

.cc-pickup-modal-card>label>span small{font-size:10px;font-weight:500;color:#75818c}.cc-pickup-modal-card>label>small{color:#73808d;font-size:14px;line-height:1.45}

.cc-ride-app .cc-pickup-modal-card input,.cc-ride-app .cc-pickup-modal-card textarea{display:block;float:none;width:100%;max-width:100%;margin:0;padding:13px 14px;border:1px solid #dce2e7!important;border-radius:12px;color:#122232!important;background:#f7f9fb!important;box-shadow:none!important;font:500 16px/1.4 Inter,ui-sans-serif,system-ui,sans-serif!important;outline:0!important;text-transform:none!important;letter-spacing:normal!important}

.cc-pickup-modal-card textarea{min-height:86px;resize:vertical}

.cc-ride-app .cc-pickup-modal-card :is(input,textarea):focus{border-color:#0787ff!important;box-shadow:0 0 0 3px rgba(7,135,255,.12)!important}

.cc-pickup-modal-card :is(input,textarea)::placeholder{color:#8895a2;opacity:1}

.cc-pickup-modal-card .cc-black-button,.cc-pickup-modal-card .cc-black-button:is(:hover,:focus,:active){display:flex;align-items:center;justify-content:space-between;min-height:52px;margin:6px 0 12px!important;padding:15px 18px;border:0!important;border-radius:13px;color:#fff!important;background:#0b1724!important;box-shadow:none!important;font-size:15px!important;font-weight:750!important}

.cc-pickup-modal-card .cc-black-button span{font-size:22px}.cc-pickup-privacy{display:block;color:#87919b;font-size:10px;text-align:center}

.cc-pickup-modal-card>.cc-pickup-error{color:#b12c36!important;background:#fff0f2;padding:10px;border-radius:8px;font-size:14px!important}

@media(max-width:480px){.cc-pickup-modal{padding:8px}.cc-pickup-modal-card{max-height:calc(100dvh - 16px);padding:20px 19px max(20px,env(safe-area-inset-bottom));border-radius:25px}.cc-pickup-modal-card h2{font-size:30px!important}}

.cc-pickup-detail-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:11px;color:#fff;background:#0b1724;box-shadow:0 5px 13px rgba(8,20,31,.12)}

.cc-pickup-detail-icon svg{width:21px;height:21px;stroke-width:1.9}

.cc-ride-app.is-choosing-ride .cc-map-confirm-sheet,.cc-ride-app.is-choosing-ride .cc-map-center-pin{display:none}

.cc-ride-app.is-choosing-ride .cc-ride-choice-sheet{display:block}

.cc-ride-app.is-choosing-ride .cc-map-locate{display:none}

.cc-ride-types{display:grid;gap:8px}

.cc-ride-types label{display:grid;grid-template-columns:80px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:76px;padding:8px 13px;border:1.5px solid #e2e3e5;border-radius:16px;color:#080a0d;background:#fff;cursor:pointer}

.cc-ride-types label.is-selected{border:2.5px solid #080a0d;padding:7px 12px;box-shadow:0 4px 13px rgba(0,0,0,.08)}

.cc-ride-types input{position:absolute;opacity:0;pointer-events:none}

.cc-car-art{display:grid;place-items:center;width:78px;height:52px;border-radius:12px;background:linear-gradient(135deg,#f6f8fa,#e5e9ed)}

.cc-car-art svg{width:74px;height:44px;fill:#fff;stroke:#8d959e;stroke-width:1.3;filter:drop-shadow(0 3px 3px rgba(0,0,0,.12))}

.cc-ride-types label>span:nth-child(3){display:grid;gap:3px;min-width:0}

.cc-ride-types strong{font-size:17px;font-weight:700}

.cc-ride-types small{color:#6f747c;font-size:12px}

.cc-ride-types label>b{font-size:16px;font-weight:720;white-space:nowrap}

.cc-payment-toggle,.cc-payment-toggle:hover,.cc-payment-toggle:focus,.cc-payment-toggle:active{display:grid;grid-template-columns:42px minmax(0,1fr) 22px;align-items:center;gap:11px;width:100%;min-height:54px;margin:9.5px 0 0!important;padding:6px 8px;border:1px solid #e0e2e4!important;border-radius:13px;color:#080a0d!important;background:#f7f8f9!important;box-shadow:none!important;outline:0!important;text-align:left}

.cc-payment-toggle span{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;color:#fff;background:#111}

.cc-payment-toggle span svg{width:22px;height:22px;stroke-width:1.8}.cc-payment-toggle span.is-card{background:#1746c8}.cc-payment-toggle span.is-mmg{background:#078b68}.cc-payment-toggle span.is-offline{background:#111}

.cc-payment-toggle strong{font-size:15px;font-weight:680}

.cc-payment-toggle svg{width:21px;height:21px;color:#666;stroke-width:2.5}

.cc-payment-methods{display:grid;grid-template-columns:1fr;gap:6px;margin:7px 0 10px;padding:7px;border:1px solid #e1e3e5;border-radius:15px;background:#f7f8f9}

.cc-payment-methods label{display:grid;grid-template-columns:40px minmax(0,1fr) 21px;align-items:center;gap:11px;min-width:0;min-height:54px;padding:6px 8px;border:1px solid transparent;border-radius:11px;color:#111!important;background:#fff!important;text-align:left}

.cc-payment-methods label:hover,.cc-payment-methods label:focus-within{color:#111!important;background:#fff!important;box-shadow:none!important}.cc-payment-methods label.is-selected:hover{box-shadow:0 4px 13px rgba(0,0,0,.08)!important}

.cc-payment-methods label.is-selected{border-color:#111;box-shadow:0 4px 13px rgba(0,0,0,.08)}

.cc-payment-methods input{position:absolute;opacity:0}

.cc-payment-methods i{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;color:#fff;background:#111;font-style:normal}.cc-payment-methods i svg{width:21px;height:21px;stroke-width:1.8}.cc-payment-methods i.card{background:#1746c8}.cc-payment-methods i.mmg{background:#078b68}.cc-payment-methods i.offline{background:#111}

.cc-payment-methods span{display:grid;gap:2px}.cc-payment-methods label>svg{width:20px;height:20px;color:#0a8cff;opacity:0}.cc-payment-methods label.is-selected>svg{opacity:1}

.cc-payment-methods strong{font-size:13px}

.cc-payment-methods small{color:#777;font-size:10px}

.cc-payment-disabled{display:grid;grid-template-columns:40px minmax(0,1fr);align-items:center;gap:11px;min-height:54px;padding:6px 8px;border-radius:11px;color:#7b8087;background:#eceeef;opacity:.8}.cc-payment-disabled i{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;color:#fff;background:#6e7a91}.cc-payment-disabled i svg{width:21px;height:21px}.cc-payment-disabled span{display:grid;gap:2px}.cc-payment-disabled strong{font-size:13px}.cc-payment-disabled small{font-size:10px}

.cc-mmg-reference{display:grid;gap:7px;margin:12px 0 10px;color:#111}

.cc-mmg-reference span{font-size:12px;font-weight:700}

.cc-mmg-reference input{height:44px;padding:0 12px;border:1px solid #d7d7d7;border-radius:10px;outline:0;color:#111;background:#fff}

.cc-mmg-reference small{color:#68707a;font-size:10px;line-height:1.35}

.cc-payment-methods[hidden] + .cc-mmg-reference{

    margin-top:10px!important;

}

.cc-request-button{margin-top:10px!important;}

.cc-request-button:disabled{color:#a4a4a4;background:#e8e8e8}

.cc-request-button.is-loading{opacity:.72;pointer-events:none}

.cc-fixed-fare-note{margin:8px 0 0;color:#767b82;font-size:10px;text-align:center}

.cc-ride-notice{position:fixed;z-index:1000002;top:max(76px,calc(env(safe-area-inset-top) + 64px));left:50%;width:min(90%,520px);padding:13px 16px;border-radius:14px;color:#fff;background:#a52536;box-shadow:0 10px 35px rgba(0,0,0,.32);transform:translateX(-50%);font-size:13px;font-weight:650;text-align:center}

.cc-ride-notice.success{background:#087f55}

.cc-app-menu{position:fixed;z-index:1000001;inset:0}

.cc-menu-scrim{position:absolute;inset:0;background:rgba(0,0,0,.62);backdrop-filter:blur(5px)}

.cc-menu-panel{position:absolute;left:0;top:0;bottom:0;width:min(84vw,350px);padding:calc(22px + env(safe-area-inset-top)) 20px 24px;color:#fff;background:#07121f;box-shadow:20px 0 60px rgba(0,0,0,.42)}

.cc-menu-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:36px}

.cc-menu-head .cc-rides-wordmark{align-items:flex-start}

.cc-menu-head .cc-rides-wordmark strong{font-size:18px}

.cc-menu-head .cc-rides-wordmark small{color:#fff;font-size:10px;font-weight:800;letter-spacing:5.5px}

.cc-menu-head button,

.cc-menu-head button:hover,

.cc-menu-head button:focus,

.cc-menu-head button:active{

    display:grid;

    place-items:center;

    width:36px;

    height:36px;

    

    padding:0;

    border:1px solid rgba(255,255,255,.28)!important;

    border-radius:7px!important;

    color:#fff!important;

    background:rgba(255,255,255,.035)!important;

    backdrop-filter:blur(10px);

    box-shadow:

        inset 0 1px 0 rgba(255,255,255,.08),

        0 6px 18px rgba(0,0,0,.18)!important;

    outline:0!important;

    transform:translateY(-4px)!important;

}



.cc-menu-head button svg{

    width:16px;

    height:16px;

    stroke-width:2.2!important;

}

.cc-menu-head button:before,.cc-menu-head button:after{display:none!important;content:none!important}

.cc-menu-head button svg{width:21px;height:21px;stroke-width:2.25}

.cc-menu-panel>p{

    margin:0 0 18px;

    color:#8da0b4;

    font-size:15px;

    font-weight:700;

    text-transform:capitalize;

    letter-spacing:1.3px

}

.cc-menu-panel>button,.cc-menu-panel>a{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:56px;padding:0 4px;border:0;border-bottom:1px solid rgba(255,255,255,.12);color:#fff!important;background:transparent;text-decoration:none!important;font-size:17px;font-weight:620;text-align:left}

.cc-menu-panel b{display:grid;place-items:center;min-width:26px;height:26px;border-radius:13px;color:#00101c;background:#21c8ff;font-size:11px}

.cc-trips-screen{position:fixed;z-index:1000000;inset:0;overflow-y:auto;padding:0 16px calc(28px + env(safe-area-inset-bottom));color:#07111e;background:linear-gradient(180deg,#eef8ff 0,#f7fbff 430px,#edf3f8 100%)}

.cc-trips-hero{position:relative;display:grid;grid-template-columns:1fr 1fr;align-content:space-between;min-height:300px;margin:0 -16px;padding:calc(20px + env(safe-area-inset-top)) 20px 30px;overflow:hidden;background:radial-gradient(circle at 75% 38%,rgba(255,255,255,.95),transparent 30%),linear-gradient(170deg,#f9fdff 5%,#dff2ff 52%,#badcf3 100%)}

.cc-trips-hero:before{content:"";position:absolute;right:-14%;bottom:-32px;width:88%;height:48%;border-radius:50% 0 0 0;background:linear-gradient(164deg,rgba(255,255,255,.95) 0 33%,rgba(103,159,193,.22) 34% 37%,rgba(255,255,255,.85) 38% 44%,rgba(80,137,173,.25) 45% 48%,rgba(255,255,255,.72) 49%);transform:skewX(-18deg) rotate(-5deg)}

.cc-trips-hero:after{content:"";position:absolute;right:10%;bottom:77px;width:74px;height:31px;border-radius:13px 13px 8px 8px;background:linear-gradient(180deg,#fff,#b5cbd9);box-shadow:0 14px 17px rgba(33,85,119,.2);transform:perspective(70px) rotateX(-10deg)}

.cc-trips-hero>button{position:relative;z-index:2}.cc-trips-hero>button:first-child,.cc-trips-hero>button:first-child:is(:hover,:focus,:active){display:grid;place-items:center;width:50px;height:50px;padding:0;border:0!important;border-radius:50%;color:#0a1321!important;background:#fff!important;box-shadow:0 10px 25px rgba(30,79,111,.12)!important}.cc-trips-hero>button:first-child svg{width:27px;height:27px}

.cc-trips-hero>#cc-refresh-rides,.cc-trips-hero>#cc-refresh-rides:is(:hover,:focus,:active){justify-self:end;display:flex;align-items:center;gap:8px;height:48px;padding:0 17px;border:0!important;border-radius:24px;color:#0688ec!important;background:#fff!important;box-shadow:0 10px 25px rgba(30,79,111,.1)!important;font-size:13px!important;font-weight:750!important}.cc-trips-hero>#cc-refresh-rides svg{width:22px;height:22px;stroke-width:2.2}

.cc-trips-hero>div{position:relative;z-index:2;grid-column:1/-1;align-self:end}.cc-trips-hero h2{margin:0!important;color:#07111e!important;font-size:48px!important;line-height:.95!important;letter-spacing:-2.7px!important}.cc-trips-hero p{margin:12px 0 0!important;color:#577080!important;font-size:17px!important}

.cc-trip-filters{position:sticky;z-index:6;top:0;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:min(100%,780px);margin:-1px auto 16px;padding:12px 0;background:linear-gradient(180deg,#eaf6ff 74%,transparent)}

.cc-trip-filters button,.cc-trip-filters button:is(:hover,:focus,:active){display:flex;align-items:center;justify-content:center;gap:7px;min-width:0;height:46px;padding:0 8px;border:0!important;border-radius:23px;color:#4e6477!important;background:rgba(255,255,255,.9)!important;box-shadow:0 7px 19px rgba(40,91,126,.08)!important;font-size:12px!important;font-weight:700!important}.cc-trip-filters button.is-active,.cc-trip-filters button.is-active:is(:hover,:focus,:active){color:#fff!important;background:#078df0!important;box-shadow:0 9px 24px rgba(7,141,240,.27)!important}.cc-trip-filters i{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;color:#fff;background:#536a82;font-size:16px;font-style:normal;line-height:1}.cc-trip-filters .is-active i{color:#078df0;background:#fff}

.cc-trip-list{display:grid;gap:14px;width:min(100%,780px);margin:0 auto}

.cc-trip-card{overflow:hidden;padding:17px 17px 0;border:1px solid rgba(117,157,184,.19);border-radius:21px;background:rgba(255,255,255,.97);box-shadow:0 12px 32px rgba(35,74,101,.08)}

.cc-trip-card.is-active{border-color:#c7e6fa;box-shadow:0 13px 35px rgba(0,133,228,.11)}

.cc-trip-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.cc-trip-card-head>div{display:grid;gap:4px;min-width:0}.cc-trip-card-head strong{font-size:17px;letter-spacing:-.25px}.cc-trip-card-head span{color:#748596;font-size:11px}.cc-trip-card-head>b{flex:0 0 auto;max-width:46%;padding:8px 11px;border-radius:16px;color:#057bc9;background:#e2f3ff;font-size:9px;text-align:center;text-transform:uppercase;letter-spacing:.3px}.cc-trip-card-head>b.is-completed{color:#28704d;background:#e3f7ec}.cc-trip-card-head>b.is-cancelled{color:#cf2532;background:#ffe3e6}

.cc-trip-route{display:grid;grid-template-columns:17px minmax(0,1fr);gap:11px;margin:20px 3px}.cc-trip-route>i{position:relative;width:17px;border-left:2px dashed #168de4}.cc-trip-route>i:before,.cc-trip-route>i:after{content:"";position:absolute;left:-7px;width:10px;height:10px;border:3px solid #168de4;border-radius:50%;background:#fff}.cc-trip-route>i:before{top:1px;background:#168de4;box-shadow:0 0 0 4px #e6f5ff}.cc-trip-route>i:after{bottom:1px;border-color:#111}.cc-trip-route p{display:grid;gap:18px;margin:0}.cc-trip-route p span{display:grid;gap:3px}.cc-trip-route p strong{font-size:14px}.cc-trip-route p small{overflow:hidden;color:#77899a;font-size:11px;text-overflow:ellipsis;white-space:nowrap}

.cc-trip-pickup-detail{display:grid;gap:4px;margin:0 0 13px;padding:13px 0;border-top:1px solid #e7edf2;border-bottom:1px solid #e7edf2;color:#111;background:transparent}.cc-trip-pickup-detail strong{font-size:9px;text-transform:uppercase;letter-spacing:1px}.cc-trip-pickup-detail span{color:#5d6e7f;font-size:12px}

.cc-trip-guest{display:grid;gap:3px;margin:0 0 12px;padding:10px 12px;border-radius:10px;color:#111;background:#eef7ff}.cc-trip-guest strong{font-size:10px}.cc-trip-guest span{color:#566676;font-size:10px}

.cc-trip-driver{display:grid;grid-template-columns:1fr auto;gap:2px 10px;margin-bottom:12px;padding:10px 12px;border-radius:11px;background:#f2f8fc}.cc-trip-driver>span{grid-column:1/-1;color:#0781d9;font-size:8px;font-weight:850;letter-spacing:.9px}.cc-trip-driver strong{font-size:12px}.cc-trip-driver small{color:#65717c;font-size:10px}.cc-trip-driver a{color:#087ed8!important}

.cc-trip-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0 -17px;background:#f1f7fb}.cc-trip-stat{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:6px;min-height:64px;padding:8px 9px;border-right:1px solid #dae6ee;color:#354a5d}.cc-trip-stat:last-child{border:0}.cc-trip-stat i{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;color:#fff;background:#52789b;font-size:12px;font-style:normal}.cc-trip-stat b{font-size:10px;white-space:nowrap}.cc-trip-distance{grid-template-columns:24px 1fr}.cc-trip-distance i{position:relative;background:transparent}.cc-trip-distance i:before{content:"";width:22px;height:13px;border:2px solid #078df0;border-width:0 0 2px;transform:skewY(-28deg)}.cc-trip-distance b,.cc-trip-distance small{grid-column:2}.cc-trip-distance small{color:#8493a1;font-size:8px}

.cc-cancel,.cc-cancel:is(:hover,:focus,:active){display:flex;align-items:center;justify-content:center;gap:8px;width:calc(100% + 20px);min-height:50px;margin:10px -10px 10px!important;border:0!important;border-radius:14px;color:#d5222e!important;background:#ffe2e5!important;box-shadow:none!important;font-size:13px!important;font-weight:750!important}.cc-cancel i{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;color:#fff;background:#e52230;font-size:16px;font-style:normal;line-height:1}

.cc-ride-empty{padding:34px 18px;border:1px solid rgba(117,157,184,.16);border-radius:18px;color:#708292;background:rgba(255,255,255,.9);text-align:center;font-size:13px}

@media(max-width:430px){.cc-trips-hero{min-height:286px}.cc-trips-hero h2{font-size:45px!important}.cc-trips-hero p{font-size:15px!important}.cc-trip-filters{gap:6px}.cc-trip-filters button{font-size:11px!important}.cc-trip-meta{grid-template-columns:repeat(2,1fr)}.cc-trip-stat{border-bottom:1px solid #dae6ee}.cc-trip-stat:nth-child(2){border-right:0}.cc-trip-stat:nth-last-child(-n+2){border-bottom:0}}

.cc-empty-recents{padding:24px 4px;color:#747b83;font-size:13px;text-align:center}



/* Saved places is an account-backed app screen, not a theme form. */

.cc-saved-screen,.cc-saved-edit-screen{overflow-y:auto;color:#090b0e;background:#f5f5f3}

.cc-subpage-header{position:sticky;z-index:20;top:0;display:grid;grid-template-columns:48px minmax(0,1fr) 48px;align-items:center;min-height:calc(72px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 15px 0;border-bottom:1px solid #e2e2de;background:rgba(255,255,255,.96);backdrop-filter:blur(16px)}

.cc-subpage-header h2{margin:0;color:#090b0e;font-size:21px;font-weight:760;text-align:center;letter-spacing:-.4px}

.cc-subpage-header button,.cc-subpage-header button:hover,.cc-subpage-header button:focus{display:grid;place-items:center;width:44px;height:44px;padding:0;border:0!important;border-radius:50%;color:#090b0e!important;background:#ececea!important;box-shadow:none!important}.cc-subpage-header button svg{width:25px;height:25px;stroke-width:2.2}

.cc-saved-page-content,.cc-saved-editor{width:min(100%,680px);margin:0 auto;padding:24px 18px calc(30px + env(safe-area-inset-bottom))}

.cc-saved-page-content section{margin-bottom:28px}.cc-saved-page-content h3{margin:0 0 10px;color:#686e75;font-size:12px;font-weight:780;text-transform:uppercase;letter-spacing:1.1px}

.cc-manage-place{display:grid;grid-template-columns:46px minmax(0,1fr) 24px;align-items:center;gap:12px;width:100%;min-height:72px;padding:8px 2px;border:0!important;border-bottom:1px solid #deded9!important;border-radius:0;color:#090b0e!important;background:transparent!important;text-align:left;box-shadow:none!important}.cc-manage-place>i{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;color:#0c1015;background:#e9e9e6}.cc-manage-place>i svg{width:24px;height:24px;stroke-width:1.8}.cc-manage-place>span{display:grid;gap:3px;min-width:0}.cc-manage-place strong{font-size:16px;font-weight:680}.cc-manage-place small{overflow:hidden;color:#777e86;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.cc-manage-place>svg{width:22px;height:22px;color:#7d8287;stroke-width:2.4}

.cc-no-saved-places{padding:22px 4px;color:#7b8188;font-size:13px}

.cc-add-place-button,.cc-add-place-button:hover,.cc-add-place-button:focus{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:56px;padding:10px;border:1px solid #0c0e11!important;border-radius:8px;color:#0c0e11!important;background:#fff!important;font-size:15px;font-weight:720;box-shadow:none!important}.cc-add-place-button span{font-size:24px;font-weight:400;line-height:1}

.cc-saved-editor{display:grid;gap:20px}.cc-saved-editor>label{display:grid;gap:8px}.cc-saved-editor>label>span{color:#555c64;font-size:12px;font-weight:750}.cc-saved-editor input{width:100%;height:54px;padding:0 15px;border:1px solid #d4d5d2;border-radius:10px;outline:0;color:#0a0c0e;background:#fff;box-shadow:none}.cc-saved-editor input:focus{border-color:#0b83eb;box-shadow:0 0 0 3px rgba(11,131,235,.12)}

.cc-place-address-field>div{display:flex;align-items:center;padding-left:14px;border:1px solid #d4d5d2;border-radius:10px;background:#fff}.cc-place-address-field>div:focus-within{border-color:#0b83eb;box-shadow:0 0 0 3px rgba(11,131,235,.12)}.cc-place-address-field>div>svg{flex:0 0 auto;width:24px;height:24px}.cc-place-address-field input{border:0;box-shadow:none!important}

.cc-place-suggestions{padding:5px 12px;border:1px solid #dedfdd;border-radius:12px;background:#fff;box-shadow:0 14px 38px rgba(0,0,0,.1)}.cc-place-suggestions button{display:flex;align-items:center;width:100%;min-height:62px;padding:8px 3px;border:0;border-bottom:1px solid #e4e4e1;color:#0a0c0e!important;background:#fff!important;text-align:left}.cc-place-suggestions button:last-child{border-bottom:0}.cc-place-suggestions button>span:last-child{display:grid;gap:2px}.cc-place-suggestions strong{font-size:14px}.cc-place-suggestions small{color:#7b8187;font-size:11px}

.cc-editor-map-button,.cc-editor-map-button:hover,.cc-editor-map-button:focus{display:grid;grid-template-columns:44px minmax(0,1fr) 22px;align-items:center;gap:12px;width:100%;min-height:68px;padding:9px 12px;border:1px solid #d9dad7!important;border-radius:12px;color:#0b0d10!important;background:#fff!important;text-align:left;box-shadow:none!important}.cc-editor-map-button>svg:first-child{width:27px;height:27px;color:#087ed8}.cc-editor-map-button>span{display:grid;gap:3px}.cc-editor-map-button strong{font-size:15px}.cc-editor-map-button small{color:#777e85;font-size:11px}.cc-editor-map-button>svg:last-child{width:21px;height:21px;color:#7d8287}

.cc-selected-place{display:grid;grid-template-columns:14px minmax(0,1fr);align-items:center;gap:12px;padding:14px;border-radius:11px;background:#e9f5ff}.cc-selected-place i{width:12px;height:12px;border:3px solid #0787ff;border-radius:50%;background:#fff}.cc-selected-place span{display:grid;gap:2px}.cc-selected-place strong{font-size:12px}.cc-selected-place small{overflow:hidden;color:#5d6b78;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.cc-saved-editor>.cc-black-button{margin-top:4px}

.cc-delete-place,

.cc-delete-place:hover,

.cc-delete-place:focus,

.cc-delete-place:active{

    position:relative;

    display:block;

    width:100%;

    min-height:74px;

    padding:14px 18px 14px 74px;

    border:1px solid rgba(220,38,38,.34)!important;

    border-radius:14px!important;

    color:#c9222f!important;

    background:linear-gradient(180deg,rgba(255,247,247,.98),rgba(255,240,241,.96))!important;

    box-shadow:

        inset 0 1px 0 rgba(255,255,255,.92),

        0 7px 20px rgba(130,0,18,.07)!important;

    outline:0!important;

    font-size:15px!important;

    font-weight:760!important;

    line-height:1.2!important;

    letter-spacing:0!important;

    text-transform:none!important;

    text-align:left!important;

    transform:none!important;

}



.cc-delete-place::before{

    content:"";

    position:absolute;

    left:16px;

    top:50%;

    width:42px;

    height:42px;

    border-radius:12px;

    background-color:rgba(220,38,38,.08);

    background-repeat:no-repeat;

    background-position:center;

    background-size:22px 22px;

    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c9222f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6h18'/%3E%3Cpath d='M8 6V4h8v2'/%3E%3Cpath d='M19 6l-1 14H6L5 6'/%3E%3Cpath d='M10 11v5M14 11v5'/%3E%3C/svg%3E");

    transform:translateY(-50%);

}



.cc-delete-place::after{

    content:"This will remove it from your account";

    display:block;

    margin-top:4px;

    color:#cc4a55;

    font-size:12px;

    font-weight:520;

    line-height:1.25;

}



.cc-delete-place:hover,

.cc-delete-place:focus{

    border-color:rgba(220,38,38,.48)!important;

    background:linear-gradient(180deg,#fff6f6,#ffecec)!important;

}



.cc-delete-place:active{

    background:#ffe9eb!important;

}



/* Precision gate must be completed or replaced by a manually confirmed pin. */

.cc-location-gate{position:fixed;z-index:1000004;inset:0;display:grid;place-items:end center;padding:18px;background:rgba(0,0,0,.62);backdrop-filter:blur(9px)}

.cc-location-gate-card{width:min(100%,480px);padding:28px 22px calc(22px + env(safe-area-inset-bottom));border-radius:24px;color:#0b0d10!important;background:#fff!important;box-shadow:0 24px 80px rgba(0,0,0,.35);text-align:center}.cc-location-target{display:grid;place-items:center;width:58px;height:58px;margin:0 auto 15px;border-radius:18px;color:#fff!important;background:#0787ff!important;box-shadow:0 10px 28px rgba(7,135,255,.28)}.cc-location-target svg{width:32px;height:32px;stroke-width:2}.cc-location-gate-card>small{color:#0787ff!important;font-size:10px;font-weight:850;letter-spacing:2px}.cc-location-gate-card h2{margin:9px 0 10px;color:#0a0c0e!important;font-size:29px;line-height:1.03;letter-spacing:-1.2px}.cc-location-gate-card p{margin:0 auto;color:#606871!important;font-size:14px;line-height:1.5}.cc-location-quality{margin:17px 0 2px;padding:11px;border-radius:10px;color:#40505d!important;background:#f0f4f7!important;font-size:11px;font-weight:680}.cc-location-manual,.cc-location-manual:hover,.cc-location-manual:focus,.cc-location-manual:active{width:100%;margin-top:8px;padding:12px;border:0!important;color:#303841!important;background:transparent!important;font-size:12px;font-weight:740;box-shadow:none!important;outline:0!important}



/* Full-screen account access shares the same restrained Caricove Rides world. */

.cc-auth-stage{position:fixed;z-index:999999;inset:0;min-height:100svh;overflow-y:auto;color:#fff;background-image:linear-gradient(180deg,rgba(0,0,0,.2),rgba(0,0,0,.58)),url("../images/rides-night-car.png");background-size:cover;background-position:center;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}

.cc-auth-stage *{box-sizing:border-box}.cc-auth-back{position:fixed;z-index:4;left:20px;top:max(18px,env(safe-area-inset-top));display:flex;align-items:center;gap:8px;color:#fff!important;text-decoration:none!important;font-size:13px;font-weight:700}.cc-auth-back span{display:grid;place-items:center;width:40px;height:40px;border:1px solid rgba(255,255,255,.26);border-radius:50%;background:rgba(0,0,0,.35);font-size:21px}.cc-auth-scene{display:none}.cc-auth-content{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,440px);align-items:center;gap:70px;width:min(1120px,calc(100% - 50px));min-height:100svh;margin:auto;padding:86px 0 36px}.cc-auth-story{align-self:center;text-shadow:0 2px 20px #000}.cc-auth-kicker{color:#29a7ff;font-size:11px;font-weight:850;letter-spacing:3px}.cc-auth-story h1{max-width:650px;margin:16px 0 15px;font-size:clamp(48px,6vw,82px);line-height:.94;letter-spacing:-4px}.cc-auth-story p{max-width:520px;margin:0;color:#e4ebf4;font-size:18px;line-height:1.5}.cc-auth-trust{display:flex;gap:18px;margin-top:22px}.cc-auth-trust span{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:700}.cc-auth-trust i{width:8px;height:8px;border-radius:50%;background:#15a8ff;box-shadow:0 0 14px #15a8ff}.cc-auth-panel{padding:26px;border:1px solid rgba(255,255,255,.25);border-radius:24px;background:rgba(4,15,27,.88);backdrop-filter:blur(24px);box-shadow:0 22px 70px rgba(0,0,0,.34)}.cc-auth-brand{display:flex;align-items:center;gap:12px;margin-bottom:18px}.cc-auth-brand>span{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;color:#fff;background:#0b8fff}.cc-auth-brand svg{width:27px;height:27px;fill:#fff;stroke:none}.cc-auth-brand strong{font-size:18px}.cc-auth-brand em{display:block;color:#37afff;font-size:10px;font-style:normal;letter-spacing:2px}.cc-auth-switch{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-bottom:17px;padding:5px;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:rgba(255,255,255,.04)}.cc-auth-switch a{padding:11px;border-radius:10px;color:#91a0b0!important;text-decoration:none!important;font-size:12px;font-weight:750;text-align:center}.cc-auth-switch a.is-active{color:#080b10!important;background:#fff}.cc-auth-message{margin-bottom:13px;padding:11px;border-radius:10px;color:#b4ffd7;background:rgba(50,206,131,.14);font-size:11px}.cc-auth-message.is-error{color:#ffc0c9;background:rgba(255,73,97,.15)}.cc-auth-form{display:grid;gap:12px}.cc-auth-form>label{display:grid;gap:6px}.cc-auth-form label>span{color:#cad6e3;font-size:10px;font-weight:750}.cc-auth-form input:not([type=checkbox]){width:100%;height:48px;padding:0 14px;border:1px solid rgba(255,255,255,.18);border-radius:11px;outline:0;color:#fff;background:rgba(255,255,255,.08);box-shadow:none}.cc-auth-form input:focus{border-color:#1aa6ff;box-shadow:0 0 0 3px rgba(26,166,255,.14)}.cc-auth-form input::placeholder{color:#778697}.cc-auth-form>button{display:flex;align-items:center;justify-content:space-between;min-height:50px;margin-top:3px;padding:11px 15px;border:0;border-radius:11px;color:#fff;background:#0b8fff;font-size:12px;font-weight:800}.cc-auth-form>button span{font-size:19px}.cc-auth-form>small{color:#8998a8;font-size:9px;line-height:1.45}.cc-auth-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.cc-auth-row>a{color:#44b8ff!important;text-decoration:none!important;font-size:10px;font-weight:700}.cc-auth-remember{display:flex!important;align-items:center;gap:7px!important;color:#b3c0ce;font-size:10px}.cc-auth-remember input{margin:0}



@media(max-width:760px){

    .cc-rides-header{left:13px;right:13px}.cc-rides-wordmark strong{font-size:20px;letter-spacing:2.6px}.cc-rides-wordmark small{color:#fff;font-size:11.5px;font-weight:800;letter-spacing:6px;text-indent:6px}.cc-icon-button{width:38px;height:38px}.cc-home-copy{top:35%;left:22px}.cc-home-copy h1{font-size:50px}.cc-home-copy p{margin-top:11px;font-size:15px}.cc-brighter-line{top:39%;right:4%;font-size:18px}.cc-home-actions{top:56%;width:calc(100% - 24px)}.cc-where-button{height:60px;padding-left:18px;border-radius:17px}.cc-where-button>svg{width:27px;height:27px}.cc-where-button>span:not(.cc-later-pill){margin-left:14px;font-size:20px}.cc-later-pill{height:44px;padding:0 14px;font-size:14px!important}.cc-later-pill svg{width:20px;height:20px}.cc-home-recents{margin-top:12px;padding:2px 16px;border-radius:16px}.cc-home-recents .cc-place-row{min-height:58px;padding:6px 1px}.cc-home-recents .cc-place-icon{width:40px;height:40px;margin-right:13px}.cc-home-recents .cc-place-icon svg{width:24px;height:24px}.cc-place-row strong{font-size:15px}.cc-search-content{width:calc(100% - 24px);margin-top:36svh}.cc-search-pills{grid-template-columns:minmax(0,1fr) max-content max-content;gap:6px}.cc-trip-pill{height:46px;padding:0 9px;font-size:13px}.cc-trip-pill>i{width:17px;height:17px;margin-right:8px;border-width:5px}.cc-trip-pill>svg{width:18px;height:18px;margin-right:7px}.cc-trip-pill select,.cc-trip-pill select:hover,.cc-trip-pill select:focus,.cc-trip-pill select:active{font-size:13px!important;font-weight:650!important}.cc-schedule-wrap{grid-template-columns:1fr;gap:7px;margin:8px 0 24px!important;padding:10px 11px}.cc-schedule-wrap input{width:100%;max-width:100%}.cc-rider-menu{top:53px}.cc-guest-rider{grid-template-columns:1fr}.cc-destination-search{height:62px}.cc-destination-search input{font-size:20px}.cc-saved-grid button{height:72px;padding:9px 12px}.cc-recent-sheet{margin-top:16px}.cc-recent-head{margin-top:0}.cc-recent-list .cc-place-row{min-height:61px}.cc-map-locate{bottom:314px}.cc-map-confirm-sheet{padding-left:16px;padding-right:16px}.cc-map-confirm-sheet h2{font-size:27px}.cc-map-confirm-sheet>p{font-size:17px}.cc-auth-content{display:block;width:100%;padding:92px 14px 20px}.cc-auth-story{padding:0 8px 24px}.cc-auth-kicker{font-size:9px}.cc-auth-story h1{margin:12px 0;font-size:45px;letter-spacing:-2.5px}.cc-auth-story p{font-size:13px}.cc-auth-trust{gap:12px;margin-top:16px}.cc-auth-trust span{font-size:8px}.cc-auth-panel{padding:20px 17px;border-radius:22px}.cc-auth-back{left:14px}

}

@media(max-width:390px){

    .cc-home-copy{top:34%}.cc-home-copy h1{font-size:46px}.cc-home-copy p{font-size:14px}.cc-brighter-line{font-size:16px}.cc-home-actions{top:55%}.cc-where-button{height:58px}.cc-later-pill{height:42px;padding:0 12px}.cc-home-recents .cc-place-row{min-height:56px}.cc-search-content{margin-top:35svh}.cc-trip-pill{padding:0 9px;font-size:12px}.cc-trip-pill select{font-size:12px}.cc-pickup-pill>svg:last-child{display:none}.cc-destination-search input{font-size:19px}.cc-saved-grid strong{font-size:14px}.cc-saved-grid small{font-size:10px}.cc-ride-choice-sheet{max-height:61svh}.cc-ride-types label{grid-template-columns:70px minmax(0,1fr) auto}.cc-car-art{width:68px}.cc-car-art svg{width:65px}.cc-ride-types strong{font-size:15px}.cc-ride-types label>b{font-size:14px}

}

#cc-ride-app .cc-ride-closed-modal[hidden]{display:none!important}
#cc-ride-app .cc-ride-closed-modal{position:fixed;inset:0;z-index:10080;display:grid;align-items:end;padding:18px;background:rgba(3,15,28,.58);backdrop-filter:blur(8px)}
#cc-ride-app .cc-ride-closed-card{position:relative;width:min(100%,430px);margin:0 auto;padding:28px 20px 20px;border-radius:28px;color:#07192f;background:#fff;box-shadow:0 24px 70px rgba(0,18,38,.3)}
#cc-ride-app .cc-ride-closed-mark{display:grid;place-items:center;width:44px;height:44px;margin-bottom:18px;border-radius:50%;color:#fff;background:linear-gradient(135deg,#ff5366,#c91531);font-size:24px;font-weight:500;box-shadow:0 9px 22px rgba(209,26,53,.22)}
#cc-ride-app .cc-ride-closed-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
#cc-ride-app .cc-ride-closed-top small{color:#a31f35;font-size:11px;font-weight:950;letter-spacing:.12em}
#cc-ride-app .cc-ride-closed-top>b{padding:8px 11px;border-radius:999px;color:#a31f35;background:#ffe8ec;font-size:11px}
#cc-ride-app .cc-ride-closed-card h2{margin:10px 0 4px;font-size:31px;line-height:1.02;letter-spacing:-.045em}
#cc-ride-app .cc-ride-closed-card>p{margin:0;color:#647689;font-size:14px;line-height:1.4}
#cc-ride-app .cc-ride-closed-fee{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px;padding:14px;border-radius:17px;background:#edf8f2}
#cc-ride-app .cc-ride-closed-fee[hidden]{display:none!important}
#cc-ride-app .cc-ride-closed-fee span{color:#547365;font-size:10px;font-weight:850;letter-spacing:.05em}
#cc-ride-app .cc-ride-closed-fee span strong{display:block;margin-top:3px;color:#153a2b;font-size:20px;letter-spacing:0}
#cc-ride-app .cc-ride-closed-fee>b{font-size:12px}
#cc-ride-app .cc-ride-closed-primary,
#cc-ride-app .cc-ride-closed-primary:is(:hover,:focus,:focus-visible,:active),
#cc-ride-app .cc-ride-closed-secondary,
#cc-ride-app .cc-ride-closed-secondary:is(:hover,:focus,:focus-visible,:active){width:100%!important;min-height:52px!important;margin-top:12px!important;border:0!important;border-radius:17px!important;font-size:14px!important;font-weight:900!important}
#cc-ride-app .cc-ride-closed-primary,
#cc-ride-app .cc-ride-closed-primary:is(:hover,:focus,:focus-visible,:active){color:#fff!important;-webkit-text-fill-color:#fff!important;background:linear-gradient(135deg,#103b67,#071f3a)!important;box-shadow:0 10px 24px rgba(8,42,75,.18)!important}
#cc-ride-app .cc-ride-closed-secondary,
#cc-ride-app .cc-ride-closed-secondary:is(:hover,:focus,:focus-visible,:active){color:#0b2d52!important;background:#f2f7fa!important;border:1px solid #d8e3ea!important}

@media(min-width:900px){

    .cc-home-actions{top:auto;bottom:7%;left:6%;width:520px;transform:none}.cc-home-copy{top:22%;left:6%}.cc-brighter-line{top:44%;right:16%}.cc-search-content{margin-top:38svh}.cc-map-confirm-sheet,.cc-ride-choice-sheet{left:auto;right:28px;bottom:28px;width:440px;border-radius:26px}.cc-map-locate{right:490px;bottom:48px}.cc-ride-choice-sheet{max-height:calc(100svh - 56px)}

}

@media(max-width:760px){

    .cc-home-copy{top:auto;bottom:calc(286px + env(safe-area-inset-bottom));left:22px}.cc-home-copy h1{font-size:50px}.cc-home-copy p{margin-top:12px;font-size:15px}.cc-home-actions{top:auto;bottom:calc(39px + env(safe-area-inset-bottom));width:calc(100% - 24px)}.cc-search-content{margin-top:34svh}.cc-schedule-wrap{grid-template-columns:1fr;gap:7px;margin:8px 0 24px!important;padding:10px 11px}.cc-schedule-wrap input{width:100%;max-width:100%}.cc-recent-sheet{margin-top:18px}.cc-set-map-row{width:100vw!important;max-width:none!important;margin:24px calc(50% - 50vw) 0!important}.cc-route-caption{max-width:250px}.cc-location-gate{padding:10px}.cc-location-gate-card{border-radius:22px}

}

@media(max-width:390px){

    .cc-home-copy{top:auto;bottom:calc(277px + env(safe-area-inset-bottom))}.cc-home-actions{top:auto;bottom:calc(38px + env(safe-area-inset-bottom))}.cc-search-content{margin-top:33svh}.cc-route-caption{max-width:220px}.cc-route-caption svg{width:18px}

}

@media(max-height:700px) and (max-width:760px){

    .cc-home-copy{bottom:calc(268px + env(safe-area-inset-bottom))}.cc-home-copy h1{font-size:43px}.cc-home-copy p{margin-top:8px;font-size:13px}.cc-home-recents .cc-place-row{min-height:51px}.cc-home-recents .cc-place-icon{width:36px;height:36px}.cc-where-button{height:56px}

}

@media(prefers-reduced-motion:reduce){.cc-ride-app *{scroll-behavior:auto!important;transition:none!important}}



/* Keep the rides home controls isolated from marketplace/theme button styles. */

#cc-ride-app .cc-home-actions{

    display:block!important;

}

#cc-ride-app .cc-where-button,

#cc-ride-app .cc-where-button:hover,

#cc-ride-app .cc-where-button:focus,

#cc-ride-app .cc-where-button:active{

    display:flex!important;

    align-items:center!important;

    width:100%!important;

    max-width:none!important;

    margin:0!important;

    padding:8px 10px 8px 18px!important;

    border-radius:17px!important;

}

#cc-ride-app .cc-where-button > svg{

    display:block!important;

    flex:0 0 auto!important;

}

#cc-ride-app .cc-where-button > span:not(.cc-later-pill){

    display:block!important;

    flex:0 1 auto!important;

}

#cc-ride-app .cc-where-button > .cc-later-pill{

    display:flex!important;

    flex:0 0 auto!important;

    margin-left:auto!important;

}

#cc-ride-app .cc-home-recents{

    display:block!important;

    width:100%!important;

    max-width:none!important;

}

#cc-ride-app .cc-home-recents > .cc-place-row,

#cc-ride-app .cc-home-recents > .cc-place-row:hover,

#cc-ride-app .cc-home-recents > .cc-place-row:focus,

#cc-ride-app .cc-home-recents > .cc-place-row:active{

    display:flex!important;

    align-items:center!important;

    width:100%!important;

    max-width:none!important;

    margin:0!important;

    border:0!important;

    border-radius:0!important;

    background:transparent!important;

    box-shadow:none!important;

}



/* Visual recovery: isolate the remaining passenger controls from theme buttons. */

#cc-ride-app .cc-search-pills > .cc-trip-pill,

#cc-ride-app .cc-search-pills > .cc-trip-pill:hover,

#cc-ride-app .cc-search-pills > .cc-trip-pill:focus,

#cc-ride-app .cc-search-pills > .cc-trip-pill:active{

    display:flex!important;

    align-items:center!important;

    margin:0!important;

    border-radius:26px!important;

}

#cc-ride-app .cc-pickup-pill > i{

    display:block!important;

    flex:0 0 17px!important;

    width:17px!important;

    height:17px!important;

    margin:0 8px 0 0!important;

    padding:0!important;

    border:5px solid #fff!important;

    border-radius:50%!important;

    background:#0b8eff!important;

}

#cc-ride-app .cc-saved-grid > button,

#cc-ride-app .cc-saved-grid > button:hover,

#cc-ride-app .cc-saved-grid > button:focus,

#cc-ride-app .cc-saved-grid > button:active{

    display:flex!important;

    align-items:center!important;

    width:100%!important;

    max-width:none!important;

    margin:0!important;

    border-radius:15px!important;

}

#cc-ride-app .cc-recent-list > .cc-place-row,

#cc-ride-app .cc-recent-list > .cc-place-row:hover,

#cc-ride-app .cc-recent-list > .cc-place-row:focus,

#cc-ride-app .cc-recent-list > .cc-place-row:active{

    display:flex!important;

    align-items:center!important;

    width:100%!important;

    max-width:none!important;

    margin:0!important;

    padding:8px 2px!important;

    border:0!important;

    border-bottom:1px solid #dbdad6!important;

    border-radius:0!important;

    text-align:left!important;

}

#cc-ride-app .cc-recent-list > .cc-place-row:last-child{

    border-bottom:0!important;

}

#cc-ride-app .cc-add-place-button,

#cc-ride-app .cc-add-place-button:hover,

#cc-ride-app .cc-add-place-button:focus,

#cc-ride-app .cc-add-place-button:active{

    display:flex!important;

    width:100%!important;

    max-width:none!important;

    margin:0!important;

    border-radius:12px!important;

}

#cc-ride-app .cc-pickup-modal-card > .cc-black-button,

#cc-ride-app .cc-pickup-modal-card > .cc-black-button:hover,

#cc-ride-app .cc-pickup-modal-card > .cc-black-button:focus,

#cc-ride-app .cc-pickup-modal-card > .cc-black-button:active{

    display:flex!important;

    width:100%!important;

    max-width:none!important;

    margin:6px 0 12px!important;

}

#cc-ride-app .cc-pickup-modal-card > .cc-black-button span{

    margin-left:auto!important;

}

/* Remove the unfinished pseudo-car that rendered as a grey block. */

#cc-ride-app .cc-trips-hero:after{

    display:none!important;

    content:none!important;

}



/* Polished passenger surfaces: homepage recents, Saved Places and My Rides. */

#cc-ride-app .cc-home-recents{

    overflow:hidden!important;

    padding:2px 16px!important;

    border:1px solid rgba(255,255,255,.88)!important;

    border-radius:17px!important;

    background:rgba(255,255,255,.98)!important;

    box-shadow:0 14px 38px rgba(0,0,0,.24)!important;

}

#cc-ride-app .cc-home-recents > .cc-place-row,

#cc-ride-app .cc-home-recents > .cc-place-row:hover,

#cc-ride-app .cc-home-recents > .cc-place-row:focus,

#cc-ride-app .cc-home-recents > .cc-place-row:active{

    min-height:58px!important;

    padding:7px 0!important;

    color:#111820!important;

    background:transparent!important;

}

#cc-ride-app .cc-home-recents > .cc-place-row:not(:last-child){

    border-bottom:1px solid #e3e6e9!important;

}

#cc-ride-app .cc-home-recents .cc-place-icon{

    display:grid!important;

    place-items:center!important;

    width:40px!important;

    height:40px!important;

    margin-right:13px!important;

    border-radius:12px!important;

    color:#111820!important;

    background:#f0f2f4!important;

}

#cc-ride-app .cc-home-recents .cc-place-row strong{

    color:#111820!important;

    font-size:15px!important;

    font-weight:720!important;

}

#cc-ride-app .cc-home-recents .cc-place-row small{

    color:#6f7882!important;

    font-size:12px!important;

}

#cc-ride-app .cc-home-recents .cc-chevron{

    color:#77818b!important;

}



#cc-ride-app .cc-saved-screen{

    color:#0c1722!important;

    background:linear-gradient(180deg,#f7fbff 0,#eef4f8 100%)!important;

}

#cc-ride-app .cc-saved-screen .cc-subpage-header{

    min-height:calc(76px + env(safe-area-inset-top))!important;

    border-bottom:1px solid rgba(117,145,166,.18)!important;

    background:rgba(250,253,255,.94)!important;

    box-shadow:0 8px 28px rgba(33,66,91,.06)!important;

}

#cc-ride-app .cc-saved-page-content{

    display:grid!important;

    gap:16px!important;

    width:min(100%,680px)!important;

    margin:0 auto!important;

    padding:18px 14px calc(28px + env(safe-area-inset-bottom))!important;

}

#cc-ride-app .cc-saved-page-content > section{

    margin:0!important;

    padding:18px!important;

    border:1px solid rgba(117,145,166,.16)!important;

    border-radius:22px!important;

    background:#fff!important;

    box-shadow:0 12px 34px rgba(39,75,101,.08)!important;

}

#cc-ride-app .cc-saved-page-content > section:first-child{

    display:grid!important;

    grid-template-columns:repeat(2,minmax(0,1fr))!important;

    gap:10px!important;

}

#cc-ride-app .cc-saved-page-content h3{

    grid-column:1/-1!important;

    margin:0 0 4px!important;

    color:#657482!important;

    font-size:11px!important;

    font-weight:800!important;

    letter-spacing:1.25px!important;

}

#cc-ride-app .cc-saved-page-content .cc-manage-place,

#cc-ride-app .cc-saved-page-content .cc-manage-place:hover,

#cc-ride-app .cc-saved-page-content .cc-manage-place:focus,

#cc-ride-app .cc-saved-page-content .cc-manage-place:active{

    display:grid!important;

    grid-template-columns:42px minmax(0,1fr) 18px!important;

    gap:10px!important;

    width:100%!important;

    min-height:84px!important;

    margin:0!important;

    padding:10px!important;

    border:1px solid #e1e8ed!important;

    border-radius:16px!important;

    color:#101923!important;

    background:#f8fafc!important;

    box-shadow:none!important;

}

#cc-ride-app .cc-saved-page-content .cc-manage-place > i{

    width:42px!important;

    height:42px!important;

    border-radius:13px!important;

    color:#087fe1!important;

    background:#e8f4ff!important;

}

#cc-ride-app .cc-saved-page-content .cc-manage-place strong{

    color:#101923!important;

    font-size:15px!important;

}

#cc-ride-app .cc-saved-page-content .cc-manage-place small{

    color:#75818c!important;

    font-size:11px!important;

}

#cc-ride-app .cc-saved-page-content .cc-no-saved-places{

    min-height:76px!important;

    padding:22px 4px!important;

    color:#72808c!important;

    font-size:13px!important;

    line-height:1.5!important;

}

#cc-ride-app .cc-saved-page-content > .cc-add-place-button,

#cc-ride-app .cc-saved-page-content > .cc-add-place-button:hover,

#cc-ride-app .cc-saved-page-content > .cc-add-place-button:focus,

#cc-ride-app .cc-saved-page-content > .cc-add-place-button:active{

    min-height:58px!important;

    border:0!important;

    border-radius:16px!important;

    color:#fff!important;

    background:#0b1724!important;

    box-shadow:0 12px 28px rgba(11,23,36,.16)!important;

}



#cc-ride-app .cc-trips-hero{

    min-height:360px!important;

    padding:calc(20px + env(safe-area-inset-top)) 20px 34px!important;

    background-image:linear-gradient(90deg,rgba(248,252,255,.98) 0%,rgba(235,247,255,.86) 48%,rgba(204,231,248,.28) 100%),url("../images/rides-night-car.png")!important;

    background-size:cover!important;

    background-position:58% 34%!important;

    background-repeat:no-repeat!important;

    box-shadow:inset 0 -1px 0 rgba(75,119,148,.15)!important;

}

#cc-ride-app .cc-trips-hero:before{

    content:""!important;

    position:absolute!important;

    inset:auto 0 0!important;

    width:auto!important;

    height:46%!important;

    border-radius:0!important;

    background:linear-gradient(180deg,transparent,rgba(230,244,253,.86) 58%,#eaf6ff 100%)!important;

    transform:none!important;

}


#cc-ride-app .cc-trips-hero > div{

    max-width:330px!important;

    padding:18px 18px 16px!important;

    border:1px solid rgba(255,255,255,.72)!important;

    border-radius:22px!important;

    background:rgba(249,253,255,.76)!important;

    backdrop-filter:blur(12px)!important;

    box-shadow:0 14px 34px rgba(33,75,105,.10)!important;

}

#cc-ride-app .cc-trips-hero h2{

    color:#07111e!important;

    font-size:46px!important;

    letter-spacing:-2.4px!important;

}

#cc-ride-app .cc-trips-hero p{

    margin-top:8px!important;

    color:#506b7d!important;

    font-size:15px!important;

}

@media(max-width:430px){

    #cc-ride-app .cc-trips-hero{min-height:350px!important;background-position:61% 30%!important}

    #cc-ride-app .cc-trips-hero>div{max-width:310px!important;padding:16px!important}

    #cc-ride-app .cc-trips-hero h2{font-size:43px!important}

}



/* Primary location actions keep their intended app proportions. */

#cc-ride-app .cc-location-gate-card > .cc-black-button,

#cc-ride-app .cc-location-gate-card > .cc-black-button:hover,

#cc-ride-app .cc-location-gate-card > .cc-black-button:focus,

#cc-ride-app .cc-location-gate-card > .cc-black-button:active{

    display:flex!important;

    align-items:center!important;

    justify-content:center!important;

    width:100%!important;

    max-width:none!important;

    min-height:58px!important;

    margin:14px 0 0!important;

    padding:14px 18px!important;

    border:0!important;

    border-radius:16px!important;

    color:#fff!important;

    background:#071421!important;

    box-shadow:0 12px 28px rgba(7,20,33,.18)!important;

    font-size:15px!important;

    font-weight:760!important;

}

#cc-ride-app .cc-location-gate-card > .cc-location-manual,

#cc-ride-app .cc-location-gate-card > .cc-location-manual:hover,

#cc-ride-app .cc-location-gate-card > .cc-location-manual:focus,

#cc-ride-app .cc-location-gate-card > .cc-location-manual:active{

    display:flex!important;

    align-items:center!important;

    justify-content:center!important;

    width:100%!important;

    max-width:none!important;

    min-height:50px!important;

    margin:10px 0 0!important;

    padding:12px 16px!important;

    border:1px solid #dce3e8!important;

    border-radius:15px!important;

    color:#263746!important;

    background:#f3f6f8!important;

    box-shadow:none!important;

    font-size:13px!important;

    font-weight:740!important;

}

#cc-ride-app .cc-search-content > .cc-set-map-row,

#cc-ride-app .cc-search-content > .cc-set-map-row:hover,

#cc-ride-app .cc-search-content > .cc-set-map-row:focus,

#cc-ride-app .cc-search-content > .cc-set-map-row:active{

    display:grid!important;

    grid-template-columns:46px minmax(0,1fr) 22px!important;

    align-items:center!important;

    gap:12px!important;

    width:100%!important;

    max-width:none!important;

    min-height:68px!important;

    margin:20px 0 0!important;

    padding:10px 14px!important;

    border:1px solid rgba(255,255,255,.28)!important;

    border-radius:17px!important;

    color:#fff!important;

    background:rgba(5,17,30,.92)!important;

    box-shadow:0 12px 30px rgba(0,0,0,.20)!important;

    text-align:left!important;

}

#cc-ride-app .cc-search-content > .cc-set-map-row > span{

    width:46px!important;

    height:46px!important;

    margin:0!important;

    border-radius:14px!important;

}

#cc-ride-app .cc-search-content > .cc-set-map-row > strong{

    color:#fff!important;

    font-size:15px!important;

    font-weight:720!important;

}

#cc-ride-app .cc-search-content > .cc-set-map-row > .cc-chevron{

    width:22px!important;

    height:22px!important;

    margin:0!important;

    color:#8b9bad!important;

}

#cc-ride-app .cc-map-confirm-sheet > #cc-map-confirm-button,

#cc-ride-app .cc-map-confirm-sheet > #cc-map-confirm-button:hover,

#cc-ride-app .cc-map-confirm-sheet > #cc-map-confirm-button:focus,

#cc-ride-app .cc-map-confirm-sheet > #cc-map-confirm-button:active{

    display:flex!important;

    align-items:center!important;

    justify-content:center!important;

    width:100%!important;

    max-width:none!important;

    min-height:62px!important;

    margin:16px 0 0!important;

    padding:14px 18px!important;

    border:0!important;

    border-radius:15px!important;

    color:#fff!important;

    background:#05080c!important;

    box-shadow:0 12px 28px rgba(0,0,0,.16)!important;

    font-size:17px!important;

    font-weight:720!important;

}



/* Reference-matched My Rides screen and left-aligned homepage place copy. */

#cc-ride-app .cc-home-recents .cc-place-row > span:not(.cc-place-icon){

    display:flex!important;

    flex:1 1 auto!important;

    min-width:0!important;

    flex-direction:column!important;

    align-items:flex-start!important;

    justify-content:center!important;

    text-align:left!important;

}

#cc-ride-app .cc-home-recents .cc-place-row > span:not(.cc-place-icon) strong,

#cc-ride-app .cc-home-recents .cc-place-row > span:not(.cc-place-icon) small{

    display:block!important;

    width:100%!important;

    margin:0!important;

    text-align:left!important;

}



#cc-ride-app .cc-trips-screen{

    padding:0 14px calc(28px + env(safe-area-inset-bottom))!important;

    background:linear-gradient(180deg,#edf8ff 0,#f8fcff 245px,#eef5fa 100%)!important;

}

#cc-ride-app .cc-trips-hero{

    min-height:226px!important;

    margin:0 -14px!important;

    padding:calc(18px + env(safe-area-inset-top)) 18px 62px!important;

    background-color:#eaf7ff!important;

    background-image:linear-gradient(90deg,rgba(247,252,255,.86) 0%,rgba(240,250,255,.76) 43%,rgba(224,242,252,.52) 72%,rgba(230,245,253,.60) 100%),url("../images/rides-night-car.png")!important;

    background-size:118% auto!important;

    background-position:56% 17%!important;

    background-repeat:no-repeat!important;

    background-blend-mode:normal!important;

    box-shadow:none!important;

}

#cc-ride-app .cc-trips-hero:before{

    height:42%!important;

    background:linear-gradient(180deg,transparent,rgba(237,248,255,.72) 58%,#edf8ff 100%)!important;

}

#cc-ride-app .cc-trips-hero > button:first-child,

#cc-ride-app .cc-trips-hero > button:first-child:is(:hover,:focus,:active){

    width:44px!important;

    height:44px!important;

    border-radius:50%!important;

    box-shadow:0 8px 22px rgba(38,83,113,.12)!important;

}

#cc-ride-app .cc-trips-hero > button:first-child svg{

    width:24px!important;

    height:24px!important;

}

#cc-ride-app .cc-trips-hero > #cc-refresh-rides,

#cc-ride-app .cc-trips-hero > #cc-refresh-rides:is(:hover,:focus,:active){

    height:44px!important;

    padding:0 15px!important;

    border-radius:22px!important;

    font-size:12px!important;

    box-shadow:0 8px 22px rgba(38,83,113,.10)!important;

}

#cc-ride-app .cc-trips-hero > #cc-refresh-rides svg{

    width:20px!important;

    height:20px!important;

}

#cc-ride-app .cc-trips-hero > div{

    max-width:none!important;

    padding:0!important;

    border:0!important;

    border-radius:0!important;

    background:transparent!important;

    backdrop-filter:none!important;

    box-shadow:none!important;

}

#cc-ride-app .cc-trips-hero h2{

    margin:0!important;

    color:#060d24!important;

    font-size:38px!important;

    font-weight:820!important;

    line-height:.96!important;

    letter-spacing:-2.3px!important;

}

#cc-ride-app .cc-trips-hero p{

    margin:9px 0 0!important;

    color:#506277!important;

    font-size:15px!important;

    font-weight:480!important;

    line-height:1.2!important;

}

#cc-ride-app .cc-trip-filters{

    position:relative!important;

    top:auto!important;

    z-index:6!important;

    gap:7px!important;

    width:100%!important;

    margin:-52px auto 2px!important;

    padding:0!important;

    background:transparent!important;

}

#cc-ride-app .cc-trip-filters button,

#cc-ride-app .cc-trip-filters button:is(:hover,:focus,:active){

    gap:6px!important;

    height:44px!important;

    padding:0 7px!important;

    border:1px solid rgba(255,255,255,.82)!important;

    border-radius:24px!important;

    color:#435a72!important;

    background:rgba(255,255,255,.88)!important;

    box-shadow:0 8px 20px rgba(45,94,128,.10)!important;

    font-size:11px!important;

    font-weight:680!important;

}

#cc-ride-app .cc-trip-filters button.is-active,

#cc-ride-app .cc-trip-filters button.is-active:is(:hover,:focus,:active){

    color:#fff!important;

    background:linear-gradient(180deg,#1399ff,#087fea)!important;

    box-shadow:0 9px 24px rgba(7,135,240,.30)!important;

}

#cc-ride-app .cc-trip-filters i{

    width:23px!important;

    height:23px!important;

    font-size:14px!important;

}

#cc-ride-app .cc-trip-list{

    gap:12px!important;

    width:100%!important;

}

#cc-ride-app .cc-trip-card{

    padding:14px 14px 0!important;

    border:1px solid rgba(126,163,188,.16)!important;

    border-radius:19px!important;

    background:rgba(255,255,255,.98)!important;

    box-shadow:0 10px 28px rgba(43,79,105,.08)!important;

}

#cc-ride-app .cc-trip-card-head strong{

    color:#081126!important;

    font-size:16px!important;

    font-weight:820!important;

}

#cc-ride-app .cc-trip-card-head span{

    color:#718195!important;

    font-size:11px!important;

}

#cc-ride-app .cc-trip-card-head > b{

    padding:7px 10px!important;

    border-radius:15px!important;

    font-size:9px!important;

    font-weight:800!important;

}

#cc-ride-app .cc-trip-route{

    gap:10px!important;

    margin:17px 3px 16px!important;

}

#cc-ride-app .cc-trip-route p{

    gap:16px!important;

}

#cc-ride-app .cc-trip-route p span{

    align-items:flex-start!important;

    text-align:left!important;

}

#cc-ride-app .cc-trip-route p strong{

    color:#0b1324!important;

    font-size:13px!important;

    font-weight:760!important;

    text-align:left!important;

}

#cc-ride-app .cc-trip-route p small{

    color:#77889a!important;

    font-size:10.5px!important;

    text-align:left!important;

}

#cc-ride-app .cc-trip-pickup-detail{

    margin-bottom:11px!important;

    padding:11px 0!important;

}

#cc-ride-app .cc-trip-pickup-detail strong{

    font-size:9px!important;

}

#cc-ride-app .cc-trip-pickup-detail span{

    font-size:11px!important;

}

#cc-ride-app .cc-trip-meta{

    grid-template-columns:repeat(4,minmax(0,1fr))!important;

    margin:0 -14px!important;

    background:#f1f7fb!important;

}

#cc-ride-app .cc-trip-stat{

    gap:4px!important;

    min-height:56px!important;

    padding:7px 6px!important;

}

#cc-ride-app .cc-trip-stat i{

    width:23px!important;

    height:23px!important;

    font-size:11px!important;

}

#cc-ride-app .cc-trip-stat b{

    overflow:hidden!important;

    font-size:9px!important;

    text-overflow:ellipsis!important;

}

#cc-ride-app .cc-trip-distance{

    grid-template-columns:22px minmax(0,1fr)!important;

}

#cc-ride-app .cc-trip-distance b,

#cc-ride-app .cc-trip-distance small{

    grid-column:2!important;

}

#cc-ride-app .cc-trip-distance small{

    font-size:7.5px!important;

}

#cc-ride-app .cc-cancel,

#cc-ride-app .cc-cancel:is(:hover,:focus,:active){

    width:calc(100% + 14px)!important;

    min-height:48px!important;

    margin:9px -7px 8px!important;

    border-radius:13px!important;

}

#cc-ride-app .cc-ride-empty{

    min-height:126px!important;

    padding:44px 18px!important;

    border-radius:18px!important;

}



@media(max-width:430px){

    #cc-ride-app .cc-trips-hero{

        min-height:226px!important;

        background-position:56% 17%!important;

    }

    #cc-ride-app .cc-trips-hero h2{font-size:38px!important}

    #cc-ride-app .cc-trip-meta{grid-template-columns:repeat(4,minmax(0,1fr))!important}

    #cc-ride-app .cc-trip-stat{border-bottom:0!important}

    #cc-ride-app .cc-trip-stat:nth-child(2){border-right:1px solid #dae6ee!important}

}



/* Edge-to-edge trip cards with a refined single-row summary and cancel action. */

#cc-ride-app .cc-trips-screen{

    padding-right:6px!important;

    padding-left:6px!important;

    overflow-x:hidden!important;

}

#cc-ride-app .cc-trips-hero{

    margin-right:-6px!important;

    margin-left:-6px!important;

}

#cc-ride-app .cc-trip-filters{

    width:calc(100% - 12px)!important;

}

#cc-ride-app .cc-trip-list{

    width:calc(100% + 12px)!important;

    max-width:none!important;

    margin-right:-6px!important;

    margin-left:-6px!important;

}

#cc-ride-app .cc-trip-card{

    width:100%!important;

    max-width:none!important;

    padding:15px 16px 0!important;

    border-right:0!important;

    border-left:0!important;

    border-radius:18px!important;

}

#cc-ride-app .cc-trip-meta{

    display:grid!important;

    grid-template-columns:repeat(4,minmax(0,1fr))!important;

    align-items:stretch!important;

    width:auto!important;

    margin:0 -16px!important;

    border-top:1px solid #e2edf5!important;

    background:linear-gradient(180deg,#f8fbfe,#eef6fb)!important;

}

#cc-ride-app .cc-trip-stat,

#cc-ride-app .cc-trip-distance{

    display:grid!important;

    grid-template-columns:24px minmax(0,1fr)!important;

    grid-template-rows:minmax(18px,auto) auto!important;

    align-content:center!important;

    align-items:center!important;

    justify-content:center!important;

    column-gap:6px!important;

    row-gap:0!important;

    min-width:0!important;

    min-height:59px!important;

    padding:8px 7px!important;

    border-right:1px solid #dbe7ef!important;

    border-bottom:0!important;

    color:#26394c!important;

    background:transparent!important;

    text-align:left!important;

}

#cc-ride-app .cc-trip-stat:last-child{

    border-right:0!important;

}

#cc-ride-app .cc-trip-stat > i{

    position:relative!important;

    display:grid!important;

    grid-row:1 / -1!important;

    grid-column:1!important;

    place-items:center!important;

    width:24px!important;

    height:24px!important;

    margin:0!important;

    border:1px solid rgba(48,119,175,.12)!important;

    border-radius:8px!important;

    color:#286f9f!important;

    background:#e4f2fc!important;

    box-shadow:inset 0 1px 0 rgba(255,255,255,.8)!important;

    font-size:11px!important;

    font-weight:800!important;

    line-height:1!important;

}

#cc-ride-app .cc-trip-stat > b{

    grid-row:1!important;

    grid-column:2!important;

    min-width:0!important;

    overflow:hidden!important;

    color:#172638!important;

    font-size:9.5px!important;

    font-weight:760!important;

    line-height:1.15!important;

    text-overflow:ellipsis!important;

    text-transform:none!important;

    white-space:nowrap!important;

}

#cc-ride-app .cc-trip-payment > b{

    text-transform:uppercase!important;

    letter-spacing:.15px!important;

}

#cc-ride-app .cc-trip-distance > i{

    background:#e4f2fc!important;

}

#cc-ride-app .cc-trip-distance > i:before{

    width:14px!important;

    height:9px!important;

    border-color:#1689df!important;

}

#cc-ride-app .cc-trip-distance > b,

#cc-ride-app .cc-trip-distance > small{

    grid-column:2!important;

}

#cc-ride-app .cc-trip-distance > small{

    grid-row:2!important;

    min-width:0!important;

    overflow:hidden!important;

    color:#7b8c9b!important;

    font-size:7.5px!important;

    line-height:1.05!important;

    text-overflow:ellipsis!important;

    white-space:nowrap!important;

}

#cc-ride-app .cc-cancel,

#cc-ride-app .cc-cancel:hover,

#cc-ride-app .cc-cancel:focus,

#cc-ride-app .cc-cancel:active{

    display:flex!important;

    align-items:center!important;

    justify-content:center!important;

    gap:7px!important;

    width:calc(100% - 12px)!important;

    min-height:40px!important;

    margin:8px 6px 8px!important;

    padding:0 14px!important;

    border:1px solid rgba(221,41,54,.08)!important;

    border-radius:12px!important;

    color:#d82331!important;

    background:#ffe9eb!important;

    box-shadow:none!important;

    font-size:12.5px!important;

    font-weight:760!important;

    line-height:1!important;

}

#cc-ride-app .cc-cancel > i{

    position:relative!important;

    display:block!important;

    flex:0 0 18px!important;

    width:18px!important;

    height:18px!important;

    margin:0!important;

    border-radius:50%!important;

    color:transparent!important;

    background:#e12634!important;

    font-size:0!important;

    line-height:0!important;

}

#cc-ride-app .cc-cancel > i:before,

#cc-ride-app .cc-cancel > i:after{

    content:""!important;

    position:absolute!important;

    top:8px!important;

    left:5px!important;

    width:8px!important;

    height:2px!important;

    border-radius:2px!important;

    background:#fff!important;

    transform:rotate(45deg)!important;

    transform-origin:center!important;

}

#cc-ride-app .cc-cancel > i:after{

    transform:rotate(-45deg)!important;

}



/* Reference-matched Saved Places screen: stacked cards on a quiet app canvas. */

#cc-ride-app .cc-saved-screen{

    color:#08101f!important;

    background:linear-gradient(180deg,#f8faff 0%,#f3f7fb 100%)!important;

}

#cc-ride-app .cc-saved-screen .cc-subpage-header{

    position:sticky!important;

    z-index:20!important;

    top:0!important;

    display:grid!important;

    grid-template-columns:50px minmax(0,1fr) 50px!important;

    align-items:center!important;

    min-height:calc(74px + env(safe-area-inset-top))!important;

    padding:env(safe-area-inset-top) 16px 0!important;

    border-bottom:1px solid #e2e8ef!important;

    background:rgba(255,255,255,.97)!important;

    box-shadow:0 7px 22px rgba(41,65,88,.035)!important;

    backdrop-filter:blur(16px)!important;

}

#cc-ride-app .cc-saved-screen .cc-subpage-header h2{

    margin:0!important;

    color:#07101f!important;

    font-size:23px!important;

    font-weight:820!important;

    line-height:1!important;

    text-align:center!important;

    letter-spacing:-.8px!important;

}

#cc-ride-app .cc-saved-screen .cc-subpage-header button,

#cc-ride-app .cc-saved-screen .cc-subpage-header button:hover,

#cc-ride-app .cc-saved-screen .cc-subpage-header button:focus,

#cc-ride-app .cc-saved-screen .cc-subpage-header button:active{

    display:grid!important;

    place-items:center!important;

    width:46px!important;

    height:46px!important;

    margin:0!important;

    padding:0!important;

    border:0!important;

    border-radius:50%!important;

    color:#07101f!important;

    background:#f0f2f4!important;

    box-shadow:none!important;

}

#cc-ride-app .cc-saved-screen .cc-subpage-header button svg{

    width:25px!important;

    height:25px!important;

    stroke-width:2.2!important;

}

#cc-ride-app .cc-saved-page-content{

    display:block!important;

    width:min(100%,680px)!important;

    margin:0 auto!important;

    padding:22px 16px calc(28px + env(safe-area-inset-bottom))!important;

}

#cc-ride-app .cc-saved-page-content > section,

#cc-ride-app .cc-saved-page-content > section:first-child{

    display:grid!important;

    grid-template-columns:1fr!important;

    gap:11px!important;

    margin:0 0 25px!important;

    padding:0!important;

    border:0!important;

    border-radius:0!important;

    background:transparent!important;

    box-shadow:none!important;

}

#cc-ride-app .cc-saved-page-content h3{

    grid-column:1!important;

    margin:0 4px 3px!important;

    color:#647181!important;

    font-size:12px!important;

    font-weight:830!important;

    line-height:1.2!important;

    text-transform:uppercase!important;

    letter-spacing:1.45px!important;

}

#cc-ride-app .cc-saved-page-content #cc-other-saved-places{

    display:grid!important;

    gap:11px!important;

}

#cc-ride-app .cc-saved-page-content .cc-manage-place,

#cc-ride-app .cc-saved-page-content .cc-manage-place:hover,

#cc-ride-app .cc-saved-page-content .cc-manage-place:focus,

#cc-ride-app .cc-saved-page-content .cc-manage-place:active{

    display:grid!important;

    grid-template-columns:48px minmax(0,1fr) 22px!important;

    align-items:center!important;

    gap:12px!important;

    width:100%!important;

    min-height:72px!important;

    margin:0!important;

    padding:10px 13px!important;

    border:1px solid #e5ebf0!important;

    border-radius:15px!important;

    color:#091221!important;

    background:#fff!important;

    box-shadow:0 8px 22px rgba(33,61,84,.055)!important;

    text-align:left!important;

}

#cc-ride-app .cc-saved-page-content .cc-manage-place > i{

    display:grid!important;

    place-items:center!important;

    width:48px!important;

    height:48px!important;

    margin:0!important;

    border:0!important;

    border-radius:13px!important;

    color:#0c8edf!important;

    background:#eaf6ff!important;

    box-shadow:none!important;

}

#cc-ride-app .cc-saved-page-content .cc-manage-place > i svg{

    width:27px!important;

    height:27px!important;

    stroke-width:1.9!important;

}

#cc-ride-app .cc-saved-page-content .cc-manage-place > span{

    display:grid!important;

    min-width:0!important;

    gap:4px!important;

    align-items:center!important;

    justify-items:start!important;

    text-align:left!important;

}

#cc-ride-app .cc-saved-page-content .cc-manage-place strong{

    display:block!important;

    width:100%!important;

    margin:0!important;

    color:#0b1322!important;

    font-size:16px!important;

    font-weight:790!important;

    line-height:1.05!important;

    text-align:left!important;

}

#cc-ride-app .cc-saved-page-content .cc-manage-place small{

    display:block!important;

    width:100%!important;

    margin:0!important;

    overflow:hidden!important;

    color:#7b8694!important;

    font-size:12px!important;

    font-weight:450!important;

    line-height:1.15!important;

    text-align:left!important;

    text-overflow:ellipsis!important;

    white-space:nowrap!important;

}

#cc-ride-app .cc-saved-page-content .cc-manage-place > svg{

    width:22px!important;

    height:22px!important;

    margin:0!important;

    color:#6f7b87!important;

    stroke-width:2.4!important;

}

#cc-ride-app .cc-saved-page-content .cc-no-saved-places{

    min-height:72px!important;

    padding:24px 16px!important;

    border:1px dashed #d8e1e8!important;

    border-radius:15px!important;

    color:#788592!important;

    background:rgba(255,255,255,.62)!important;

    font-size:12px!important;

    line-height:1.45!important;

    text-align:center!important;

}

#cc-ride-app .cc-saved-page-content > .cc-add-place-button,

#cc-ride-app .cc-saved-page-content > .cc-add-place-button:hover,

#cc-ride-app .cc-saved-page-content > .cc-add-place-button:focus,

#cc-ride-app .cc-saved-page-content > .cc-add-place-button:active{

    display:flex!important;

    align-items:center!important;

    justify-content:center!important;

    gap:14px!important;

    width:100%!important;

    min-height:58px!important;

    margin:0!important;

    padding:12px 18px!important;

    border:0!important;

    border-radius:15px!important;

    color:#fff!important;

    background:#0b263f!important;

    box-shadow:0 12px 28px rgba(11,38,63,.16)!important;

    font-size:16px!important;

    font-weight:530!important;

    line-height:1!important;

}

#cc-ride-app .cc-saved-page-content > .cc-add-place-button span{

    display:grid!important;

    place-items:center!important;

    width:24px!important;

    height:24px!important;

    margin:0!important;

    font-size:28px!important;

    font-weight:300!important;

    line-height:1!important;

}



/* Add/Edit Saved Place carries the same visual system as the saved list. */

#cc-ride-app .cc-saved-edit-screen{

    color:#08101f!important;

    background:linear-gradient(180deg,#f8faff 0%,#f3f7fb 100%)!important;

}

#cc-ride-app .cc-saved-edit-screen .cc-subpage-header{

    position:sticky!important;

    z-index:20!important;

    top:0!important;

    display:grid!important;

    grid-template-columns:50px minmax(0,1fr) 50px!important;

    align-items:center!important;

    min-height:calc(74px + env(safe-area-inset-top))!important;

    padding:env(safe-area-inset-top) 16px 0!important;

    border-bottom:1px solid #e2e8ef!important;

    background:rgba(255,255,255,.97)!important;

    box-shadow:0 7px 22px rgba(41,65,88,.035)!important;

    backdrop-filter:blur(16px)!important;

}

#cc-ride-app .cc-saved-edit-screen .cc-subpage-header h2{

    overflow:hidden!important;

    margin:0!important;

    color:#07101f!important;

    font-size:21px!important;

    font-weight:820!important;

    line-height:1.1!important;

    text-align:center!important;

    text-overflow:ellipsis!important;

    white-space:nowrap!important;

    letter-spacing:-.65px!important;

}

#cc-ride-app .cc-saved-edit-screen .cc-subpage-header button,

#cc-ride-app .cc-saved-edit-screen .cc-subpage-header button:hover,

#cc-ride-app .cc-saved-edit-screen .cc-subpage-header button:focus,

#cc-ride-app .cc-saved-edit-screen .cc-subpage-header button:active{

    display:grid!important;

    place-items:center!important;

    width:46px!important;

    height:46px!important;

    margin:0!important;

    padding:0!important;

    border:0!important;

    border-radius:50%!important;

    color:#07101f!important;

    background:#f0f2f4!important;

    box-shadow:none!important;

}

#cc-ride-app .cc-saved-edit-screen .cc-subpage-header button svg{

    width:25px!important;

    height:25px!important;

    stroke-width:2.2!important;

}

#cc-ride-app .cc-saved-editor{

    display:grid!important;

    gap:17px!important;

    width:min(100%,680px)!important;

    margin:0 auto!important;

    padding:22px 16px calc(30px + env(safe-area-inset-bottom))!important;

}

#cc-ride-app .cc-saved-editor > label{

    display:grid!important;

    gap:8px!important;

    margin:0!important;

}

#cc-ride-app .cc-saved-editor > label > span{

    margin:0 3px!important;

    color:#647181!important;

    font-size:11px!important;

    font-weight:820!important;

    line-height:1.15!important;

    text-transform:uppercase!important;

    letter-spacing:1.15px!important;

}

#cc-ride-app .cc-saved-editor input,

#cc-ride-app .cc-saved-editor input:hover{

    width:100%!important;

    height:58px!important;

    margin:0!important;

    padding:0 15px!important;

    border:1px solid #e1e8ee!important;

    border-radius:15px!important;

    outline:0!important;

    color:#0b1423!important;

    background:#fff!important;

    box-shadow:0 7px 20px rgba(33,61,84,.045)!important;

    font-size:15px!important;

}

#cc-ride-app .cc-saved-editor input:focus{

    border-color:#1593e5!important;

    box-shadow:0 0 0 3px rgba(21,147,229,.12),0 7px 20px rgba(33,61,84,.045)!important;

}

#cc-ride-app .cc-saved-editor input::placeholder{

    color:#98a2ad!important;

}

#cc-ride-app .cc-place-address-field > div{

    display:grid!important;

    grid-template-columns:24px minmax(0,1fr)!important;

    align-items:center!important;

    gap:10px!important;

    min-height:58px!important;

    padding:0 12px 0 15px!important;

    border:1px solid #e1e8ee!important;

    border-radius:15px!important;

    background:#fff!important;

    box-shadow:0 7px 20px rgba(33,61,84,.045)!important;

}

#cc-ride-app .cc-place-address-field > div:focus-within{

    border-color:#1593e5!important;

    box-shadow:0 0 0 3px rgba(21,147,229,.12),0 7px 20px rgba(33,61,84,.045)!important;

}

#cc-ride-app .cc-place-address-field > div > svg{

    width:24px!important;

    height:24px!important;

    color:#138edc!important;

    stroke-width:2!important;

}

#cc-ride-app .cc-place-address-field > div > input{

    height:56px!important;

    padding:0!important;

    border:0!important;

    border-radius:0!important;

    background:transparent!important;

    box-shadow:none!important;

}

#cc-ride-app .cc-place-suggestions{

    margin-top:-8px!important;

    padding:5px 12px!important;

    border:1px solid #e1e8ee!important;

    border-radius:15px!important;

    background:#fff!important;

    box-shadow:0 14px 34px rgba(33,61,84,.10)!important;

}

#cc-ride-app .cc-editor-map-button,

#cc-ride-app .cc-editor-map-button:hover,

#cc-ride-app .cc-editor-map-button:focus,

#cc-ride-app .cc-editor-map-button:active{

    display:grid!important;

    grid-template-columns:48px minmax(0,1fr) 22px!important;

    align-items:center!important;

    gap:12px!important;

    width:100%!important;

    min-height:74px!important;

    margin:0!important;

    padding:10px 13px!important;

    border:1px solid #e1e8ee!important;

    border-radius:15px!important;

    color:#0b1423!important;

    background:#fff!important;

    box-shadow:0 8px 22px rgba(33,61,84,.055)!important;

    text-align:left!important;

}

#cc-ride-app .cc-editor-map-button > svg:first-child{

    box-sizing:border-box!important;

    width:48px!important;

    height:48px!important;

    padding:10px!important;

    border-radius:13px!important;

    color:#0c8edf!important;

    background:#eaf6ff!important;

    stroke-width:1.9!important;

}

#cc-ride-app .cc-editor-map-button > span{

    display:grid!important;

    gap:4px!important;

    min-width:0!important;

}

#cc-ride-app .cc-editor-map-button strong{

    color:#0b1322!important;

    font-size:15px!important;

    font-weight:780!important;

}

#cc-ride-app .cc-editor-map-button small{

    overflow:hidden!important;

    color:#7b8694!important;

    font-size:11px!important;

    text-overflow:ellipsis!important;

    white-space:nowrap!important;

}

#cc-ride-app .cc-editor-map-button > svg:last-child{

    width:22px!important;

    height:22px!important;

    color:#6f7b87!important;

    stroke-width:2.4!important;

}

#cc-ride-app .cc-selected-place{

    display:grid!important;

    grid-template-columns:18px minmax(0,1fr)!important;

    align-items:center!important;

    gap:11px!important;

    min-height:64px!important;

    padding:12px 14px!important;

    border:1px solid #cfe7f7!important;

    border-radius:15px!important;

    background:#eaf7ff!important;

}

#cc-ride-app .cc-selected-place i{

    width:14px!important;

    height:14px!important;

    border:4px solid #108fdf!important;

    border-radius:50%!important;

    background:#fff!important;

}

#cc-ride-app .cc-saved-editor > .cc-black-button,

#cc-ride-app .cc-saved-editor > .cc-black-button:hover,

#cc-ride-app .cc-saved-editor > .cc-black-button:focus,

#cc-ride-app .cc-saved-editor > .cc-black-button:active{

    display:flex!important;

    align-items:center!important;

    justify-content:center!important;

    width:100%!important;

    min-height:58px!important;

    margin:0!important;

    padding:12px 18px!important;

    border:0!important;

    border-radius:15px!important;

    color:#fff!important;

    background:#0b263f!important;

    box-shadow:0 12px 28px rgba(11,38,63,.16)!important;

    font-size:16px!important;

    font-weight:650!important;

}

#cc-ride-app .cc-saved-editor > .cc-delete-place,

#cc-ride-app .cc-saved-editor > .cc-delete-place:hover,

#cc-ride-app .cc-saved-editor > .cc-delete-place:focus,

#cc-ride-app .cc-saved-editor > .cc-delete-place:active{

    position:relative!important;

    display:flex!important;

    align-items:center!important;

    justify-content:center!important;

    gap:9px!important;

    width:100%!important;

    min-height:52px!important;

    margin:0!important;

    padding:10px 16px!important;

    border:1px solid #f1cfd3!important;

    border-radius:15px!important;

    color:#c82431!important;

    background:#fff5f6!important;

    box-shadow:none!important;

    font-size:13px!important;

    font-weight:740!important;

    line-height:1!important;

    text-align:center!important;

}

#cc-ride-app .cc-saved-editor > .cc-delete-place:before{

    content:""!important;

    position:static!important;

    display:block!important;

    flex:0 0 20px!important;

    width:20px!important;

    height:20px!important;

    margin:0!important;

    background-position:center!important;

    background-repeat:no-repeat!important;

    background-size:20px 20px!important;

    transform:none!important;

}

#cc-ride-app .cc-saved-editor > .cc-delete-place:after{

    content:none!important;

    display:none!important;

}



/* Search input remains one clean pill; the theme must not draw an inner rectangle. */

#cc-ride-app .cc-destination-search > #cc-destination-search,

#cc-ride-app .cc-destination-search > #cc-destination-search:hover,

#cc-ride-app .cc-destination-search > #cc-destination-search:focus,

#cc-ride-app .cc-destination-search > #cc-destination-search:focus-visible,

#cc-ride-app .cc-destination-search > #cc-destination-search:active,

#cc-ride-app .cc-destination-search > #cc-destination-search:-webkit-autofill{

    appearance:none!important;

    -webkit-appearance:none!important;

    min-width:0!important;

    height:50px!important;

    margin:0!important;

    padding:0 14px!important;

    border:0!important;

    border-radius:0!important;

    outline:0!important;

    color:#111!important;

    background:transparent!important;

    background-color:transparent!important;

    background-image:none!important;

    box-shadow:none!important;

    -webkit-box-shadow:none!important;

    filter:none!important;

    transform:none!important;

}

#cc-ride-app .cc-destination-search:focus-within{

    border:0!important;

    outline:0!important;

    box-shadow:0 8px 35px rgba(0,91,183,.3)!important;

}



/* The map option shares the exact Recent Places content width. */

#cc-ride-app .cc-search-content > .cc-set-map-row,

#cc-ride-app .cc-search-content > .cc-set-map-row:hover,

#cc-ride-app .cc-search-content > .cc-set-map-row:focus,

#cc-ride-app .cc-search-content > .cc-set-map-row:active{

    box-sizing:border-box!important;

    width:100vw!important;

    max-width:none!important;

    margin:24px calc(50% - 50vw) 0!important;

}



/* Map navigation controls are fixed circular app buttons, never theme-shaped toggles. */

#cc-ride-app .cc-map-experience > .cc-map-back,

#cc-ride-app .cc-map-experience > .cc-map-back:hover,

#cc-ride-app .cc-map-experience > .cc-map-back:focus,

#cc-ride-app .cc-map-experience > .cc-map-back:focus-visible,

#cc-ride-app .cc-map-experience > .cc-map-back:active,

#cc-ride-app .cc-map-experience > .cc-map-locate,

#cc-ride-app .cc-map-experience > .cc-map-locate:hover,

#cc-ride-app .cc-map-experience > .cc-map-locate:focus,

#cc-ride-app .cc-map-experience > .cc-map-locate:focus-visible,

#cc-ride-app .cc-map-experience > .cc-map-locate:active{

    box-sizing:border-box!important;

    display:grid!important;

    place-items:center!important;

    width:52px!important;

    min-width:52px!important;

    max-width:52px!important;

    height:52px!important;

    min-height:52px!important;

    max-height:52px!important;

    aspect-ratio:1 / 1!important;

    margin:0!important;

    padding:0!important;

    overflow:hidden!important;

    border:1px solid rgba(15,32,47,.08)!important;

    border-radius:50%!important;

    outline:0!important;

    color:#08111d!important;

    background:#fff!important;

    background-color:#fff!important;

    background-image:none!important;

    box-shadow:0 7px 22px rgba(11,28,43,.16)!important;

    filter:none!important;

    transform:none!important;

}

#cc-ride-app .cc-map-experience > .cc-map-back svg,

#cc-ride-app .cc-map-experience > .cc-map-locate svg{

    display:block!important;

    width:25px!important;

    height:25px!important;

    margin:0!important;

    color:#08111d!important;

    stroke:currentColor!important;

    stroke-width:2.15!important;

    transform:none!important;

}

#cc-ride-app .cc-map-experience > .cc-map-back{

    top:max(18px,calc(env(safe-area-inset-top) + 10px))!important;

    left:16px!important;

}

#cc-ride-app .cc-map-experience > .cc-map-locate{

    right:16px!important;

}



/* Hidden editor states must stay hidden despite the stronger component styling. */

#cc-ride-app .cc-saved-editor > .cc-place-name-field[hidden],

#cc-ride-app .cc-saved-editor > .cc-selected-place[hidden],

#cc-ride-app .cc-saved-editor > .cc-delete-place[hidden]{

    display:none!important;

}



/* The address control has one rounded shell; its inner search input stays invisible. */

#cc-ride-app .cc-saved-editor .cc-place-address-field > div > #cc-place-address-search,

#cc-ride-app .cc-saved-editor .cc-place-address-field > div > #cc-place-address-search:hover,

#cc-ride-app .cc-saved-editor .cc-place-address-field > div > #cc-place-address-search:focus,

#cc-ride-app .cc-saved-editor .cc-place-address-field > div > #cc-place-address-search:focus-visible,

#cc-ride-app .cc-saved-editor .cc-place-address-field > div > #cc-place-address-search:active,

#cc-ride-app .cc-saved-editor .cc-place-address-field > div > #cc-place-address-search:-webkit-autofill{

    appearance:none!important;

    -webkit-appearance:none!important;

    width:100%!important;

    height:56px!important;

    margin:0!important;

    padding:0!important;

    border:0!important;

    border-radius:0!important;

    outline:0!important;

    color:#0b1423!important;

    background:transparent!important;

    background-color:transparent!important;

    background-image:none!important;

    box-shadow:none!important;

    -webkit-box-shadow:none!important;

    filter:none!important;

    transform:none!important;

}

#cc-ride-app #cc-place-address-search::-webkit-search-decoration,

#cc-ride-app #cc-place-address-search::-webkit-search-cancel-button,

#cc-ride-app #cc-place-address-search::-webkit-search-results-button,

#cc-ride-app #cc-place-address-search::-webkit-search-results-decoration{

    display:none!important;

    -webkit-appearance:none!important;

}



/* Choose a Ride shows every configured payment choice instead of hiding them behind Cash. */

#cc-ride-app .cc-ride-choice-sheet > .cc-payment-toggle,

#cc-ride-app .cc-ride-choice-sheet > .cc-payment-toggle:hover,

#cc-ride-app .cc-ride-choice-sheet > .cc-payment-toggle:focus,

#cc-ride-app .cc-ride-choice-sheet > .cc-payment-toggle:active{

    display:none!important;

}

#cc-ride-app .cc-ride-choice-sheet > #cc-payment-methods,

#cc-ride-app .cc-ride-choice-sheet > #cc-payment-methods[hidden]{

    display:grid!important;

    grid-template-columns:repeat(3,minmax(0,1fr))!important;

    gap:8px!important;

    width:100%!important;

    margin:13px 0 10px!important;

    padding:0!important;

    border:0!important;

    border-radius:0!important;

    background:transparent!important;

    box-shadow:none!important;

}

#cc-ride-app .cc-ride-choice-sheet > #cc-payment-methods:before{

    content:"Payment method"!important;

    grid-column:1 / -1!important;

    display:block!important;

    margin:1px 2px 0!important;

    color:#596979!important;

    font-size:10px!important;

    font-weight:820!important;

    line-height:1.1!important;

    text-transform:uppercase!important;

    letter-spacing:1.15px!important;

}

#cc-ride-app #cc-payment-methods > label,

#cc-ride-app #cc-payment-methods > label:hover,

#cc-ride-app #cc-payment-methods > label:focus-within,

#cc-ride-app #cc-payment-methods > .cc-payment-disabled{

    position:relative!important;

    display:grid!important;

    grid-template-columns:1fr!important;

    grid-template-rows:36px auto!important;

    align-content:center!important;

    align-items:center!important;

    justify-items:center!important;

    gap:7px!important;

    min-width:0!important;

    min-height:92px!important;

    margin:0!important;

    padding:9px 5px 8px!important;

    border:1px solid #e0e7ed!important;

    border-radius:14px!important;

    color:#152332!important;

    background:#fff!important;

    box-shadow:0 6px 18px rgba(29,55,77,.055)!important;

    opacity:1!important;

    text-align:center!important;

}

#cc-ride-app #cc-payment-methods > label.is-selected,

#cc-ride-app #cc-payment-methods > label.is-selected:hover,

#cc-ride-app #cc-payment-methods > label.is-selected:focus-within{

    border:2px solid #0b83df!important;

    padding:8px 4px 7px!important;

    background:#f3f9ff!important;

    box-shadow:0 7px 20px rgba(11,131,223,.12)!important;

}

#cc-ride-app #cc-payment-methods > label > i,

#cc-ride-app #cc-payment-methods > .cc-payment-disabled > i{

    display:grid!important;

    grid-row:1!important;

    place-items:center!important;

    width:36px!important;

    height:36px!important;

    margin:0!important;

    border-radius:11px!important;

    color:#fff!important;

    font-style:normal!important;

}

#cc-ride-app #cc-payment-methods > label > i svg,

#cc-ride-app #cc-payment-methods > .cc-payment-disabled > i svg{

    width:20px!important;

    height:20px!important;

    stroke-width:1.9!important;

}

#cc-ride-app #cc-payment-methods > label > span,

#cc-ride-app #cc-payment-methods > .cc-payment-disabled > span{

    display:grid!important;

    grid-row:2!important;

    gap:2px!important;

    min-width:0!important;

    justify-items:center!important;

    text-align:center!important;

}

#cc-ride-app #cc-payment-methods strong{

    color:#172534!important;

    font-size:11px!important;

    font-weight:780!important;

    line-height:1.05!important;

}

#cc-ride-app #cc-payment-methods small{

    display:block!important;

    max-width:100%!important;

    overflow:hidden!important;

    color:#7d8995!important;

    font-size:8px!important;

    line-height:1.15!important;

    text-overflow:ellipsis!important;

}

#cc-ride-app #cc-payment-methods > label > svg{

    position:absolute!important;

    top:7px!important;

    right:7px!important;

    width:17px!important;

    height:17px!important;

    padding:3px!important;

    border-radius:50%!important;

    color:#fff!important;

    background:#0b83df!important;

    opacity:0!important;

    stroke-width:2.6!important;

}

#cc-ride-app #cc-payment-methods > label.is-selected > svg{

    opacity:1!important;

}

#cc-ride-app #cc-payment-methods > .cc-payment-disabled{

    color:#7d8995!important;

    background:#f2f4f6!important;

    box-shadow:none!important;

}

#cc-ride-app #cc-payment-methods > .cc-payment-disabled > i{

    background:#778391!important;

}

#cc-ride-app #cc-payment-methods > .cc-payment-disabled strong{

    color:#66727e!important;

}



/* Saved-place deletion uses an in-app confirmation sheet, never window.confirm(). */

#cc-ride-app .cc-confirm-modal[hidden]{

    display:none!important;

}

#cc-ride-app .cc-confirm-modal{

    position:fixed!important;

    z-index:1000006!important;

    inset:0!important;

    display:flex!important;

    align-items:flex-end!important;

    justify-content:center!important;

    padding:16px!important;

    background:rgba(4,13,22,.68)!important;

    backdrop-filter:blur(10px)!important;

}

#cc-ride-app .cc-confirm-card{

    width:min(100%,430px)!important;

    margin:0!important;

    padding:24px 22px max(22px,env(safe-area-inset-bottom))!important;

    border:1px solid rgba(255,255,255,.9)!important;

    border-radius:26px!important;

    color:#0c1722!important;

    background:#fff!important;

    box-shadow:0 28px 80px rgba(0,0,0,.32)!important;

    text-align:center!important;

}

#cc-ride-app .cc-confirm-icon{

    display:grid!important;

    place-items:center!important;

    width:54px!important;

    height:54px!important;

    margin:0 auto 14px!important;

    border-radius:17px!important;

    color:#d72735!important;

    background:#ffecee!important;

    box-shadow:0 10px 24px rgba(215,39,53,.10)!important;

}

#cc-ride-app .cc-confirm-icon svg{

    width:27px!important;

    height:27px!important;

    stroke-width:1.9!important;

}

#cc-ride-app .cc-confirm-card > small{

    display:block!important;

    margin:0 0 8px!important;

    color:#d72735!important;

    font-size:9px!important;

    font-weight:850!important;

    line-height:1!important;

    letter-spacing:1.65px!important;

}

#cc-ride-app .cc-confirm-card h2{

    margin:0!important;

    color:#0a1420!important;

    font-size:26px!important;

    font-weight:820!important;

    line-height:1.1!important;

    letter-spacing:-.9px!important;

}

#cc-ride-app .cc-confirm-card h2 span{

    color:inherit!important;

}

#cc-ride-app .cc-confirm-card p{

    max-width:330px!important;

    margin:11px auto 20px!important;

    color:#6e7a86!important;

    font-size:12px!important;

    line-height:1.5!important;

}

#cc-ride-app .cc-confirm-actions{

    display:grid!important;

    grid-template-columns:1fr 1fr!important;

    gap:10px!important;

}

#cc-ride-app .cc-confirm-actions > button,

#cc-ride-app .cc-confirm-actions > button:hover,

#cc-ride-app .cc-confirm-actions > button:focus,

#cc-ride-app .cc-confirm-actions > button:active{

    display:flex!important;

    align-items:center!important;

    justify-content:center!important;

    width:100%!important;

    min-height:52px!important;

    margin:0!important;

    padding:11px 14px!important;

    border:0!important;

    border-radius:14px!important;

    box-shadow:none!important;

    font-size:13px!important;

    font-weight:780!important;

    line-height:1!important;

}

#cc-ride-app .cc-confirm-actions > .cc-confirm-cancel,

#cc-ride-app .cc-confirm-actions > .cc-confirm-cancel:hover,

#cc-ride-app .cc-confirm-actions > .cc-confirm-cancel:focus,

#cc-ride-app .cc-confirm-actions > .cc-confirm-cancel:active{

    color:#223341!important;

    background:#edf2f5!important;

}

#cc-ride-app .cc-confirm-actions > .cc-confirm-delete,

#cc-ride-app .cc-confirm-actions > .cc-confirm-delete:hover,

#cc-ride-app .cc-confirm-actions > .cc-confirm-delete:focus,

#cc-ride-app .cc-confirm-actions > .cc-confirm-delete:active{

    color:#fff!important;

    background:#d92735!important;

    box-shadow:0 9px 20px rgba(217,39,53,.19)!important;

}

#cc-ride-app .cc-confirm-actions > button:disabled{

    opacity:.55!important;

    cursor:wait!important;

}



/* Approved My Rides polish — single current trip, premium actions. */

#cc-ride-app .cc-trips-screen{

    padding:0 14px calc(34px + env(safe-area-inset-bottom))!important;

    overflow-x:hidden!important;

    background:

        radial-gradient(115% 46% at 52% 102%,rgba(134,210,255,.18),transparent 68%),

        linear-gradient(180deg,#edf8ff 0,#f9fcff 43%,#eef7fd 100%)!important;

}

#cc-ride-app .cc-trips-hero{

    min-height:300px!important;

    margin:0 -14px!important;

    padding:calc(18px + env(safe-area-inset-top)) 18px 72px!important;

    overflow:hidden!important;

    background-color:#eaf7ff!important;

    background-image:

        linear-gradient(90deg,rgba(248,253,255,.93) 0%,rgba(244,251,255,.84) 38%,rgba(234,247,255,.42) 65%,rgba(235,248,255,.30) 100%),

        url("../images/rides-night-car.png")!important;

    background-size:auto 118%!important;

    background-position:67% 29%!important;

    background-repeat:no-repeat!important;

    box-shadow:none!important;

}

#cc-ride-app .cc-trips-hero:before{

    content:""!important;

    position:absolute!important;

    inset:auto 0 0!important;

    height:46%!important;

    border-radius:0!important;

    background:linear-gradient(180deg,transparent 0%,rgba(238,249,255,.55) 54%,#edf8ff 100%)!important;

    transform:none!important;

}

#cc-ride-app .cc-trips-hero:after{display:none!important}

#cc-ride-app .cc-trips-hero > button:first-child,

#cc-ride-app .cc-trips-hero > button:first-child:is(:hover,:focus,:active){

    width:50px!important;

    height:50px!important;

    border:0!important;

    border-radius:50%!important;

    color:#071329!important;

    background:rgba(255,255,255,.96)!important;

    box-shadow:0 11px 30px rgba(34,80,113,.13)!important;

}

#cc-ride-app .cc-trips-hero > button:first-child svg{width:26px!important;height:26px!important;stroke-width:2.1!important}

#cc-ride-app .cc-trips-hero > #cc-refresh-rides,

#cc-ride-app .cc-trips-hero > #cc-refresh-rides:is(:hover,:focus,:active){

    height:50px!important;

    padding:0 18px!important;

    border:0!important;

    border-radius:27px!important;

    color:#078fe9!important;

    background:rgba(255,255,255,.96)!important;

    box-shadow:0 11px 30px rgba(34,80,113,.12)!important;

    font-size:14px!important;

    font-weight:800!important;

}

#cc-ride-app .cc-trips-hero > #cc-refresh-rides svg{width:22px!important;height:22px!important;stroke-width:2.35!important}

#cc-ride-app .cc-trips-hero > div{

    position:relative!important;

    z-index:2!important;

    grid-column:1/-1!important;

    align-self:end!important;

    max-width:360px!important;

    padding:0!important;

    border:0!important;

    background:transparent!important;

    box-shadow:none!important;

    backdrop-filter:none!important;

}

#cc-ride-app .cc-trips-hero h2{

    margin:0!important;

    color:#07102a!important;

    font-size:49px!important;

    font-weight:860!important;

    line-height:.92!important;

    letter-spacing:-3px!important;

}

#cc-ride-app .cc-trips-hero p{

    margin:13px 0 0!important;

    color:#4f6177!important;

    font-size:17px!important;

    font-weight:500!important;

    line-height:1.25!important;

}

#cc-ride-app .cc-trip-filters{

    position:relative!important;

    top:auto!important;

    z-index:8!important;

    display:grid!important;

    grid-template-columns:1.12fr 1fr 1fr!important;

    gap:10px!important;

    width:calc(100% - 20px)!important;

    max-width:760px!important;

    margin:-52px auto 15px!important;

    padding:0!important;

    background:transparent!important;

}

#cc-ride-app .cc-trip-filters button,

#cc-ride-app .cc-trip-filters button:is(:hover,:focus,:active){

    display:flex!important;

    align-items:center!important;

    justify-content:center!important;

    gap:9px!important;

    height:52px!important;

    min-width:0!important;

    padding:0 12px!important;

    border:1px solid rgba(255,255,255,.92)!important;

    border-radius:28px!important;

    color:#40566e!important;

    background:rgba(255,255,255,.94)!important;

    box-shadow:0 9px 25px rgba(44,87,116,.10)!important;

    font-size:13px!important;

    font-weight:760!important;

    white-space:nowrap!important;

}

#cc-ride-app .cc-trip-filters button.is-active,

#cc-ride-app .cc-trip-filters button.is-active:is(:hover,:focus,:active){

    color:#fff!important;

    background:linear-gradient(180deg,#159dff,#0787ef)!important;

    box-shadow:0 11px 29px rgba(7,139,242,.30)!important;

}

#cc-ride-app .cc-trip-filters i{

    display:grid!important;

    place-items:center!important;

    flex:0 0 27px!important;

    width:27px!important;

    height:27px!important;

    border-radius:50%!important;

    color:#fff!important;

    background:#536b83!important;

    font-size:16px!important;

    font-style:normal!important;

    line-height:1!important;

}

#cc-ride-app .cc-trip-filters .is-active i{color:#0b8ff2!important;background:#fff!important}

#cc-ride-app .cc-trip-list{

    display:grid!important;

    gap:14px!important;

    width:min(100%,780px)!important;

    max-width:780px!important;

    margin:0 auto!important;

}

#cc-ride-app .cc-trip-card{

    width:100%!important;

    max-width:none!important;

    overflow:hidden!important;

    padding:21px 20px 20px!important;

    border:1px solid rgba(112,159,190,.14)!important;

    border-radius:25px!important;

    background:rgba(255,255,255,.985)!important;

    box-shadow:0 16px 42px rgba(36,79,108,.09)!important;

}

#cc-ride-app .cc-trip-card.is-active{

    border-color:rgba(107,188,241,.22)!important;

    box-shadow:0 18px 46px rgba(17,126,199,.11)!important;

}

#cc-ride-app .cc-trip-card-head{

    display:flex!important;

    align-items:flex-start!important;

    justify-content:space-between!important;

    gap:14px!important;

}

#cc-ride-app .cc-trip-id-block{

    display:grid!important;

    gap:4px!important;

    min-width:0!important;

}

#cc-ride-app .cc-trip-id-label{

    display:flex!important;

    align-items:center!important;

    gap:7px!important;

    color:#708198!important;

    font-size:12px!important;

    font-weight:520!important;

    line-height:1!important;

}

#cc-ride-app .cc-trip-id-label i{

    display:grid!important;

    place-items:center!important;

    width:16px!important;

    height:16px!important;

    border:1.6px solid #71849a!important;

    border-radius:50%!important;

    color:#71849a!important;

    font-size:10px!important;

    font-style:normal!important;

    font-weight:800!important;

    line-height:1!important;

}

#cc-ride-app .cc-trip-card-head .cc-trip-id-block > strong{

    color:#07102a!important;

    font-size:23px!important;

    font-weight:860!important;

    line-height:1.05!important;

    letter-spacing:-.6px!important;

}

#cc-ride-app .cc-trip-card-head .cc-trip-id-block > span{

    color:#718197!important;

    font-size:13px!important;

    font-weight:500!important;

    line-height:1.3!important;

}

#cc-ride-app .cc-trip-card-head > b{

    display:flex!important;

    align-items:center!important;

    justify-content:center!important;

    gap:7px!important;

    flex:0 0 auto!important;

    max-width:43%!important;

    min-height:37px!important;

    padding:0 13px!important;

    border-radius:20px!important;

    color:#0786d9!important;

    background:linear-gradient(180deg,#e8f6ff,#dff2ff)!important;

    box-shadow:inset 0 1px 0 rgba(255,255,255,.95)!important;

    font-size:10px!important;

    font-weight:850!important;

    text-align:center!important;

    text-transform:uppercase!important;

    letter-spacing:.28px!important;

    white-space:nowrap!important;

}

#cc-ride-app .cc-trip-card-head > b > i{

    display:block!important;

    flex:0 0 13px!important;

    width:13px!important;

    height:13px!important;

    border:3px solid #fff!important;

    border-radius:50%!important;

    background:#1599f4!important;

    box-shadow:0 0 0 3px rgba(21,153,244,.22)!important;

}

#cc-ride-app .cc-trip-card-head > b.is-completed{color:#267452!important;background:#e7f7ed!important}

#cc-ride-app .cc-trip-card-head > b.is-completed > i{background:#42a671!important;box-shadow:0 0 0 3px rgba(66,166,113,.18)!important}

#cc-ride-app .cc-trip-card-head > b.is-cancelled{color:#c93442!important;background:#fff0f1!important}

#cc-ride-app .cc-trip-card-head > b.is-cancelled > i{background:#e74855!important;box-shadow:0 0 0 3px rgba(231,72,85,.16)!important}

#cc-ride-app .cc-trip-route{

    display:grid!important;

    grid-template-columns:20px minmax(0,1fr)!important;

    gap:15px!important;

    margin:22px 4px 20px!important;

}

#cc-ride-app .cc-trip-route > i{

    position:relative!important;

    width:20px!important;

    min-height:110px!important;

    border:0!important;

}

#cc-ride-app .cc-trip-route > i:before,

#cc-ride-app .cc-trip-route > i:after{

    content:""!important;

    position:absolute!important;

    left:1px!important;

    z-index:2!important;

    width:14px!important;

    height:14px!important;

    border:0!important;

    border-radius:50%!important;

}

#cc-ride-app .cc-trip-route > i:before{

    top:2px!important;

    background:#1699ef!important;

    box-shadow:0 0 0 5px #e2f3ff!important;

}

#cc-ride-app .cc-trip-route > i:after{

    bottom:2px!important;

    width:12px!important;

    height:12px!important;

    border:4px solid #0a0d12!important;

    background:#fff!important;

    box-shadow:none!important;

}

#cc-ride-app .cc-trip-route > i{

    background:repeating-linear-gradient(to bottom,#178fe1 0 5px,transparent 5px 10px) 8px 16px/2px calc(100% - 32px) no-repeat!important;

}

#cc-ride-app .cc-trip-route p{

    display:grid!important;

    gap:23px!important;

    margin:0!important;

}

#cc-ride-app .cc-trip-route p span{

    display:grid!important;

    gap:4px!important;

    min-width:0!important;

    text-align:left!important;

}

#cc-ride-app .cc-trip-route p span > small{

    order:0!important;

    color:#708299!important;

    font-size:12px!important;

    font-weight:500!important;

    line-height:1.1!important;

    overflow:visible!important;

    text-overflow:clip!important;

    white-space:normal!important;

}

#cc-ride-app .cc-trip-route p span > strong{

    order:1!important;

    color:#081126!important;

    font-size:17px!important;

    font-weight:800!important;

    line-height:1.23!important;

    letter-spacing:-.24px!important;

}

#cc-ride-app .cc-trip-route p span > em{

    order:2!important;

    overflow:hidden!important;

    color:#8794a3!important;

    font-size:11px!important;

    font-style:normal!important;

    line-height:1.2!important;

    text-overflow:ellipsis!important;

    white-space:nowrap!important;

}

#cc-ride-app .cc-trip-pickup-detail{

    display:grid!important;

    grid-template-columns:38px minmax(0,1fr)!important;

    align-items:center!important;

    gap:13px!important;

    margin:0!important;

    padding:15px 0!important;

    border-top:1px solid #e5edf3!important;

    border-bottom:1px solid #e5edf3!important;

    background:transparent!important;

}

#cc-ride-app .cc-trip-pickup-detail > i{

    display:grid!important;

    place-items:center!important;

    width:34px!important;

    height:34px!important;

    border:1px solid rgba(47,123,177,.10)!important;

    border-radius:11px!important;

    color:#476e91!important;

    background:#eaf5fd!important;

}

#cc-ride-app .cc-trip-pickup-detail > i svg{

    width:18px!important;

    height:18px!important;

    fill:none!important;

    stroke:currentColor!important;

    stroke-width:1.8!important;

    stroke-linecap:round!important;

    stroke-linejoin:round!important;

}

#cc-ride-app .cc-trip-pickup-detail > span{

    display:grid!important;

    gap:3px!important;

    min-width:0!important;

}

#cc-ride-app .cc-trip-pickup-detail strong{

    color:#6f8198!important;

    font-size:12px!important;

    font-weight:520!important;

    line-height:1.1!important;

    text-transform:none!important;

    letter-spacing:0!important;

}

#cc-ride-app .cc-trip-pickup-detail em{

    overflow:hidden!important;

    color:#17243a!important;

    font-size:14px!important;

    font-style:normal!important;

    font-weight:520!important;

    line-height:1.25!important;

    text-overflow:ellipsis!important;

    white-space:nowrap!important;

}

#cc-ride-app .cc-trip-guest,

#cc-ride-app .cc-trip-driver{margin-top:12px!important}

#cc-ride-app .cc-trip-meta{

    display:grid!important;

    grid-template-columns:repeat(3,minmax(0,1fr))!important;

    align-items:center!important;

    width:100%!important;

    margin:0!important;

    padding:14px 0 13px!important;

    border:0!important;

    background:transparent!important;

}

#cc-ride-app .cc-trip-stat,

#cc-ride-app .cc-trip-distance{

    display:flex!important;

    align-items:center!important;

    justify-content:center!important;

    gap:9px!important;

    min-width:0!important;

    min-height:36px!important;

    padding:0 11px!important;

    border:0!important;

    border-right:1px solid #dce7ef!important;

    color:#24374d!important;

    background:transparent!important;

}

#cc-ride-app .cc-trip-stat:first-child{justify-content:flex-start!important;padding-left:4px!important}

#cc-ride-app .cc-trip-stat:last-child{justify-content:flex-end!important;padding-right:4px!important;border-right:0!important}

#cc-ride-app .cc-trip-stat > i,

#cc-ride-app .cc-trip-distance > i{

    position:static!important;

    display:grid!important;

    place-items:center!important;

    flex:0 0 26px!important;

    width:26px!important;

    height:26px!important;

    margin:0!important;

    border:0!important;

    border-radius:0!important;

    color:#537594!important;

    background:transparent!important;

    box-shadow:none!important;

}

#cc-ride-app .cc-trip-stat > i svg,

#cc-ride-app .cc-trip-distance > i svg{

    width:23px!important;

    height:23px!important;

    fill:none!important;

    stroke:currentColor!important;

    stroke-width:1.8!important;

    stroke-linecap:round!important;

    stroke-linejoin:round!important;

}

#cc-ride-app .cc-trip-stat > b,

#cc-ride-app .cc-trip-distance > b{

    display:block!important;

    min-width:0!important;

    overflow:hidden!important;

    color:#101a31!important;

    font-size:13px!important;

    font-weight:800!important;

    line-height:1.15!important;

    text-overflow:ellipsis!important;

    text-transform:none!important;

    white-space:nowrap!important;

}

#cc-ride-app .cc-trip-distance > i:before,

#cc-ride-app .cc-trip-distance > small{display:none!important}

#cc-ride-app .cc-track-ride,

#cc-ride-app .cc-track-ride:is(:hover,:focus,:active){

    position:relative!important;

    display:flex!important;

    align-items:center!important;

    justify-content:center!important;

    gap:12px!important;

    width:100%!important;

    min-height:59px!important;

    margin:0!important;

    padding:0 55px!important;

    border:0!important;

    border-radius:21px!important;

    color:#fff!important;

    background:linear-gradient(135deg,#154a7a 0%,#07335f 47%,#051d3e 100%)!important;

    box-shadow:0 12px 28px rgba(8,45,85,.18),inset 0 1px 0 rgba(255,255,255,.10)!important;

    font-size:16px!important;

    font-weight:800!important;

    line-height:1!important;

    transform:none!important;

}

#cc-ride-app .cc-track-ride > span{

    display:grid!important;

    place-items:center!important;

    width:33px!important;

    height:33px!important;

    border-radius:50%!important;

    color:#072750!important;

    background:#fff!important;

}

#cc-ride-app .cc-track-ride > span svg{

    width:18px!important;

    height:18px!important;

    fill:none!important;

    stroke:currentColor!important;

    stroke-width:1.8!important;

    stroke-linecap:round!important;

    stroke-linejoin:round!important;

}

#cc-ride-app .cc-track-chevron{

    position:absolute!important;

    right:23px!important;

    width:21px!important;

    height:21px!important;

    fill:none!important;

    stroke:#fff!important;

    stroke-width:2!important;

    stroke-linecap:round!important;

    stroke-linejoin:round!important;

}

#cc-ride-app .cc-trip-cancel,

#cc-ride-app .cc-trip-cancel:is(:hover,:focus,:active){

    display:flex!important;

    align-items:center!important;

    justify-content:center!important;

    gap:12px!important;

    width:100%!important;

    min-height:59px!important;

    margin:13px 0 0!important;

    padding:0 20px!important;

    border:1px solid rgba(245,71,82,.46)!important;

    border-radius:30px!important;

    color:#ef2d3e!important;

    background:linear-gradient(180deg,#fff5f6 0%,#ffeef0 100%)!important;

    box-shadow:0 10px 24px rgba(236,67,79,.08),inset 0 1px 0 rgba(255,255,255,.92)!important;

    font-size:16px!important;

    font-weight:800!important;

    line-height:1!important;

    transform:none!important;

}

#cc-ride-app .cc-trip-cancel > i{

    display:grid!important;

    place-items:center!important;

    flex:0 0 32px!important;

    width:32px!important;

    height:32px!important;

    margin:0!important;

    border-radius:50%!important;

    color:#fff!important;

    background:#f02c3e!important;

    box-shadow:0 5px 12px rgba(240,44,62,.16)!important;

    font-size:23px!important;

    font-style:normal!important;

    font-weight:450!important;

    line-height:1!important;

}

#cc-ride-app .cc-trip-cancel > b{font:inherit!important;color:inherit!important}

#cc-ride-app .cc-trip-card.is-terminal .cc-trip-meta{padding-bottom:0!important}

#cc-ride-app .cc-ride-empty{

    min-height:126px!important;

    padding:44px 18px!important;

    border:1px solid rgba(126,163,188,.13)!important;

    border-radius:22px!important;

    background:rgba(255,255,255,.82)!important;

    box-shadow:0 12px 32px rgba(35,74,101,.06)!important;

}

@media(max-width:430px){

    #cc-ride-app .cc-trips-screen{padding-left:10px!important;padding-right:10px!important}

    #cc-ride-app .cc-trips-hero{min-height:288px!important;margin-left:-10px!important;margin-right:-10px!important;padding-left:16px!important;padding-right:16px!important;background-size:auto 112%!important;background-position:65% 27%!important}

    #cc-ride-app .cc-trips-hero h2{font-size:45px!important}

    #cc-ride-app .cc-trips-hero p{font-size:15px!important}

    #cc-ride-app .cc-trip-filters{width:calc(100% - 6px)!important;gap:7px!important;margin-top:-49px!important}

    #cc-ride-app .cc-trip-filters button{height:48px!important;padding:0 8px!important;font-size:11px!important;gap:6px!important}

    #cc-ride-app .cc-trip-filters i{flex-basis:24px!important;width:24px!important;height:24px!important;font-size:14px!important}

    #cc-ride-app .cc-trip-card{padding:18px 16px 17px!important;border-radius:22px!important}

    #cc-ride-app .cc-trip-card-head .cc-trip-id-block > strong{font-size:20px!important}

    #cc-ride-app .cc-trip-card-head .cc-trip-id-block > span{font-size:12px!important}

    #cc-ride-app .cc-trip-card-head > b{max-width:44%!important;min-height:34px!important;padding:0 10px!important;font-size:9px!important}

    #cc-ride-app .cc-trip-route{grid-template-columns:19px minmax(0,1fr)!important;gap:12px!important;margin:20px 3px 18px!important}

    #cc-ride-app .cc-trip-route p span > strong{font-size:15px!important}

    #cc-ride-app .cc-trip-route p span > small{font-size:11px!important}

    #cc-ride-app .cc-trip-pickup-detail{grid-template-columns:35px minmax(0,1fr)!important;gap:11px!important;padding:13px 0!important}

    #cc-ride-app .cc-trip-pickup-detail em{font-size:13px!important}

    #cc-ride-app .cc-trip-meta{grid-template-columns:repeat(3,minmax(0,1fr))!important;padding:12px 0!important}

    #cc-ride-app .cc-trip-stat,#cc-ride-app .cc-trip-distance{gap:5px!important;min-height:34px!important;padding:0 6px!important}

    #cc-ride-app .cc-trip-stat > i,#cc-ride-app .cc-trip-distance > i{flex-basis:22px!important;width:22px!important;height:22px!important}

    #cc-ride-app .cc-trip-stat > i svg,#cc-ride-app .cc-trip-distance > i svg{width:20px!important;height:20px!important}

    #cc-ride-app .cc-trip-stat > b,#cc-ride-app .cc-trip-distance > b{font-size:11px!important}

    #cc-ride-app .cc-track-ride,#cc-ride-app .cc-track-ride:is(:hover,:focus,:active),#cc-ride-app .cc-trip-cancel,#cc-ride-app .cc-trip-cancel:is(:hover,:focus,:active){min-height:55px!important;font-size:15px!important}

    #cc-ride-app .cc-trip-cancel{margin-top:11px!important}

}

@media(max-width:365px){

    #cc-ride-app .cc-trip-filters button{font-size:10px!important}

    #cc-ride-app .cc-trip-card-head{gap:8px!important}

    #cc-ride-app .cc-trip-card-head > b{padding:0 8px!important;font-size:8px!important}

    #cc-ride-app .cc-trip-card-head .cc-trip-id-block > strong{font-size:18px!important}

    #cc-ride-app .cc-trip-stat > b,#cc-ride-app .cc-trip-distance > b{font-size:10px!important}

}





/* Final ride chooser cascade overrides. */

#cc-ride-app .cc-car-art{background:transparent url('../images/ride-sedan-choice.png') center/contain no-repeat!important;border-radius:0!important;box-shadow:none!important}

#cc-ride-app .cc-ride-choice-sheet > .cc-payment-toggle,

#cc-ride-app .cc-ride-choice-sheet > .cc-payment-toggle:hover,

#cc-ride-app .cc-ride-choice-sheet > .cc-payment-toggle:focus,

#cc-ride-app .cc-ride-choice-sheet > .cc-payment-toggle:active{display:grid!important}

#cc-ride-app .cc-ride-choice-sheet > #cc-payment-methods,

#cc-ride-app .cc-ride-choice-sheet > #cc-payment-methods[hidden]{display:none!important}

#cc-ride-app .cc-payment-page[hidden]{display:none!important}



/* Final inspected mobile chooser geometry. */

#cc-ride-app .cc-ride-types label{

    box-sizing:border-box!important;

    grid-template-columns:88px minmax(0,1fr) 78px!important;

    column-gap:10px!important;

    min-height:82px!important;

    padding:9px 10px!important;

}

#cc-ride-app .cc-ride-types label.is-selected{

    border-width:2px!important;

    border-radius:17px!important;

    padding:9px 10px!important;

    box-shadow:0 4px 14px rgba(12,17,24,.08)!important;

}

#cc-ride-app .cc-ride-types label .cc-car-art{

    justify-self:start!important;

    width:76px!important;

    height:52px!important;

    filter:drop-shadow(0 5px 4px rgba(20,30,40,.12))!important;

}

#cc-ride-app .cc-ride-types label > span:not(.cc-car-art){min-width:0!important;gap:2px!important}

#cc-ride-app .cc-ride-types label strong{font-size:16px!important;line-height:1.08!important}

#cc-ride-app .cc-ride-types label small{display:block!important;min-width:0!important;font-size:10.5px!important;line-height:1.18!important;overflow-wrap:break-word!important}

#cc-ride-app .cc-ride-types label > b{justify-self:end!important;font-size:16px!important}

#cc-ride-app.is-choosing-ride .cc-map-experience > .cc-map-locate{display:none!important}

#cc-ride-app .cc-ride-choice-sheet > .cc-payment-toggle,

#cc-ride-app .cc-ride-choice-sheet > .cc-payment-toggle:is(:hover,:focus,:active){grid-template-columns:36px minmax(0,1fr) 18px!important;gap:11px!important;min-height:54px!important}

#cc-ride-app .cc-ride-choice-sheet > .cc-payment-toggle > i{width:36px!important;height:36px!important;border-radius:9px!important}

#cc-ride-app .cc-request-button,

#cc-ride-app .cc-request-button:is(:hover,:focus,:active){display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;max-width:none!important;min-height:58px!important;margin:12px 0 0!important;padding:0 16px!important;border-radius:13px!important;text-align:center!important}

@media(max-width:430px){

    #cc-ride-app .cc-ride-types label{grid-template-columns:84px minmax(0,1fr) 74px!important;column-gap:10px!important;min-height:80px!important;padding:8px 9px!important}

    #cc-ride-app .cc-ride-types label.is-selected{padding:8px 9px!important}

    #cc-ride-app .cc-ride-types label .cc-car-art{width:72px!important;height:48px!important}

    #cc-ride-app .cc-ride-types label strong,#cc-ride-app .cc-ride-types label > b{font-size:15.5px!important}

    #cc-ride-app .cc-ride-types label small{font-size:10px!important}

}



/* Live driver matching experience shown immediately after a ride request. */

#cc-ride-app .cc-finding-driver[hidden]{display:none!important}

#cc-ride-app .cc-finding-driver{

    position:absolute;

    z-index:920;

    inset:0;

    pointer-events:none;

}

#cc-ride-app.is-finding-driver .cc-ride-choice-sheet,

#cc-ride-app.is-finding-driver .cc-map-confirm-sheet,

#cc-ride-app.is-finding-driver .cc-map-center-pin,

#cc-ride-app.is-finding-driver .cc-map-experience > .cc-map-locate,

#cc-ride-app.is-finding-driver .cc-map-experience > .cc-map-back{display:none!important}

#cc-ride-app .cc-finding-sheet{

    position:absolute;

    right:0;

    bottom:0;

    left:0;

    max-height:66svh;

    overflow-y:auto;

    box-sizing:border-box;

    padding:9px 18px calc(18px + env(safe-area-inset-bottom));

    border-radius:27px 27px 0 0;

    color:#111821;

    background:#fff;

    box-shadow:0 -14px 38px rgba(7,30,53,.17);

    pointer-events:auto;

}

#cc-ride-app .cc-finding-handle{

    display:block;

    width:44px;

    height:5px;

    margin:0 auto 18px;

    border-radius:99px;

    background:#e6e7e9;

}

#cc-ride-app .cc-finding-heading{padding:0 2px}

#cc-ride-app .cc-finding-kicker{

    display:block;

    margin-bottom:7px;

    color:#537189;

    font-size:10px;

    font-weight:900;

    letter-spacing:.13em;

}

#cc-ride-app .cc-finding-heading h2{

    margin:0;

    color:#070b10;

    font-size:28px;

    font-weight:900;

    letter-spacing:-.035em;

    line-height:1.04;

}

#cc-ride-app .cc-finding-heading p{

    margin:7px 0 0;

    color:#68727c;

    font-size:13px;

    line-height:1.35;

}

#cc-ride-app .cc-finding-progress{

    height:5px;

    margin:17px 2px 15px;

    overflow:hidden;

    border-radius:99px;

    background:#e7eaed;

}

#cc-ride-app .cc-finding-progress[hidden]{display:none!important}

#cc-ride-app .cc-finding-progress i{

    display:block;

    width:42%;

    height:100%;

    border-radius:inherit;

    background:linear-gradient(90deg,#0d7df4,#063b70);

    animation:ccFindingDriver 1.35s ease-in-out infinite;

}

@keyframes ccFindingDriver{

    0%{transform:translateX(-105%)}

    58%{transform:translateX(145%)}

    100%{transform:translateX(245%)}

}

#cc-ride-app .cc-finding-reassurance{

    display:grid;

    grid-template-columns:42px minmax(0,1fr);

    gap:11px;

    align-items:center;

    margin:0 0 13px;

    padding:11px 12px;

    border:1px solid #d8edf9;

    border-radius:15px;

    background:linear-gradient(135deg,#f1faff,#e9f6ff);

}

#cc-ride-app .cc-finding-reassurance > span{

    position:relative;

    display:grid;

    place-items:center;

    width:40px;

    height:40px;

}

#cc-ride-app .cc-finding-reassurance > span i{

    position:absolute;

    width:34px;

    height:34px;

    border:1px solid rgba(13,125,244,.25);

    border-radius:50%;

    animation:ccFindingPulse 1.8s ease-out infinite;

}

#cc-ride-app .cc-finding-reassurance > span i:nth-child(2){width:23px;height:23px;animation-delay:.35s}

#cc-ride-app .cc-finding-reassurance > span b{width:9px;height:9px;border-radius:50%;background:#0d7df4;box-shadow:0 0 0 5px rgba(13,125,244,.11)}

@keyframes ccFindingPulse{0%{opacity:.9;transform:scale(.72)}80%,100%{opacity:0;transform:scale(1.18)}}

#cc-ride-app .cc-finding-reassurance p{display:grid;gap:2px;margin:0}

#cc-ride-app .cc-finding-reassurance strong{font-size:13px;line-height:1.2}

#cc-ride-app .cc-finding-reassurance small{color:#597082;font-size:11px;line-height:1.3}

#cc-ride-app .cc-finding-summary{

    display:grid;

    grid-template-columns:70px minmax(0,1fr) auto;

    gap:10px;

    align-items:center;

    min-height:61px;

    padding:8px 2px 9px;

    border-bottom:1px solid #e9ebed;

}

#cc-ride-app .cc-finding-car{

    width:66px;

    height:42px;

    background:transparent url('../images/ride-sedan-choice.png') center/contain no-repeat;

    filter:drop-shadow(0 4px 4px rgba(20,30,40,.13));

}

#cc-ride-app .cc-finding-summary p{display:grid;gap:3px;min-width:0;margin:0}

#cc-ride-app .cc-finding-summary strong{overflow:hidden;font-size:15px;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}

#cc-ride-app .cc-finding-summary small{overflow:hidden;color:#77808a;font-size:10px;text-overflow:ellipsis;white-space:nowrap}

#cc-ride-app .cc-finding-summary > b{font-size:15px;white-space:nowrap}

#cc-ride-app .cc-finding-route{

    display:grid;

    grid-template-columns:18px minmax(0,1fr);

    gap:11px;

    padding:12px 2px 11px;

    border-bottom:1px solid #e9ebed;

}

#cc-ride-app .cc-finding-route > i{position:relative;display:block}

#cc-ride-app .cc-finding-route > i:before,

#cc-ride-app .cc-finding-route > i:after{content:"";position:absolute;left:5px;z-index:2;width:8px;height:8px;box-sizing:border-box}

#cc-ride-app .cc-finding-route > i:before{top:8px;border:2px solid #0d7df4;border-radius:50%;background:#fff}

#cc-ride-app .cc-finding-route > i:after{bottom:8px;border-radius:1px;background:#081b31}

#cc-ride-app .cc-finding-route > i{background:linear-gradient(#9aabb9,#9aabb9) 8px 16px/1px calc(100% - 32px) no-repeat}

#cc-ride-app .cc-finding-route p{display:grid;gap:10px;margin:0}

#cc-ride-app .cc-finding-route p span{display:grid;gap:2px;min-width:0}

#cc-ride-app .cc-finding-route small{color:#7b858e;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}

#cc-ride-app .cc-finding-route strong{overflow:hidden;font-size:12px;line-height:1.22;text-overflow:ellipsis;white-space:nowrap}

#cc-ride-app .cc-finding-driver-card{

    display:grid;

    grid-template-columns:42px minmax(0,1fr);

    gap:11px;

    align-items:center;

    margin-top:12px;

    padding:11px 12px;

    border-radius:14px;

    background:#f4f7f9;

}

#cc-ride-app .cc-finding-driver-card[hidden]{display:none!important}

#cc-ride-app .cc-driver-avatar{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;color:#fff;background:#08294e;font-size:17px;font-weight:900}

#cc-ride-app .cc-finding-driver-card p{display:grid;gap:1px;margin:0}

#cc-ride-app .cc-finding-driver-card small{color:#65798a;font-size:9px;font-weight:800;letter-spacing:.08em}

#cc-ride-app .cc-finding-driver-card strong{font-size:14px}

#cc-ride-app .cc-finding-driver-card em{color:#6f7880;font-size:11px;font-style:normal}

#cc-ride-app .cc-finding-cancel,
#cc-ride-app .cc-finding-cancel:is(:hover,:focus,:focus-visible,:active){
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:0!important;
    width:100%!important;
    min-height:56px!important;
    margin:14px 0 0!important;
    padding:0 22px!important;
    border:0!important;
    border-radius:999px!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    background:linear-gradient(135deg,#ff4d63 0%,#ef304d 52%,#dc203d 100%)!important;
    box-shadow:0 10px 24px rgba(220,32,61,.24),inset 0 1px 0 rgba(255,255,255,.22)!important;
    font-size:15px!important;
    font-weight:900!important;
    line-height:1!important;
    text-align:center!important;
    cursor:pointer!important;
    transform:none!important;
}

#cc-ride-app .cc-finding-cancel > i{display:none!important;}
#cc-ride-app .cc-finding-cancel > b{display:block!important;width:100%!important;font:inherit!important;color:#fff!important;-webkit-text-fill-color:#fff!important;text-align:center!important;}

#cc-ride-app .cc-finding-driver.is-matched .cc-finding-reassurance{border-color:#d9ebdf;background:#f0f8f2}

#cc-ride-app .cc-finding-driver.is-matched .cc-finding-reassurance > span b{background:#17874b;box-shadow:0 0 0 5px rgba(23,135,75,.11)}

@media(min-width:760px){

    #cc-ride-app .cc-finding-sheet{right:28px;bottom:28px;left:auto;width:430px;max-height:calc(100svh - 56px);border-radius:26px;padding:10px 20px 20px}

}

@media(prefers-reduced-motion:reduce){

    #cc-ride-app .cc-finding-progress i,#cc-ride-app .cc-finding-reassurance > span i{animation:none}

}



/* Assigned driver, arrival controls and Caricove cancellation confirmation. */

#cc-ride-app .cc-finding-topline{display:flex;align-items:center;justify-content:space-between;gap:12px}

#cc-ride-app .cc-finding-topline .cc-finding-kicker{margin:0}

#cc-ride-app #cc-finding-eta{

    display:inline-flex;

    align-items:center;

    min-height:27px;

    padding:0 10px;

    border-radius:99px;

    color:#0758a5;

    background:#e8f4ff;

    font-size:10px;

    font-weight:900;

    white-space:nowrap;

}

#cc-ride-app #cc-finding-eta[hidden]{display:none!important}

#cc-ride-app .cc-finding-driver-card{

    grid-template-columns:50px minmax(0,1fr) auto;

    min-height:66px;

    padding:9px 11px;

    border:1px solid #e4e8eb;

    background:#fff;

    box-shadow:0 7px 18px rgba(13,37,59,.06);

}

#cc-ride-app .cc-driver-avatar{position:relative;overflow:hidden;width:48px;height:48px}

#cc-ride-app .cc-driver-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}

#cc-ride-app .cc-driver-avatar img[hidden]{display:none!important}

#cc-ride-app .cc-driver-avatar b{font:inherit;color:inherit}

#cc-ride-app .cc-finding-driver-card > p{min-width:0}

#cc-ride-app .cc-finding-driver-card > p strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

#cc-ride-app .cc-finding-driver-card > div{display:grid;justify-items:end;gap:3px;max-width:128px;text-align:right}

#cc-ride-app .cc-finding-driver-card > div > b{

    padding:5px 8px;

    border:1px solid #cdd3d8;

    border-radius:6px;

    color:#08121e;

    background:#fff;

    box-shadow:0 2px 5px rgba(0,0,0,.05);

    font-size:13px;

    font-weight:950;

    letter-spacing:.06em;

    white-space:nowrap;

}

#cc-ride-app .cc-finding-driver-card > div > small{overflow:hidden;max-width:128px;color:#6d7881;font-size:9px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}

#cc-ride-app .cc-finding-contact{

    display:grid;

    grid-template-columns:repeat(3,minmax(0,1fr));

    gap:8px;

    margin-top:10px;

}

#cc-ride-app .cc-finding-contact[hidden]{display:none!important}

#cc-ride-app .cc-finding-contact > a,

#cc-ride-app .cc-finding-contact > button{

    display:flex;

    align-items:center;

    justify-content:center;

    gap:6px;

    min-width:0;

    min-height:44px;

    margin:0;

    padding:0 7px;

    border:1px solid #dce3e8;

    border-radius:13px;

    color:#0b243d;

    background:#f7fafc;

    box-shadow:none;

    font-size:11px;

    text-decoration:none;

}

#cc-ride-app .cc-finding-contact span{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;color:#fff;background:#0c5f9f;font-size:12px}

#cc-ride-app .cc-finding-contact b{overflow:hidden;font:inherit;font-weight:850;text-overflow:ellipsis;white-space:nowrap}

#cc-ride-app .cc-finding-contact .is-disabled{pointer-events:none;opacity:.4}

#cc-ride-app .cc-finding-pickup-note{

    display:grid;

    grid-template-columns:34px minmax(0,1fr);

    gap:10px;

    align-items:center;

    margin-top:10px;

    padding:9px 11px;

    border-radius:13px;

    background:#f2f8fc;

}

#cc-ride-app .cc-finding-pickup-note[hidden]{display:none!important}

#cc-ride-app .cc-finding-pickup-note > span{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;color:#0b659f;background:#dff1fb;font-size:17px}

#cc-ride-app .cc-finding-pickup-note p{display:grid;gap:2px;margin:0}

#cc-ride-app .cc-finding-pickup-note small{color:#688092;font-size:9px;font-weight:850;letter-spacing:.06em}

#cc-ride-app .cc-finding-pickup-note strong{font-size:12px;line-height:1.2}

#cc-ride-app .cc-finding-driver.is-approaching .cc-finding-summary,

#cc-ride-app .cc-finding-driver.is-arrived .cc-finding-summary,

#cc-ride-app .cc-finding-driver.is-in_ride .cc-finding-summary{display:none}

#cc-ride-app .cc-finding-driver.is-approaching .cc-finding-sheet,

#cc-ride-app .cc-finding-driver.is-arrived .cc-finding-sheet,

#cc-ride-app .cc-finding-driver.is-in_ride .cc-finding-sheet{max-height:72svh}

#cc-ride-app .cc-finding-driver.is-arrived .cc-finding-reassurance{border-color:#d7ebdd;background:#eef8f1}

#cc-ride-app .cc-finding-driver.is-arrived .cc-finding-reassurance > span b{background:#17874b;box-shadow:0 0 0 5px rgba(23,135,75,.11)}

#cc-ride-app .cc-finding-driver.is-location-stale .cc-finding-reassurance{border-color:#f2dfb8;background:#fff8e8}

#cc-ride-app .cc-finding-driver.is-location-stale .cc-finding-reassurance > span b{background:#d78a0c;box-shadow:0 0 0 5px rgba(215,138,12,.12)}



body.cc-cancel-modal-open{overflow:hidden!important}

#cc-ride-app .cc-cancel-modal[hidden]{display:none!important}

#cc-ride-app .cc-cancel-modal{position:fixed;z-index:1000002;inset:0;display:grid;place-items:end center;padding:18px;box-sizing:border-box}

#cc-ride-app .cc-cancel-backdrop{position:absolute;inset:0;background:rgba(4,16,30,.52);backdrop-filter:blur(7px)}

#cc-ride-app .cc-cancel-card{

    position:relative;

    width:min(100%,410px);

    box-sizing:border-box;

    padding:24px 20px 18px;

    border:1px solid rgba(255,255,255,.72);

    border-radius:25px;

    color:#121820;

    background:linear-gradient(180deg,#fff 0%,#fff8f8 100%);

    box-shadow:0 28px 70px rgba(3,17,32,.30);

    text-align:center;

    animation:ccCancelEnter .24s ease-out both;

}

@keyframes ccCancelEnter{from{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:none}}

#cc-ride-app .cc-cancel-close{position:absolute;top:12px;right:12px;display:grid;place-items:center;width:34px;height:34px;padding:0;border:0;border-radius:50%;color:#66717a;background:#f0f3f5;font-size:22px;font-weight:400}

#cc-ride-app .cc-cancel-icon{display:grid;place-items:center;width:54px;height:54px;margin:0 auto 12px;border-radius:50%;background:#ffeaed;box-shadow:0 0 0 9px #fff4f5}

#cc-ride-app .cc-cancel-icon i{position:relative;width:22px;height:22px;border-radius:50%;background:#ef3345}

#cc-ride-app .cc-cancel-icon i:before,#cc-ride-app .cc-cancel-icon i:after{content:"";position:absolute;top:10px;left:5px;width:12px;height:2px;border-radius:2px;background:#fff;transform:rotate(45deg)}

#cc-ride-app .cc-cancel-icon i:after{transform:rotate(-45deg)}

#cc-ride-app .cc-cancel-card > small{display:block;color:#8a5b62;font-size:9px;font-weight:850;letter-spacing:.09em}

#cc-ride-app .cc-cancel-card > small b{font:inherit;color:#d02f40}

#cc-ride-app .cc-cancel-card h2{margin:6px 0 7px;font-size:25px;font-weight:950;letter-spacing:-.03em}

#cc-ride-app .cc-cancel-card > p{max-width:330px;margin:0 auto 17px;color:#6f747b;font-size:12px;line-height:1.45}

#cc-ride-app .cc-cancel-confirm,#cc-ride-app .cc-cancel-confirm:is(:hover,:focus,:active){display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-height:52px!important;margin:0!important;padding:0 16px!important;border:0!important;border-radius:15px!important;color:#fff!important;-webkit-text-fill-color:#fff!important;background:linear-gradient(135deg,#f04b5a,#d91f34)!important;box-shadow:0 10px 24px rgba(217,31,52,.22)!important;font-size:14px!important;font-weight:900!important;transform:none!important}

#cc-ride-app .cc-cancel-keep,#cc-ride-app .cc-cancel-keep:is(:hover,:focus,:active){display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-height:47px!important;margin:7px 0 0!important;padding:0 16px!important;border:0!important;border-radius:14px!important;color:#10243a!important;-webkit-text-fill-color:#10243a!important;background:transparent!important;box-shadow:none!important;font-size:13px!important;font-weight:850!important;transform:none!important}

@media(min-width:760px){#cc-ride-app .cc-cancel-modal{place-items:center}}

@media(prefers-reduced-motion:reduce){#cc-ride-app .cc-cancel-card{animation:none}}

/* Interaction hardening: keep Rider controls visually isolated from theme hover rules. */
#cc-ride-app button,
#cc-ride-app button:is(:hover,:focus,:focus-visible,:active),
#cc-ride-app a,
#cc-ride-app a:is(:hover,:focus,:focus-visible,:active){
    box-sizing:border-box!important;
    font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
    text-decoration:none!important;
}
#cc-ride-app button svg,
#cc-ride-app a svg{
    display:block!important;
    flex:0 0 auto!important;
    transform:none!important;
    transform-origin:center!important;
}
#cc-ride-app .cc-icon-button,
#cc-ride-app .cc-icon-button:is(:hover,:focus,:focus-visible,:active){
    display:grid!important;
    place-items:center!important;
    padding:0!important;
    border:1px solid rgba(255,255,255,.2)!important;
    border-radius:50%!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    background:rgba(1,8,15,.52)!important;
    box-shadow:0 8px 28px rgba(0,0,0,.24)!important;
    line-height:1!important;
    transform:none!important;
}
#cc-ride-app .cc-choice-title button,
#cc-ride-app .cc-choice-title button:is(:hover,:focus,:focus-visible,:active){
    color:#087dd9!important;
    -webkit-text-fill-color:#087dd9!important;
    background:transparent!important;
    border-color:transparent!important;
    box-shadow:none!important;
    transform:none!important;
}
#cc-ride-app .cc-manage-place,
#cc-ride-app .cc-manage-place:is(:hover,:focus,:focus-visible,:active){
    color:#090b0e!important;
    -webkit-text-fill-color:#090b0e!important;
    background:transparent!important;
    box-shadow:none!important;
    transform:none!important;
}
#cc-ride-app .cc-add-place-button,
#cc-ride-app .cc-add-place-button:is(:hover,:focus,:focus-visible,:active){
    color:#0c0e11!important;
    -webkit-text-fill-color:#0c0e11!important;
    background:#fff!important;
    border-color:#0c0e11!important;
    box-shadow:none!important;
    transform:none!important;
}
#cc-ride-app .cc-subpage-header button,
#cc-ride-app .cc-subpage-header button:is(:hover,:focus,:focus-visible,:active){
    display:grid!important;
    place-items:center!important;
    padding:0!important;
    border:0!important;
    border-radius:50%!important;
    color:#090b0e!important;
    -webkit-text-fill-color:#090b0e!important;
    background:#ececea!important;
    box-shadow:none!important;
    line-height:1!important;
    transform:none!important;
}
#cc-ride-app button:focus-visible,
#cc-ride-app a:focus-visible{
    outline:3px solid rgba(8,126,217,.28)!important;
    outline-offset:2px!important;
}
#cc-ride-app button:disabled,
#cc-ride-app button:disabled:is(:hover,:focus,:active){
    cursor:not-allowed!important;
    transform:none!important;
}
#cc-ride-app .cc-finding-driver.is-at_destination .cc-finding-summary,
#cc-ride-app .cc-finding-driver.is-interrupted .cc-finding-summary{display:none}
#cc-ride-app .cc-finding-driver.is-at_destination .cc-finding-sheet,
#cc-ride-app .cc-finding-driver.is-interrupted .cc-finding-sheet{max-height:72svh}
#cc-ride-app .cc-finding-driver.is-at_destination .cc-finding-reassurance{border-color:#d7ebdd;background:#eef8f1}
#cc-ride-app .cc-finding-driver.is-interrupted .cc-finding-reassurance{border-color:#f2dfb8;background:#fff8e8}
#cc-ride-app .cc-finding-guest-pin{border:1px solid #ddd1ff!important;background:#f5f0ff!important}
#cc-ride-app .cc-finding-guest-pin > span{color:#6e35d4!important;background:#e9ddff!important;font-weight:950!important}

body.cc-trip-options-open{overflow:hidden!important}
#cc-ride-app .cc-finding-options,
#cc-ride-app .cc-finding-options:is(:hover,:focus,:focus-visible,:active){
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:9px!important;
    width:100%!important;
    min-height:50px!important;
    margin:10px 0 0!important;
    padding:0 15px!important;
    border:1px solid #d8e0e7!important;
    border-radius:14px!important;
    color:#10283e!important;
    -webkit-text-fill-color:#10283e!important;
    background:#f5f8fa!important;
    box-shadow:none!important;
    font-size:13px!important;
    font-weight:900!important;
    transform:none!important;
}
#cc-ride-app .cc-finding-options[hidden]{display:none!important}
#cc-ride-app .cc-trip-options-modal[hidden]{display:none!important}
#cc-ride-app .cc-trip-options-modal{position:fixed;z-index:1000003;inset:0;display:flex;align-items:flex-end;justify-content:center;font-family:Inter,ui-sans-serif,system-ui,sans-serif}
#cc-ride-app .cc-trip-options-backdrop{position:absolute;inset:0;border:0!important;background:rgba(4,16,30,.55)!important;backdrop-filter:blur(7px)}
#cc-ride-app .cc-trip-options-card{position:relative;width:min(100%,480px);max-height:88svh;overflow:auto;padding:9px 18px calc(20px + env(safe-area-inset-bottom));border:1px solid rgba(255,255,255,.75);border-radius:28px 28px 0 0;color:#101820;background:#fff;box-shadow:0 -22px 70px rgba(3,17,32,.28);animation:ccCancelEnter .24s ease-out both}
#cc-ride-app .cc-trip-options-card>i{display:block;width:44px;height:5px;margin:0 auto 13px;border-radius:99px;background:#dce1e5}
#cc-ride-app .cc-trip-options-card header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:17px}
#cc-ride-app .cc-trip-options-card header small{color:#087ed9;font-size:9px;font-weight:900;letter-spacing:.12em}
#cc-ride-app .cc-trip-options-card header h2{margin:4px 0 0;font-size:25px;font-weight:950;letter-spacing:-.035em}
#cc-ride-app .cc-trip-options-card header>button,
#cc-ride-app .cc-trip-options-card header>button:is(:hover,:focus,:active){display:grid!important;place-items:center!important;width:36px!important;height:36px!important;padding:0!important;border:0!important;border-radius:50%!important;color:#263746!important;-webkit-text-fill-color:#263746!important;background:#eef2f5!important;box-shadow:none!important;font-size:23px!important;line-height:1!important;transform:none!important}
#cc-ride-app #cc-trip-options-menu{display:grid;gap:8px}
#cc-ride-app #cc-trip-options-menu>button,
#cc-ride-app #cc-trip-options-menu>button:is(:hover,:focus,:active){display:grid!important;grid-template-columns:42px minmax(0,1fr) 16px!important;align-items:center!important;gap:11px!important;width:100%!important;min-height:68px!important;padding:10px!important;border:1px solid #dce3e8!important;border-radius:16px!important;color:#11283d!important;-webkit-text-fill-color:#11283d!important;background:#f8fafc!important;box-shadow:none!important;text-align:left!important;transform:none!important}
#cc-ride-app #cc-trip-options-menu>button>span{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;color:#0877d5;background:#e5f2fd;font-size:18px;font-weight:900}
#cc-ride-app #cc-trip-options-menu p{margin:0}
#cc-ride-app #cc-trip-options-menu b{display:block;font-size:13px}
#cc-ride-app #cc-trip-options-menu small{display:block;margin-top:3px;color:#6f7f8d;font-size:10px;line-height:1.35}
#cc-ride-app #cc-trip-options-menu em{color:#748595;font-size:22px;font-style:normal}
#cc-ride-app .cc-trip-option-form{display:grid;gap:10px}
#cc-ride-app .cc-trip-option-form[hidden]{display:none!important}
#cc-ride-app .cc-trip-option-form label{display:grid;gap:7px;color:#596b7b;font-size:11px;font-weight:850}
#cc-ride-app .cc-trip-option-form input{width:100%;height:52px;padding:0 14px;border:1px solid #d4dde4;border-radius:13px;outline:0;color:#10283d;background:#fff;box-shadow:none;font:650 16px/1 Inter,ui-sans-serif,system-ui,sans-serif}
#cc-ride-app .cc-trip-option-form input:focus{border-color:#0a84ed;box-shadow:0 0 0 3px rgba(10,132,237,.13)}
#cc-ride-app .cc-trip-map-toggle,#cc-ride-app .cc-trip-map-toggle:is(:hover,:focus,:active){display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;width:100%!important;min-height:48px!important;padding:0 14px!important;border:1px solid #cfe0ed!important;border-radius:14px!important;color:#0a67ad!important;-webkit-text-fill-color:#0a67ad!important;background:#edf7ff!important;box-shadow:none!important;font-size:12px!important;font-weight:900!important;transform:none!important}
#cc-ride-app .cc-trip-map-toggle span{font-size:18px!important;line-height:1!important}
#cc-ride-app #cc-trip-destination-map{width:100%;height:210px;border:1px solid #d7e1e8;border-radius:16px;overflow:hidden}
#cc-ride-app #cc-trip-destination-map[hidden]{display:none!important}
#cc-ride-app #cc-trip-destination-preview{display:grid;gap:3px;padding:13px;border:1px solid #cfe4f4;border-radius:14px;background:#eff8ff}
#cc-ride-app #cc-trip-destination-preview[hidden]{display:none!important}
#cc-ride-app #cc-trip-destination-preview small{color:#0876cf;font-size:9px;font-weight:900;letter-spacing:.1em}
#cc-ride-app #cc-trip-destination-preview strong{font-size:13px}
#cc-ride-app #cc-trip-destination-preview span{color:#5d7182;font-size:11px}
#cc-ride-app .cc-trip-option-primary,
#cc-ride-app .cc-trip-option-primary:is(:hover,:focus,:active){display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-height:52px!important;padding:0 15px!important;border:0!important;border-radius:15px!important;color:#fff!important;-webkit-text-fill-color:#fff!important;background:#0b2a45!important;box-shadow:0 9px 22px rgba(11,42,69,.16)!important;font-size:13px!important;font-weight:900!important;transform:none!important}
#cc-ride-app .cc-trip-option-primary[hidden]{display:none!important}
#cc-ride-app .cc-trip-option-secondary,
#cc-ride-app .cc-trip-option-secondary:is(:hover,:focus,:active){display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-height:46px!important;padding:0 15px!important;border:0!important;border-radius:14px!important;color:#32495d!important;-webkit-text-fill-color:#32495d!important;background:#f0f4f7!important;box-shadow:none!important;font-size:12px!important;font-weight:850!important;transform:none!important}
@media(min-width:760px){#cc-ride-app .cc-trip-options-modal{align-items:center}#cc-ride-app .cc-trip-options-card{border-radius:28px}}

/* Simulation QA polish. */
#cc-ride-app .cc-saved-page-content>.cc-add-place-button,
#cc-ride-app .cc-saved-page-content>.cc-add-place-button:is(:hover,:focus,:focus-visible,:active){display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;min-height:56px!important;padding:0 18px!important;border:0!important;border-radius:16px!important;color:#fff!important;-webkit-text-fill-color:#fff!important;background:linear-gradient(135deg,#076fce,#1596f5)!important;box-shadow:0 10px 24px rgba(8,121,216,.22)!important;transform:none!important}
#cc-ride-app .cc-saved-page-content>.cc-add-place-button span{display:grid!important;place-items:center!important;width:24px!important;height:24px!important;margin:0!important;color:#fff!important;-webkit-text-fill-color:#fff!important;font-size:24px!important;line-height:1!important;transform:translateY(-1px)!important}
#cc-ride-app .cc-pickup-modal-card>[data-cc-action="confirm-pickup-details"]{display:grid!important;grid-template-columns:1fr 24px!important;align-items:center!important;justify-items:center!important;padding:0 16px 0 40px!important}
#cc-ride-app .cc-pickup-modal-card>[data-cc-action="confirm-pickup-details"] span{display:grid!important;place-items:center!important;width:24px!important;height:24px!important;margin:0!important;font-size:20px!important;line-height:1!important;transform:translateY(-4px)!important}
#cc-ride-app .cc-map-experience>.cc-map-back,#cc-ride-app .cc-map-experience>.cc-map-locate{display:grid!important;place-items:center!important;width:54px!important;height:54px!important;padding:0!important;border-radius:50%!important;line-height:0!important}
#cc-ride-app .cc-map-experience>.cc-map-back svg,#cc-ride-app .cc-map-experience>.cc-map-locate svg{display:block!important;width:27px!important;height:27px!important;margin:auto!important;transform:none!important}
#cc-ride-app .cc-payment-methods i.mmg,#cc-ride-app .cc-payment-toggle span.is-mmg{position:relative!important;overflow:hidden!important;background:linear-gradient(145deg,#00a879,#006f63)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 7px 16px rgba(0,120,95,.2)!important}
#cc-ride-app .cc-payment-methods i.mmg:after,#cc-ride-app .cc-payment-toggle span.is-mmg:after{content:"M";display:grid;place-items:center;position:absolute;inset:0;color:#fff;font-size:17px;font-weight:950;font-style:italic;letter-spacing:-2px;text-shadow:0 1px 1px rgba(0,0,0,.15)}
#cc-ride-app .cc-payment-methods i.mmg>svg,#cc-ride-app .cc-payment-toggle span.is-mmg>svg{display:none!important}
#cc-ride-app .cc-finding-driver.is-approaching .cc-finding-route{display:none!important}
#cc-ride-app .cc-finding-driver.is-approaching .cc-finding-reassurance{border-color:#cfe5f8!important;background:linear-gradient(135deg,#f0f8ff,#e7f3fd)!important}
#cc-ride-app .cc-finding-driver.is-arrived #cc-finding-eta{font-variant-numeric:tabular-nums!important;min-width:118px!important;text-align:center!important}
#cc-ride-app .cc-ride-feedback[hidden]{display:none!important}
#cc-ride-app .cc-ride-feedback{position:fixed;z-index:1000010;inset:0;display:flex;align-items:flex-end;justify-content:center;padding:16px;font-family:Inter,ui-sans-serif,system-ui,sans-serif}
#cc-ride-app .cc-feedback-backdrop{position:absolute;inset:0;background:rgba(3,15,28,.62);backdrop-filter:blur(9px)}
#cc-ride-app .cc-feedback-card{position:relative;display:grid;justify-items:center;width:min(100%,430px);padding:24px 20px max(22px,env(safe-area-inset-bottom));border:1px solid rgba(255,255,255,.85);border-radius:28px;color:#0c1d2e;background:#fff;box-shadow:0 28px 80px rgba(0,0,0,.28);text-align:center}
#cc-ride-app .cc-feedback-check{display:grid;place-items:center;width:56px;height:56px;margin-bottom:12px;border-radius:18px;color:#fff;background:linear-gradient(145deg,#04a274,#087b62);box-shadow:0 10px 24px rgba(4,142,103,.24);font-size:27px;font-weight:900}
#cc-ride-app .cc-feedback-card>small{color:#07836a;font-size:9px;font-weight:950;letter-spacing:.14em}
#cc-ride-app .cc-feedback-card h2{margin:7px 0 5px;font-size:27px;font-weight:950;letter-spacing:-.04em}
#cc-ride-app .cc-feedback-card>p{margin:0 0 15px;color:#647585;font-size:12px}
#cc-ride-app .cc-feedback-stars{display:flex;gap:6px;margin-bottom:14px}
#cc-ride-app .cc-feedback-stars button,#cc-ride-app .cc-feedback-stars button:is(:hover,:focus,:active){display:grid!important;place-items:center!important;width:43px!important;height:43px!important;padding:0!important;border:1px solid #dce4ea!important;border-radius:13px!important;color:#a9b4bc!important;-webkit-text-fill-color:#a9b4bc!important;background:#f6f8fa!important;box-shadow:none!important;font-size:24px!important;line-height:1!important;transform:none!important}
#cc-ride-app .cc-feedback-stars button.is-selected{border-color:#ffcb43!important;color:#f5ad00!important;-webkit-text-fill-color:#f5ad00!important;background:#fff7d9!important}
#cc-ride-app #cc-feedback-notes{box-sizing:border-box;width:100%;min-height:86px;padding:12px 13px;border:1px solid #d7e0e6;border-radius:14px;outline:0;color:#12283c;background:#f8fafb;resize:none;font:600 13px/1.4 Inter,ui-sans-serif,system-ui,sans-serif}
#cc-ride-app #cc-feedback-notes:focus{border-color:#1488eb;box-shadow:0 0 0 3px rgba(20,136,235,.12)}
#cc-ride-app .cc-feedback-submit,#cc-ride-app .cc-feedback-submit:is(:hover,:focus,:active){width:100%!important;min-height:52px!important;margin-top:12px!important;border:0!important;border-radius:15px!important;color:#fff!important;-webkit-text-fill-color:#fff!important;background:#092944!important;box-shadow:0 9px 22px rgba(9,41,68,.18)!important;font-size:13px!important;font-weight:900!important;transform:none!important}
#cc-ride-app .cc-feedback-submit:disabled{opacity:.45!important}
#cc-ride-app .cc-feedback-skip,#cc-ride-app .cc-feedback-skip:is(:hover,:focus,:active){min-height:42px!important;border:0!important;color:#657687!important;-webkit-text-fill-color:#657687!important;background:transparent!important;box-shadow:none!important;font-size:12px!important;font-weight:850!important;transform:none!important}
@media(min-width:760px){#cc-ride-app .cc-ride-feedback{align-items:center}}

.cc-rides-app.is-offline-active:before,
#cc-ride-app.is-offline-active:before{
    content:"Connection interrupted · showing last confirmed ride state";
    position:fixed;
    z-index:10050;
    top:max(10px,env(safe-area-inset-top));
    left:50%;
    width:max-content;
    max-width:calc(100vw - 28px);
    padding:8px 12px;
    border:1px solid rgba(239,184,71,.45);
    border-radius:999px;
    color:#6d4600;
    background:#fff3cf;
    box-shadow:0 8px 24px rgba(7,25,43,.15);
    font-size:10px;
    font-weight:900;
    line-height:1.2;
    transform:translateX(-50%);
}

/* Final approved My rides hero: icy white/blue field with the silver cutout car. */
#cc-ride-app .cc-trips-hero{
    background-color:#eaf7ff!important;
    background-image:
        url('../images/ride-sedan-choice.png'),
        radial-gradient(circle at 82% 24%,rgba(255,255,255,.98) 0 18%,rgba(255,255,255,0) 43%),
        linear-gradient(145deg,#fbfeff 0%,#e7f7ff 52%,#bedff4 100%)!important;
    background-size:min(62vw,350px) auto,cover,cover!important;
    background-position:88% 27%,center,center!important;
    background-repeat:no-repeat!important;
}
#cc-ride-app .cc-trips-hero:before{
    background:linear-gradient(180deg,rgba(239,249,255,0) 0%,rgba(239,249,255,.5) 52%,#edf8ff 100%)!important;
}
@media(max-width:430px){
    #cc-ride-app .cc-trips-hero{
        background-size:235px auto,cover,cover!important;
        background-position:92% 23%,center,center!important;
    }
}
/* Approved rider in-progress visual: map-led route view and premium white trip sheet. */
#cc-ride-app .cc-finding-map-brand{
    position:absolute;z-index:3;top:max(18px,calc(env(safe-area-inset-top) + 12px));left:18px;
    display:flex;align-items:center;gap:9px;padding:10px 15px 10px 10px;border:1px solid rgba(255,255,255,.9);
    border-radius:22px;color:#07162c;background:rgba(255,255,255,.94);box-shadow:0 9px 28px rgba(16,46,75,.14);
    backdrop-filter:blur(12px);pointer-events:none
}
#cc-ride-app .cc-finding-map-brand>i{
    display:grid;place-items:center;width:34px;height:34px;border-radius:12px;color:#fff;
    background:linear-gradient(145deg,#0b8df2,#1762dc);box-shadow:0 6px 14px rgba(13,118,226,.25);
    font-size:19px;font-style:normal;font-weight:950
}
#cc-ride-app .cc-finding-map-brand>span{display:grid;gap:0}
#cc-ride-app .cc-finding-map-brand b{font-size:16px;line-height:1.05;letter-spacing:-.025em}
#cc-ride-app .cc-finding-map-brand small{color:#557496;font-size:9px;font-weight:800;letter-spacing:.02em}
#cc-ride-app .cc-finding-map-locate,
#cc-ride-app .cc-finding-map-locate:is(:hover,:focus,:focus-visible,:active){
    position:absolute!important;z-index:4!important;top:max(22px,calc(env(safe-area-inset-top) + 16px))!important;right:18px!important;
    display:grid!important;place-items:center!important;width:54px!important;height:54px!important;margin:0!important;padding:0!important;
    border:1px solid rgba(255,255,255,.9)!important;border-radius:50%!important;color:#091b38!important;-webkit-text-fill-color:#091b38!important;
    background:rgba(255,255,255,.95)!important;box-shadow:0 10px 28px rgba(16,46,75,.15)!important;backdrop-filter:blur(12px);
    pointer-events:auto!important;transform:none!important
}
#cc-ride-app .cc-finding-map-locate svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round}
#cc-ride-app .cc-finding-row-arrow{display:none;align-self:center;color:#426a92;font-size:27px;font-weight:400;line-height:1}
#cc-ride-app .cc-finding-driver.is-in_ride .cc-finding-row-arrow{display:block}

#cc-ride-app .cc-finding-driver.is-in_ride .cc-finding-sheet{
    max-height:71svh;padding:10px 18px calc(18px + env(safe-area-inset-bottom));border-radius:32px 32px 0 0;
    box-shadow:0 -18px 55px rgba(14,46,76,.2)
}
#cc-ride-app .cc-finding-driver.is-in_ride .cc-finding-handle{width:48px;height:5px;margin-bottom:17px;background:#dfe5ea}
#cc-ride-app .cc-finding-driver.is-in_ride .cc-finding-kicker{color:#087ce6;font-size:11px;font-weight:950;letter-spacing:.115em}
#cc-ride-app .cc-finding-driver.is-in_ride .cc-finding-heading h2{font-size:34px;font-weight:950;letter-spacing:-.052em;line-height:1}
#cc-ride-app .cc-finding-driver.is-in_ride .cc-finding-heading p{margin-top:7px;color:#58708d;font-size:15px}
#cc-ride-app .cc-finding-driver.is-in_ride #cc-finding-eta{
    position:relative;min-height:35px;padding:0 27px 0 33px;border:1px solid #c9e4fb;border-radius:999px;
    color:#0b4d91;background:#eaf6ff;box-shadow:inset 0 1px 0 #fff;font-size:11px
}
#cc-ride-app .cc-finding-driver.is-in_ride #cc-finding-eta:before{
    content:"";position:absolute;left:11px;width:14px;height:14px;border:2px solid #1776cd;border-radius:50%
}
#cc-ride-app .cc-finding-driver.is-in_ride #cc-finding-eta:after{
    content:"›";position:absolute;right:10px;top:50%;font-size:20px;font-weight:500;line-height:1;transform:translateY(-53%)
}
#cc-ride-app .cc-finding-driver.is-in_ride .cc-finding-reassurance{
    grid-template-columns:47px minmax(0,1fr);gap:12px;margin:16px 0 12px;padding:13px 14px;
    border:1px solid #cce9fb;border-radius:17px;background:linear-gradient(135deg,#eff9ff,#e8f6ff)
}
#cc-ride-app .cc-finding-driver.is-in_ride .cc-finding-reassurance>span{width:44px;height:44px;border-radius:50%;background:#d7efff}
#cc-ride-app .cc-finding-driver.is-in_ride .cc-finding-reassurance>span i{display:none}
#cc-ride-app .cc-finding-driver.is-in_ride .cc-finding-reassurance>span b{
    display:grid;place-items:center;width:27px;height:31px;border-radius:8px 8px 11px 11px;
    background:#1b82e2;box-shadow:none;clip-path:polygon(50% 0,94% 16%,86% 72%,50% 100%,14% 72%,6% 16%)
}
#cc-ride-app .cc-finding-driver.is-in_ride .cc-finding-reassurance>span b:after{content:"✓";color:#fff;font-size:15px;font-weight:950}
#cc-ride-app .cc-finding-driver.is-in_ride .cc-finding-reassurance strong{color:#0a2450;font-size:14px}
#cc-ride-app .cc-finding-driver.is-in_ride .cc-finding-reassurance small{color:#607896;font-size:11px;line-height:1.35}

#cc-ride-app .cc-finding-driver.is-in_ride .cc-finding-driver-card{
    grid-template-columns:62px minmax(0,1fr) 132px;gap:12px;min-height:92px;margin-top:0;padding:12px;
    border:1px solid #dce7ef;border-radius:18px;background:#fff;box-shadow:0 7px 20px rgba(26,62,96,.065)
}
#cc-ride-app .cc-finding-driver.is-in_ride .cc-driver-avatar{
    width:58px;height:58px;border:1px solid #d8e0e6;color:#64768b;background:linear-gradient(145deg,#ced3d8,#f9fbfc);
    box-shadow:inset 0 0 0 4px #fff;font-size:19px
}
#cc-ride-app .cc-finding-driver.is-in_ride .cc-finding-driver-card>p>small{display:none}
#cc-ride-app .cc-finding-driver.is-in_ride .cc-finding-driver-card>p strong{color:#071b45;font-size:17px;font-weight:950}
#cc-ride-app .cc-finding-driver.is-in_ride .cc-finding-driver-card>p em{margin-top:4px;color:#51759c;font-size:10px;font-weight:750}
#cc-ride-app .cc-finding-driver.is-in_ride .cc-finding-vehicle-block{
    display:grid;grid-template-rows:47px auto;justify-items:stretch;gap:3px;max-width:none;text-align:center
}
#cc-ride-app .cc-finding-driver.is-in_ride .cc-driver-vehicle-image{
    display:block;width:100%;height:47px;border-radius:10px;background:#f5f8fb url('../images/ride-sedan-choice.png') center/90% auto no-repeat
}
#cc-ride-app .cc-finding-driver.is-in_ride .cc-driver-vehicle-copy{display:flex;align-items:center;justify-content:center;gap:5px;min-width:0}
#cc-ride-app .cc-finding-driver.is-in_ride .cc-driver-vehicle-copy>b{
    padding:3px 5px;border:1px solid #d3dce4;border-radius:5px;color:#08152a;background:#fff;font-size:9px;font-weight:950;letter-spacing:.055em
}
#cc-ride-app .cc-finding-driver.is-in_ride .cc-driver-vehicle-copy>small{
    overflow:hidden;max-width:76px;color:#58708a;font-size:8px;line-height:1.1;text-overflow:ellipsis;white-space:nowrap
}

#cc-ride-app .cc-finding-driver.is-in_ride .cc-finding-contact{gap:8px;margin-top:10px}
#cc-ride-app .cc-finding-driver.is-in_ride .cc-finding-contact>a,
#cc-ride-app .cc-finding-driver.is-in_ride .cc-finding-contact>button,
#cc-ride-app .cc-finding-driver.is-in_ride .cc-finding-contact>a:is(:hover,:focus,:active),
#cc-ride-app .cc-finding-driver.is-in_ride .cc-finding-contact>button:is(:hover,:focus,:active){
    min-height:50px;padding:0 8px;border:1px solid #d4e4ef!important;border-radius:17px!important;color:#0a2754!important;
    -webkit-text-fill-color:#0a2754!important;background:linear-gradient(180deg,#fbfdff,#f1f8fc)!important;box-shadow:none!important;
    font-size:11px!important;font-weight:900!important;transform:none!important
}
#cc-ride-app .cc-finding-driver.is-in_ride .cc-finding-contact span{width:29px;height:29px;background:#147bd8}
#cc-ride-app .cc-finding-driver.is-in_ride .cc-finding-contact span.is-whatsapp{background:#11aa58}
#cc-ride-app .cc-finding-driver.is-in_ride .cc-finding-contact svg{width:16px;height:16px;fill:none;stroke:#fff;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
#cc-ride-app .cc-finding-driver.is-in_ride .cc-finding-contact .is-whatsapp svg path:first-child{fill:none}
#cc-ride-app .cc-finding-driver.is-in_ride .cc-finding-contact .is-whatsapp svg path:last-child{fill:#fff;stroke:none}

#cc-ride-app .cc-finding-driver.is-in_ride .cc-finding-route{
    grid-template-columns:20px minmax(0,1fr) 16px;gap:12px;margin-top:10px;padding:13px 14px;
    border:1px solid #dce7ef;border-radius:17px;background:#fff
}
#cc-ride-app .cc-finding-driver.is-in_ride .cc-finding-route>i:before{top:6px;width:10px;height:10px;border:3px solid #1687ed}
#cc-ride-app .cc-finding-driver.is-in_ride .cc-finding-route>i:after{bottom:6px;width:10px;height:10px;border-radius:50%;background:#0c2a55}
#cc-ride-app .cc-finding-driver.is-in_ride .cc-finding-route>i{background:repeating-linear-gradient(to bottom,#4c7ba8 0 4px,transparent 4px 9px) 9px 17px/1px calc(100% - 34px) no-repeat}
#cc-ride-app .cc-finding-driver.is-in_ride .cc-finding-route p{gap:12px}
#cc-ride-app .cc-finding-driver.is-in_ride .cc-finding-route small{color:#5f7791;font-size:9px;text-transform:none}
#cc-ride-app .cc-finding-driver.is-in_ride .cc-finding-route strong{color:#081a3d;font-size:12px}

#cc-ride-app .cc-finding-driver.is-in_ride .cc-finding-pickup-note{
    grid-template-columns:38px minmax(0,1fr) 16px;gap:11px;margin-top:9px;padding:10px 12px;
    border:1px solid #dce7ef;border-radius:16px;background:#fff
}
#cc-ride-app .cc-finding-driver.is-in_ride .cc-finding-pickup-note>span{width:36px;height:36px;color:#2a6da9;background:#ebf6ff}
#cc-ride-app .cc-finding-driver.is-in_ride .cc-finding-pickup-note>span svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2}
#cc-ride-app .cc-finding-driver.is-in_ride .cc-finding-pickup-note small{color:#68819b;font-size:9px}
#cc-ride-app .cc-finding-driver.is-in_ride .cc-finding-pickup-note strong{color:#071a3b;font-size:12px}

#cc-ride-app .cc-finding-driver.is-in_ride .cc-finding-options,
#cc-ride-app .cc-finding-driver.is-in_ride .cc-finding-options:is(:hover,:focus,:active){
    min-height:52px!important;margin-top:10px!important;border:1px solid #d3e0e9!important;border-radius:999px!important;
    color:#0a2144!important;-webkit-text-fill-color:#0a2144!important;background:linear-gradient(180deg,#f6f9fb,#edf3f7)!important;
    box-shadow:inset 0 1px 0 #fff!important;font-size:13px!important
}
#cc-ride-app .cc-finding-driver.is-in_ride .cc-finding-options span{display:grid;place-items:center;width:24px;height:24px}
#cc-ride-app .cc-finding-driver.is-in_ride .cc-finding-options svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round}

@media(max-width:390px){
    #cc-ride-app .cc-finding-map-brand{left:12px;padding-right:12px}
    #cc-ride-app .cc-finding-map-locate,#cc-ride-app .cc-finding-map-locate:is(:hover,:focus,:active){right:12px!important}
    #cc-ride-app .cc-finding-driver.is-in_ride .cc-finding-sheet{padding-right:14px;padding-left:14px}
    #cc-ride-app .cc-finding-driver.is-in_ride .cc-finding-heading h2{font-size:31px}
    #cc-ride-app .cc-finding-driver.is-in_ride .cc-finding-driver-card{grid-template-columns:55px minmax(0,1fr) 112px;gap:9px;padding:10px}
    #cc-ride-app .cc-finding-driver.is-in_ride .cc-driver-avatar{width:53px;height:53px}
    #cc-ride-app .cc-finding-driver.is-in_ride .cc-finding-contact>a,
    #cc-ride-app .cc-finding-driver.is-in_ride .cc-finding-contact>button{gap:5px!important;padding:0 5px!important;font-size:10px!important}
}


/* Driver-confirmed cleanup requested after live visual QA. */
#cc-ride-app .cc-finding-heading>p[hidden]{display:none!important}
#cc-ride-app .cc-finding-driver.is-approaching .cc-finding-sheet{padding-right:20px;padding-left:20px}
#cc-ride-app .cc-finding-driver.is-approaching .cc-finding-handle{margin-bottom:18px}
#cc-ride-app .cc-finding-driver.is-approaching .cc-finding-kicker{
    color:#496d88;font-size:12px;font-weight:950;letter-spacing:.13em
}
#cc-ride-app .cc-finding-driver.is-approaching .cc-finding-heading h2{
    margin-top:8px;font-size:34px;font-weight:950;letter-spacing:-.045em;line-height:1.02
}
#cc-ride-app .cc-finding-driver.is-approaching #cc-finding-eta{
    min-height:38px;padding:0 14px;border:1px solid #d9ecfa;color:#0c4f8e;background:#eaf6ff;
    font-size:13px;box-shadow:inset 0 1px 0 #fff
}
#cc-ride-app .cc-finding-driver.is-approaching .cc-finding-reassurance{
    grid-template-columns:50px minmax(0,1fr);gap:13px;margin:18px 0 14px;padding:14px 15px;
    border-radius:19px!important
}
#cc-ride-app .cc-finding-driver.is-approaching .cc-finding-reassurance>span{width:48px;height:48px}
#cc-ride-app .cc-finding-driver.is-approaching .cc-finding-reassurance strong{font-size:16px;line-height:1.18}
#cc-ride-app .cc-finding-driver.is-approaching .cc-finding-reassurance small{font-size:17px;line-height:1.35}
#cc-ride-app .cc-finding-driver.is-approaching .cc-finding-driver-card{
    grid-template-columns:62px minmax(0,1fr);gap:14px;min-height:92px;padding:13px 14px;border-radius:19px
}
#cc-ride-app .cc-finding-driver.is-approaching .cc-driver-avatar{width:58px;height:58px}
#cc-ride-app .cc-finding-driver.is-approaching .cc-finding-driver-card>p>small{
    color:#5b7690;font-size:11px;font-weight:900;letter-spacing:.1em
}
#cc-ride-app .cc-finding-driver.is-approaching .cc-finding-driver-card>p strong{font-size:18px}
#cc-ride-app .cc-finding-driver.is-approaching .cc-finding-driver-card>p em{margin-top:3px;color:#667887;font-size:13px}
#cc-ride-app .cc-finding-driver.is-approaching .cc-finding-vehicle-block{display:none!important}
#cc-ride-app .cc-driver-vehicle-copy>#cc-finding-plate{display:none!important}
#cc-ride-app .cc-finding-driver.is-approaching .cc-finding-contact{gap:9px;margin-top:12px}
#cc-ride-app .cc-finding-driver.is-approaching .cc-finding-contact>a,
#cc-ride-app .cc-finding-driver.is-approaching .cc-finding-contact>button,
#cc-ride-app .cc-finding-driver.is-approaching .cc-finding-contact>a:is(:hover,:focus,:active),
#cc-ride-app .cc-finding-driver.is-approaching .cc-finding-contact>button:is(:hover,:focus,:active){
    min-height:54px!important;padding:0 9px!important;border-radius:17px!important;color:#0b2948!important;
    -webkit-text-fill-color:#0b2948!important;background:linear-gradient(180deg,#fbfdff,#f0f7fb)!important;
    font-size:13px!important;box-shadow:none!important;transform:none!important
}
#cc-ride-app .cc-finding-driver.is-approaching .cc-finding-contact span{width:30px;height:30px}
#cc-ride-app .cc-finding-driver.is-approaching .cc-finding-contact b{
    overflow:visible;max-width:none;font-size:13px;text-overflow:clip
}
#cc-ride-app .cc-finding-driver.is-approaching .cc-finding-pickup-note{
    grid-template-columns:42px minmax(0,1fr);gap:12px;margin-top:12px;padding:13px 14px;border-radius:18px
}
#cc-ride-app .cc-finding-driver.is-approaching .cc-finding-pickup-note>span{width:40px;height:40px}
#cc-ride-app .cc-finding-driver.is-approaching .cc-finding-pickup-note small{font-size:11px;letter-spacing:.08em}
#cc-ride-app .cc-finding-driver.is-approaching .cc-finding-pickup-note strong{font-size:15px}
#cc-ride-app .cc-finding-driver.is-approaching .cc-finding-cancel,
#cc-ride-app .cc-finding-driver.is-approaching .cc-finding-cancel:is(:hover,:focus,:focus-visible,:active){
    min-height:58px!important;margin-top:14px!important;border:0!important;border-radius:19px!important;
    color:#fff!important;-webkit-text-fill-color:#fff!important;
    background:linear-gradient(135deg,#ff5063 0%,#e92e45 46%,#c91531 100%)!important;
    box-shadow:0 13px 28px rgba(200,21,49,.28),inset 0 1px 0 rgba(255,255,255,.24)!important;
    font-size:16px!important;font-weight:950!important;letter-spacing:.01em!important;transform:none!important
}
#cc-ride-app .cc-finding-driver.is-approaching .cc-finding-cancel>i{
    display:none!important
}
#cc-ride-app .cc-finding-driver.is-approaching .cc-finding-cancel>b{color:#fff!important;-webkit-text-fill-color:#fff!important}

/* Driver-confirmed mobile fit and edge alignment. Keep the complete action set in the first viewport. */
#cc-ride-app .cc-finding-driver.is-approaching .cc-finding-sheet{
    max-height:75svh;
    padding-right:12px;
    padding-left:12px
}
#cc-ride-app .cc-finding-driver.is-approaching .cc-finding-heading{padding-right:4px;padding-left:4px}
#cc-ride-app .cc-finding-driver.is-approaching .cc-finding-heading h2{font-size:33px}
#cc-ride-app .cc-finding-driver.is-approaching .cc-finding-reassurance{
    grid-template-columns:44px minmax(0,1fr);gap:11px;margin:12px 0 10px;padding:11px 12px
}
#cc-ride-app .cc-finding-driver.is-approaching .cc-finding-reassurance>span{width:42px;height:42px}
#cc-ride-app .cc-finding-driver.is-approaching .cc-finding-driver-card{
    grid-template-columns:54px minmax(0,1fr);gap:12px;min-height:78px;margin-top:0;padding:10px 12px
}
#cc-ride-app .cc-finding-driver.is-approaching .cc-driver-avatar{width:50px;height:50px}
#cc-ride-app .cc-finding-driver.is-approaching .cc-finding-contact{
    grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%;margin-top:9px
}
#cc-ride-app .cc-finding-driver.is-approaching .cc-finding-contact>a,
#cc-ride-app .cc-finding-driver.is-approaching .cc-finding-contact>button,
#cc-ride-app .cc-finding-driver.is-approaching .cc-finding-contact>a:is(:hover,:focus,:active),
#cc-ride-app .cc-finding-driver.is-approaching .cc-finding-contact>button:is(:hover,:focus,:active){
    width:100%;min-height:48px!important;padding:0 6px!important
}
#cc-ride-app .cc-finding-driver.is-approaching .cc-finding-pickup-note{
    grid-template-columns:38px minmax(0,1fr);gap:10px;width:100%;margin-top:9px;padding:9px 12px
}
#cc-ride-app .cc-finding-driver.is-approaching .cc-finding-pickup-note>span{width:36px;height:36px}
#cc-ride-app .cc-finding-driver.is-approaching .cc-finding-cancel,
#cc-ride-app .cc-finding-driver.is-approaching .cc-finding-cancel:is(:hover,:focus,:focus-visible,:active){
    width:100%;min-height:52px!important;margin-top:10px!important
}

@media(max-width:390px){
    #cc-ride-app .cc-finding-driver.is-approaching .cc-finding-heading h2{font-size:30px}
}

/* Live trip map controls and pull-down ride sheet. */
#cc-ride-app .cc-finding-home,
#cc-ride-app .cc-finding-home:is(:hover,:focus,:focus-visible,:active){
    position:absolute!important;z-index:4!important;top:max(22px,calc(env(safe-area-inset-top) + 16px))!important;left:18px!important;
    display:grid!important;place-items:center!important;width:54px!important;height:54px!important;margin:0!important;padding:0!important;
    border:1px solid rgba(255,255,255,.92)!important;border-radius:50%!important;color:#091b38!important;-webkit-text-fill-color:#091b38!important;
    background:rgba(255,255,255,.96)!important;box-shadow:0 10px 28px rgba(16,46,75,.17)!important;backdrop-filter:blur(12px);
    pointer-events:auto!important;transform:none!important
}
#cc-ride-app .cc-finding-home svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
#cc-ride-app .cc-finding-sheet{
    overscroll-behavior:contain;
    transform:translateY(0);
    transition:transform .34s cubic-bezier(.22,.78,.23,1),box-shadow .25s ease;
    will-change:transform
}
#cc-ride-app .cc-finding-sheet.is-dragging{transition:none!important;user-select:none}
#cc-ride-app .cc-finding-handle,
#cc-ride-app .cc-finding-handle:is(:hover,:focus,:focus-visible,:active){
    position:relative!important;display:block!important;width:86px!important;height:24px!important;min-height:24px!important;
    margin:-3px auto 8px!important;padding:0!important;border:0!important;border-radius:999px!important;
    color:transparent!important;-webkit-text-fill-color:transparent!important;background:transparent!important;box-shadow:none!important;
    cursor:ns-resize!important;touch-action:none!important;transform:none!important
}
#cc-ride-app .cc-finding-handle:before{
    content:"";position:absolute;top:9px;left:50%;width:44px;height:4px;border-radius:999px;
    background:#cfd6dc;box-shadow:none;transform:translateX(-50%)
}
#cc-ride-app .cc-finding-driver.is-sheet-collapsed .cc-finding-sheet{
    overflow:hidden;transform:translateY(calc(100% - 96px));box-shadow:0 -10px 34px rgba(7,30,53,.2)
}
#cc-ride-app .cc-finding-driver.is-sheet-collapsed .cc-finding-handle:before{background:#aebbc6}
#cc-ride-app .cc-finding-driver.is-sheet-collapsed .cc-finding-heading{pointer-events:none}

/* Rider live-state polish: arrived, waiting, destination and interrupted. */
#cc-ride-app .cc-finding-arrival-action,
#cc-ride-app .cc-finding-arrival-action:is(:hover,:focus,:focus-visible,:active){
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:9px!important;
    width:100%!important;
    min-height:49px!important;
    margin:11px 0 0!important;
    padding:0 18px!important;
    border:0!important;
    border-radius:16px!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    background:linear-gradient(135deg,#116ec8 0%,#08467f 100%)!important;
    box-shadow:0 10px 24px rgba(14,91,158,.2)!important;
    font-size:14px!important;
    font-weight:900!important;
    line-height:1!important;
    text-decoration:none!important;
}
#cc-ride-app .cc-finding-arrival-action[hidden]{display:none!important}
#cc-ride-app .cc-finding-arrival-action>span{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;color:#0a5b9c;background:#fff;font-size:13px;font-weight:950}
#cc-ride-app .cc-finding-arrival-action.is-sent,
#cc-ride-app .cc-finding-arrival-action.is-sent:is(:hover,:focus,:active){background:linear-gradient(135deg,#168d57,#0b6840)!important;box-shadow:0 10px 24px rgba(16,119,73,.18)!important}

#cc-ride-app .cc-finding-driver.is-arrived .cc-finding-sheet,
#cc-ride-app .cc-finding-driver.is-at_destination .cc-finding-sheet,
#cc-ride-app .cc-finding-driver.is-interrupted .cc-finding-sheet{padding-right:20px;padding-left:20px}
#cc-ride-app .cc-finding-driver.is-arrived .cc-finding-handle,
#cc-ride-app .cc-finding-driver.is-at_destination .cc-finding-handle,
#cc-ride-app .cc-finding-driver.is-interrupted .cc-finding-handle{margin-bottom:17px}
#cc-ride-app .cc-finding-driver.is-arrived .cc-finding-kicker,
#cc-ride-app .cc-finding-driver.is-at_destination .cc-finding-kicker,
#cc-ride-app .cc-finding-driver.is-interrupted .cc-finding-kicker{font-size:11px;font-weight:950;letter-spacing:.12em}
#cc-ride-app .cc-finding-driver.is-arrived .cc-finding-heading h2,
#cc-ride-app .cc-finding-driver.is-at_destination .cc-finding-heading h2,
#cc-ride-app .cc-finding-driver.is-interrupted .cc-finding-heading h2{font-size:31px;font-weight:950;letter-spacing:-.047em;line-height:1.02}
#cc-ride-app .cc-finding-driver.is-arrived .cc-finding-heading p,
#cc-ride-app .cc-finding-driver.is-at_destination .cc-finding-heading p,
#cc-ride-app .cc-finding-driver.is-interrupted .cc-finding-heading p{margin-top:7px;color:#617589;font-size:14px;line-height:1.35}

#cc-ride-app .cc-finding-driver.is-arrived #cc-finding-eta,
#cc-ride-app .cc-finding-driver.is-at_destination #cc-finding-eta,
#cc-ride-app .cc-finding-driver.is-interrupted #cc-finding-eta{padding:9px 12px;border-radius:999px;font-size:11px;font-weight:950;box-shadow:none}
#cc-ride-app .cc-finding-driver.is-arrived #cc-finding-eta,
#cc-ride-app .cc-finding-driver.is-wait-free #cc-finding-eta{color:#08754a;background:#e5f8ee}
#cc-ride-app .cc-finding-driver.is-wait-paid #cc-finding-eta{color:#845000;background:#fff0c7}
#cc-ride-app .cc-finding-driver.is-wait-final #cc-finding-eta,
#cc-ride-app .cc-finding-driver.is-wait-expired #cc-finding-eta{color:#a01931;background:#ffe7eb}

#cc-ride-app .cc-finding-driver.is-arrived .cc-finding-reassurance,
#cc-ride-app .cc-finding-driver.is-at_destination .cc-finding-reassurance,
#cc-ride-app .cc-finding-driver.is-interrupted .cc-finding-reassurance{grid-template-columns:46px 1fr;gap:12px;margin-top:14px;padding:13px 14px;border:0;border-radius:18px}
#cc-ride-app .cc-finding-driver.is-arrived .cc-finding-reassurance>span,
#cc-ride-app .cc-finding-driver.is-at_destination .cc-finding-reassurance>span,
#cc-ride-app .cc-finding-driver.is-interrupted .cc-finding-reassurance>span{width:46px;height:46px;border-radius:50%}
#cc-ride-app .cc-finding-driver.is-arrived .cc-finding-reassurance>span i,
#cc-ride-app .cc-finding-driver.is-at_destination .cc-finding-reassurance>span i,
#cc-ride-app .cc-finding-driver.is-interrupted .cc-finding-reassurance>span i{display:none}
#cc-ride-app .cc-finding-driver.is-arrived .cc-finding-reassurance>span b,
#cc-ride-app .cc-finding-driver.is-at_destination .cc-finding-reassurance>span b,
#cc-ride-app .cc-finding-driver.is-interrupted .cc-finding-reassurance>span b{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;color:#fff;box-shadow:none}
#cc-ride-app .cc-finding-driver.is-arrived .cc-finding-reassurance>span b:after{content:"✓";font-size:16px;font-weight:950}
#cc-ride-app .cc-finding-driver.is-arrived .cc-finding-reassurance strong,
#cc-ride-app .cc-finding-driver.is-at_destination .cc-finding-reassurance strong,
#cc-ride-app .cc-finding-driver.is-interrupted .cc-finding-reassurance strong{font-size:15px;font-weight:950}
#cc-ride-app .cc-finding-driver.is-arrived .cc-finding-reassurance small,
#cc-ride-app .cc-finding-driver.is-at_destination .cc-finding-reassurance small,
#cc-ride-app .cc-finding-driver.is-interrupted .cc-finding-reassurance small{margin-top:2px;font-size:12px;line-height:1.35}
#cc-ride-app .cc-finding-driver.is-wait-paid .cc-finding-reassurance{background:#fff6df!important}
#cc-ride-app .cc-finding-driver.is-wait-paid .cc-finding-reassurance>span{background:#ffedbd!important}
#cc-ride-app .cc-finding-driver.is-wait-paid .cc-finding-reassurance>span b{background:#dd9210!important}
#cc-ride-app .cc-finding-driver.is-wait-paid .cc-finding-reassurance>span b:after{content:"G$";font-size:10px;font-weight:950}
#cc-ride-app .cc-finding-driver.is-wait-final .cc-finding-reassurance,
#cc-ride-app .cc-finding-driver.is-wait-expired .cc-finding-reassurance{background:#fff0f2!important}
#cc-ride-app .cc-finding-driver.is-wait-final .cc-finding-reassurance>span,
#cc-ride-app .cc-finding-driver.is-wait-expired .cc-finding-reassurance>span{background:#ffe0e5!important}
#cc-ride-app .cc-finding-driver.is-wait-final .cc-finding-reassurance>span b,
#cc-ride-app .cc-finding-driver.is-wait-expired .cc-finding-reassurance>span b{background:#d72c47!important}
#cc-ride-app .cc-finding-driver.is-wait-final .cc-finding-reassurance>span b:after,
#cc-ride-app .cc-finding-driver.is-wait-expired .cc-finding-reassurance>span b:after{content:"!";font-size:16px;font-weight:950}

#cc-ride-app .cc-finding-driver.is-arrived .cc-finding-route{display:none!important}
#cc-ride-app .cc-finding-driver.is-arrived .cc-finding-driver-card,
#cc-ride-app .cc-finding-driver.is-at_destination .cc-finding-driver-card{grid-template-columns:58px minmax(0,1fr) 118px;gap:11px;margin-top:12px;padding:11px;border-color:#dbe5eb;border-radius:18px;background:#fff;box-shadow:0 8px 22px rgba(18,56,84,.06)}
#cc-ride-app .cc-finding-driver.is-arrived .cc-driver-avatar,
#cc-ride-app .cc-finding-driver.is-at_destination .cc-driver-avatar{width:58px;height:58px}
#cc-ride-app .cc-finding-driver.is-arrived .cc-finding-driver-card>p strong,
#cc-ride-app .cc-finding-driver.is-at_destination .cc-finding-driver-card>p strong{font-size:17px;font-weight:950}
#cc-ride-app .cc-finding-driver.is-arrived .cc-finding-driver-card>p em,
#cc-ride-app .cc-finding-driver.is-at_destination .cc-finding-driver-card>p em{margin-top:3px;font-size:12px}
#cc-ride-app .cc-finding-driver.is-arrived .cc-finding-contact,
#cc-ride-app .cc-finding-driver.is-at_destination .cc-finding-contact{gap:8px;margin-top:10px}
#cc-ride-app .cc-finding-driver.is-arrived .cc-finding-contact>a,
#cc-ride-app .cc-finding-driver.is-arrived .cc-finding-contact>button,
#cc-ride-app .cc-finding-driver.is-arrived .cc-finding-contact>a:is(:hover,:focus,:active),
#cc-ride-app .cc-finding-driver.is-arrived .cc-finding-contact>button:is(:hover,:focus,:active),
#cc-ride-app .cc-finding-driver.is-at_destination .cc-finding-contact>a,
#cc-ride-app .cc-finding-driver.is-at_destination .cc-finding-contact>button{min-height:48px!important;border-radius:16px!important;font-size:12px!important}
#cc-ride-app .cc-finding-driver.is-arrived .cc-finding-contact span,
#cc-ride-app .cc-finding-driver.is-at_destination .cc-finding-contact span{width:29px;height:29px}

#cc-ride-app .cc-finding-driver.is-at_destination .cc-finding-kicker{color:#168751}
#cc-ride-app .cc-finding-driver.is-at_destination #cc-finding-eta{color:#08754a;background:#e4f7ed}
#cc-ride-app .cc-finding-driver.is-at_destination .cc-finding-reassurance{background:#eaf8f0!important}
#cc-ride-app .cc-finding-driver.is-at_destination .cc-finding-reassurance>span{background:#d8f2e4}
#cc-ride-app .cc-finding-driver.is-at_destination .cc-finding-reassurance>span b{background:#168751}
#cc-ride-app .cc-finding-driver.is-at_destination .cc-finding-reassurance>span b:after{content:"✓";font-size:16px;font-weight:950}
#cc-ride-app .cc-finding-driver.is-at_destination .cc-finding-route{border-color:#d9eee1;background:#f2faf5}

#cc-ride-app .cc-finding-driver.is-interrupted .cc-finding-kicker{color:#9a6200}
#cc-ride-app .cc-finding-driver.is-interrupted .cc-finding-reassurance{background:#fff6df!important}
#cc-ride-app .cc-finding-driver.is-interrupted .cc-finding-reassurance>span{background:#ffedbd}
#cc-ride-app .cc-finding-driver.is-interrupted .cc-finding-reassurance>span b{background:#dd9210}
#cc-ride-app .cc-finding-driver.is-interrupted .cc-finding-reassurance>span b:after{content:"!";font-size:17px;font-weight:950}
#cc-ride-app .cc-finding-driver.is-interrupted .cc-finding-driver-card,
#cc-ride-app .cc-finding-driver.is-interrupted .cc-finding-contact,
#cc-ride-app .cc-finding-driver.is-interrupted .cc-finding-pickup-note{display:none!important}
#cc-ride-app .cc-finding-driver.is-interrupted .cc-finding-route{margin-top:12px;border-color:#efdfbb;background:#fffaf0}

@media(max-width:390px){
    #cc-ride-app .cc-finding-driver.is-arrived .cc-finding-heading h2,
    #cc-ride-app .cc-finding-driver.is-at_destination .cc-finding-heading h2,
    #cc-ride-app .cc-finding-driver.is-interrupted .cc-finding-heading h2{font-size:28px}
    #cc-ride-app .cc-finding-driver.is-arrived .cc-finding-driver-card,
    #cc-ride-app .cc-finding-driver.is-at_destination .cc-finding-driver-card{grid-template-columns:52px minmax(0,1fr) 102px;gap:8px}
    #cc-ride-app .cc-finding-driver.is-arrived .cc-driver-avatar,
    #cc-ride-app .cc-finding-driver.is-at_destination .cc-driver-avatar{width:52px;height:52px}
}
@media(max-width:390px){
    #cc-ride-app .cc-finding-home,#cc-ride-app .cc-finding-home:is(:hover,:focus,:active){left:12px!important}
}
@media(max-width:390px){
    #cc-ride-app .cc-finding-driver.is-approaching .cc-finding-heading h2{font-size:31px}
    #cc-ride-app .cc-finding-driver.is-approaching .cc-finding-contact>a,
    #cc-ride-app .cc-finding-driver.is-approaching .cc-finding-contact>button{gap:5px!important;padding:0 5px!important;font-size:12px!important}
    #cc-ride-app .cc-finding-driver.is-approaching .cc-finding-contact b{font-size:12px}
}

/* Driver-arrived visual: compact first-view layout and deliberate icon/text alignment. */
#cc-ride-app .cc-finding-driver.is-arrived .cc-finding-sheet{max-height:78svh}
#cc-ride-app .cc-finding-driver.is-arrived .cc-finding-arrival-action,
#cc-ride-app .cc-finding-driver.is-arrived .cc-finding-arrival-action:is(:hover,:focus,:focus-visible,:active){
    position:relative!important;justify-content:center!important;padding-right:58px!important;padding-left:58px!important
}
#cc-ride-app .cc-finding-driver.is-arrived .cc-finding-arrival-action>span{
    position:absolute;left:16px;width:31px;height:31px;font-size:15px
}
#cc-ride-app .cc-finding-driver.is-arrived .cc-finding-pickup-note{
    position:relative;grid-template-columns:42px minmax(0,1fr) 18px;gap:11px;min-height:62px;margin-top:10px;padding:10px 13px
}
#cc-ride-app .cc-finding-driver.is-arrived .cc-finding-pickup-note>span{width:40px;height:40px}
#cc-ride-app .cc-finding-driver.is-arrived .cc-finding-pickup-note>p{display:block;min-width:0;padding-top:17px;text-align:left}
#cc-ride-app .cc-finding-driver.is-arrived .cc-finding-pickup-note small{
    position:absolute;top:10px;left:50%;width:max-content;max-width:calc(100% - 120px);font-size:11px;text-align:center;transform:translateX(-50%)
}
#cc-ride-app .cc-finding-driver.is-arrived .cc-finding-pickup-note strong{display:block;font-size:14px;text-align:left}
#cc-ride-app .cc-finding-driver.is-arrived .cc-finding-pickup-note>.cc-finding-row-arrow{align-self:center;justify-self:end}
#cc-ride-app .cc-finding-driver.is-arrived .cc-finding-cancel,
#cc-ride-app .cc-finding-driver.is-arrived .cc-finding-cancel:is(:hover,:focus,:focus-visible,:active){
    position:relative!important;min-height:54px!important;margin-top:10px!important;padding-right:58px!important;padding-left:58px!important;
    border:0!important;border-radius:18px!important;color:#fff!important;-webkit-text-fill-color:#fff!important;
    background:linear-gradient(135deg,#ff5063 0%,#ef3150 52%,#dc1739 100%)!important;
    box-shadow:0 12px 26px rgba(210,27,60,.24),inset 0 1px 0 rgba(255,255,255,.2)!important
}
#cc-ride-app .cc-finding-driver.is-arrived .cc-finding-cancel>i{
    position:absolute;left:16px;display:grid!important;place-items:center;width:31px;height:31px;
    border:2px solid #fff;border-radius:50%;color:#fff;background:transparent;font-size:22px;font-weight:500;line-height:1
}
#cc-ride-app .cc-finding-driver.is-arrived .cc-finding-cancel>b{width:100%;color:#fff!important;-webkit-text-fill-color:#fff!important;text-align:center}

@media(max-width:390px){
    #cc-ride-app .cc-finding-driver.is-approaching .cc-finding-heading h2{font-size:30px}
}


/* Rider arrived + closed-pickup reference refresh — 2026-09-29. */
#cc-ride-app .cc-finding-driver.is-arrived .cc-finding-sheet{
    width:100%!important;max-height:80svh!important;padding:10px 18px calc(18px + env(safe-area-inset-bottom))!important;
    border-radius:32px 32px 0 0!important;background:#fff!important;box-shadow:0 -18px 55px rgba(14,46,76,.2)!important
}
#cc-ride-app .cc-finding-driver.is-arrived .cc-finding-handle{width:48px!important;height:5px!important;margin:0 auto 17px!important;background:#dfe5ea!important}
#cc-ride-app .cc-finding-driver.is-arrived .cc-finding-topline{align-items:center!important;gap:10px!important}
#cc-ride-app .cc-finding-driver.is-arrived .cc-finding-kicker{color:#58729c!important;font-size:11px!important;font-weight:950!important;letter-spacing:.12em!important}
#cc-ride-app .cc-finding-driver.is-arrived .cc-finding-heading h2{margin-top:9px!important;color:#07162c!important;font-size:36px!important;font-weight:950!important;line-height:1!important;letter-spacing:-.055em!important}
#cc-ride-app .cc-finding-driver.is-arrived .cc-finding-heading>p{margin-top:7px!important;color:#58708d!important;font-size:15px!important;line-height:1.35!important}
#cc-ride-app .cc-finding-driver.is-arrived #cc-finding-eta{
    position:relative!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:126px!important;min-height:36px!important;
    padding:0 13px 0 34px!important;border:1px solid #ccefdc!important;border-radius:999px!important;color:#07935b!important;
    background:#eafbf2!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.9)!important;font-size:11px!important;font-weight:950!important;font-variant-numeric:tabular-nums!important;white-space:nowrap!important
}
#cc-ride-app .cc-finding-driver.is-arrived #cc-finding-eta:before{
    content:"";position:absolute;left:12px;box-sizing:border-box;width:15px;height:15px;border:2px solid currentColor;border-radius:50%
}
#cc-ride-app .cc-finding-driver.is-arrived #cc-finding-eta:after{
    content:"";position:absolute;left:19px;top:10px;width:2px;height:6px;border-radius:2px;background:currentColor;box-shadow:3px 5px 0 -0.5px currentColor;transform-origin:bottom
}
#cc-ride-app .cc-finding-driver.is-arrived.is-wait-paid #cc-finding-eta{border-color:#f1d49b!important;color:#a56600!important;background:#fff5dc!important}
#cc-ride-app .cc-finding-driver.is-arrived.is-wait-final #cc-finding-eta{border-color:#ffc2c8!important;color:#bc243b!important;background:#fff0f2!important}
#cc-ride-app .cc-finding-driver.is-arrived.is-wait-expired #cc-finding-eta{border-color:#d9dfe5!important;color:#5d6d7d!important;background:#f1f4f6!important}
#cc-ride-app .cc-finding-driver.is-arrived.is-wait-paid .cc-finding-kicker{color:#9c6400!important}
#cc-ride-app .cc-finding-driver.is-arrived.is-wait-final .cc-finding-kicker,
#cc-ride-app .cc-finding-driver.is-arrived.is-wait-expired .cc-finding-kicker{color:#b3283d!important}
#cc-ride-app .cc-finding-driver.is-arrived .cc-finding-route{display:none!important}
#cc-ride-app .cc-finding-driver.is-arrived .cc-finding-reassurance{
    grid-template-columns:48px minmax(0,1fr)!important;gap:13px!important;margin:16px 0 12px!important;padding:14px!important;
    border:1px solid #cdebd9!important;border-radius:18px!important;background:linear-gradient(135deg,#effbf4,#e8f8ee)!important
}
#cc-ride-app .cc-finding-driver.is-arrived .cc-finding-reassurance>span{width:46px!important;height:46px!important;border-radius:50%!important;background:#08a65e!important}
#cc-ride-app .cc-finding-driver.is-arrived .cc-finding-reassurance>span i{display:none!important}
#cc-ride-app .cc-finding-driver.is-arrived .cc-finding-reassurance>span b{display:grid!important;place-items:center!important;width:46px!important;height:46px!important;border-radius:50%!important;background:#08a65e!important;box-shadow:none!important}
#cc-ride-app .cc-finding-driver.is-arrived .cc-finding-reassurance>span b:after{content:"✓";color:#fff;font-size:24px;font-weight:950}
#cc-ride-app .cc-finding-driver.is-arrived .cc-finding-reassurance strong{color:#07162c!important;font-size:14px!important;font-weight:950!important}
#cc-ride-app .cc-finding-driver.is-arrived .cc-finding-reassurance small{margin-top:3px!important;color:#5d7492!important;font-size:11px!important;line-height:1.35!important}
#cc-ride-app .cc-finding-driver.is-arrived.is-wait-paid .cc-finding-reassurance{border-color:#f0ddb2!important;background:linear-gradient(135deg,#fff9e9,#fff3d5)!important}
#cc-ride-app .cc-finding-driver.is-arrived.is-wait-final .cc-finding-reassurance,
#cc-ride-app .cc-finding-driver.is-arrived.is-wait-expired .cc-finding-reassurance{border-color:#f3ccd2!important;background:linear-gradient(135deg,#fff5f6,#ffecee)!important}
#cc-ride-app .cc-finding-driver.is-arrived .cc-finding-driver-card{
    grid-template-columns:62px minmax(0,1fr) 132px!important;gap:12px!important;min-height:94px!important;margin-top:0!important;padding:12px!important;
    border:1px solid #dce7ef!important;border-radius:18px!important;background:#fff!important;box-shadow:0 7px 20px rgba(26,62,96,.065)!important
}
#cc-ride-app .cc-finding-driver.is-arrived .cc-driver-avatar{width:58px!important;height:58px!important;border:1px solid #d8e0e6!important;color:#64768b!important;background:linear-gradient(145deg,#ced3d8,#f9fbfc)!important;box-shadow:inset 0 0 0 4px #fff!important;font-size:19px!important}
#cc-ride-app .cc-finding-driver.is-arrived .cc-finding-driver-card>p{min-width:0!important}
#cc-ride-app .cc-finding-driver.is-arrived .cc-finding-driver-card>p>small{display:block!important;color:#58729c!important;font-size:9px!important;font-weight:950!important;letter-spacing:.12em!important}
#cc-ride-app .cc-finding-driver.is-arrived .cc-finding-driver-card>p strong{overflow:hidden!important;color:#071b45!important;font-size:17px!important;font-weight:950!important;text-overflow:ellipsis!important;white-space:nowrap!important}
#cc-ride-app .cc-finding-driver.is-arrived .cc-finding-driver-card>p em{margin-top:4px!important;color:#51759c!important;font-size:10px!important;font-weight:750!important;white-space:nowrap!important}
#cc-ride-app .cc-finding-driver.is-arrived .cc-finding-vehicle-block{display:grid!important;grid-template-rows:49px auto!important;justify-items:stretch!important;gap:3px!important;max-width:none!important;text-align:center!important}
#cc-ride-app .cc-finding-driver.is-arrived .cc-driver-vehicle-image{display:block!important;width:100%!important;height:49px!important;border-radius:10px!important;background:#f5f8fb url('../images/ride-sedan-choice.png') center/92% auto no-repeat!important}
#cc-ride-app .cc-finding-driver.is-arrived .cc-driver-vehicle-copy{display:flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;min-width:0!important}
#cc-ride-app .cc-finding-driver.is-arrived .cc-driver-vehicle-copy>#cc-finding-plate{display:block!important;padding:3px 5px!important;border:1px solid #d3dce4!important;border-radius:5px!important;color:#08152a!important;background:#fff!important;font-size:9px!important;font-weight:950!important;letter-spacing:.055em!important}
#cc-ride-app .cc-finding-driver.is-arrived .cc-driver-vehicle-copy>#cc-finding-vehicle{display:block!important;overflow:hidden!important;max-width:76px!important;color:#58708a!important;font-size:8px!important;line-height:1.1!important;text-overflow:ellipsis!important;white-space:nowrap!important}
#cc-ride-app .cc-finding-driver.is-arrived .cc-finding-contact{gap:8px!important;margin-top:10px!important}
#cc-ride-app .cc-finding-driver.is-arrived .cc-finding-contact>a,
#cc-ride-app .cc-finding-driver.is-arrived .cc-finding-contact>button,
#cc-ride-app .cc-finding-driver.is-arrived .cc-finding-contact>a:is(:hover,:focus,:active),
#cc-ride-app .cc-finding-driver.is-arrived .cc-finding-contact>button:is(:hover,:focus,:active){min-height:50px!important;padding:0 8px!important;border:1px solid #d4e4ef!important;border-radius:17px!important;color:#0a2754!important;-webkit-text-fill-color:#0a2754!important;background:linear-gradient(180deg,#fbfdff,#f1f8fc)!important;box-shadow:none!important;font-size:11px!important;font-weight:900!important;transform:none!important}
#cc-ride-app .cc-finding-driver.is-arrived .cc-finding-contact span{width:30px!important;height:30px!important;background:#147bd8!important}
#cc-ride-app .cc-finding-driver.is-arrived .cc-finding-contact span.is-whatsapp{background:#11aa58!important}
#cc-ride-app .cc-finding-driver.is-arrived .cc-finding-contact svg{width:16px!important;height:16px!important;fill:none!important;stroke:#fff!important;stroke-width:1.9!important;stroke-linecap:round!important;stroke-linejoin:round!important}
#cc-ride-app .cc-finding-driver.is-arrived .cc-finding-contact .is-whatsapp svg path:last-child{fill:#fff!important;stroke:none!important}
#cc-ride-app .cc-finding-driver.is-arrived .cc-finding-arrival-action,
#cc-ride-app .cc-finding-driver.is-arrived .cc-finding-arrival-action:is(:hover,:focus,:active){display:flex!important;align-items:center!important;justify-content:center!important;position:relative!important;width:100%!important;min-height:56px!important;margin-top:10px!important;padding:0 18px!important;border:0!important;border-radius:18px!important;color:#fff!important;-webkit-text-fill-color:#fff!important;background:linear-gradient(135deg,#0a8cf0,#0767cd)!important;box-shadow:0 10px 24px rgba(9,116,215,.22)!important;font-size:15px!important;font-weight:950!important;transform:none!important}
#cc-ride-app .cc-finding-driver.is-arrived .cc-finding-arrival-action[hidden]{display:none!important}
#cc-ride-app .cc-finding-driver.is-arrived .cc-finding-arrival-action>span{position:absolute!important;left:14px!important;display:grid!important;place-items:center!important;width:36px!important;height:36px!important;border-radius:50%!important;color:#0876dc!important;-webkit-text-fill-color:#0876dc!important;background:#fff!important;font-size:18px!important;font-weight:950!important}
#cc-ride-app .cc-finding-driver.is-arrived .cc-finding-pickup-note{grid-template-columns:39px minmax(0,1fr) 16px!important;gap:11px!important;margin-top:9px!important;padding:10px 12px!important;border:1px solid #dce7ef!important;border-radius:17px!important;background:#eef8ff!important}
#cc-ride-app .cc-finding-driver.is-arrived .cc-finding-pickup-note>span{width:37px!important;height:37px!important;color:#147bd8!important;background:#dcefff!important}
#cc-ride-app .cc-finding-driver.is-arrived .cc-finding-pickup-note small{color:#5d7696!important;font-size:9px!important;font-weight:950!important;letter-spacing:.1em!important}
#cc-ride-app .cc-finding-driver.is-arrived .cc-finding-pickup-note strong{overflow:hidden!important;color:#081a3d!important;font-size:12px!important;text-overflow:ellipsis!important;white-space:nowrap!important}
#cc-ride-app .cc-finding-driver.is-arrived .cc-finding-pickup-note .cc-finding-row-arrow{display:block!important}
#cc-ride-app .cc-finding-driver.is-arrived .cc-finding-cancel,
#cc-ride-app .cc-finding-driver.is-arrived .cc-finding-cancel:is(:hover,:focus,:active){min-height:56px!important;margin-top:10px!important;border:0!important;border-radius:18px!important;color:#fff!important;-webkit-text-fill-color:#fff!important;background:linear-gradient(135deg,#ff526c,#ef2f55)!important;box-shadow:0 10px 24px rgba(238,47,83,.2)!important;font-size:15px!important;font-weight:950!important;transform:none!important}
#cc-ride-app .cc-finding-driver.is-arrived .cc-finding-cancel>i{width:29px!important;height:29px!important;border:2px solid #fff!important;color:#fff!important;background:transparent!important}

body:has(#cc-ride-closed-modal:not([hidden])){overflow:hidden!important}
#cc-ride-app .cc-ride-closed-modal{display:flex!important;align-items:flex-end!important;justify-content:stretch!important;padding:0!important;background:rgba(3,15,28,.65)!important;backdrop-filter:blur(10px)!important}
#cc-ride-app .cc-ride-closed-modal[hidden]{display:none!important}
#cc-ride-app .cc-ride-closed-card{box-sizing:border-box!important;width:100%!important;max-width:none!important;max-height:94dvh!important;overflow-y:auto!important;margin:0!important;padding:28px 22px max(24px,env(safe-area-inset-bottom))!important;border:0!important;border-radius:32px 32px 0 0!important;color:#07192f!important;background:#fff!important;box-shadow:0 -24px 70px rgba(0,18,38,.32)!important}
#cc-ride-app .cc-ride-closed-mark{width:54px!important;height:54px!important;margin-bottom:22px!important;font-size:31px!important;font-weight:500!important;box-shadow:0 12px 28px rgba(209,26,53,.24)!important}
#cc-ride-app .cc-ride-closed-top small{font-size:11px!important;letter-spacing:.13em!important}
#cc-ride-app .cc-ride-closed-top>b{padding:9px 14px!important;font-size:11px!important}
#cc-ride-app .cc-ride-closed-card h2{margin:13px 0 6px!important;max-width:330px!important;font-size:34px!important;line-height:1.02!important;letter-spacing:-.052em!important}
#cc-ride-app .cc-ride-closed-card>p{max-width:410px!important;font-size:15px!important;line-height:1.45!important}
#cc-ride-app .cc-ride-closed-fee{margin-top:21px!important;padding:17px 16px!important;border-radius:20px!important}
#cc-ride-app .cc-ride-closed-fee span{font-size:10px!important;letter-spacing:.07em!important}
#cc-ride-app .cc-ride-closed-fee span strong{margin-top:4px!important;font-size:24px!important}
#cc-ride-app .cc-ride-closed-fee>b{font-size:12px!important}
#cc-ride-app .cc-ride-closed-primary,
#cc-ride-app .cc-ride-closed-primary:is(:hover,:focus,:focus-visible,:active),
#cc-ride-app .cc-ride-closed-secondary,
#cc-ride-app .cc-ride-closed-secondary:is(:hover,:focus,:focus-visible,:active){display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-height:60px!important;margin-top:12px!important;border-radius:20px!important;font-size:15px!important;font-weight:950!important;transform:none!important}
#cc-ride-app .cc-ride-closed-primary,
#cc-ride-app .cc-ride-closed-primary:is(:hover,:focus,:focus-visible,:active){color:#fff!important;-webkit-text-fill-color:#fff!important;background:linear-gradient(135deg,#164d7f,#082746)!important;box-shadow:0 12px 28px rgba(8,42,75,.2)!important}
#cc-ride-app .cc-ride-closed-secondary,
#cc-ride-app .cc-ride-closed-secondary:is(:hover,:focus,:focus-visible,:active){color:#0b2d52!important;-webkit-text-fill-color:#0b2d52!important;background:#f2f7fa!important;border:1px solid #d8e3ea!important;box-shadow:none!important}
@media(max-width:390px){
    #cc-ride-app .cc-finding-driver.is-arrived .cc-finding-sheet{max-height:82svh!important;padding-right:14px!important;padding-left:14px!important}
    #cc-ride-app .cc-finding-driver.is-arrived .cc-finding-heading h2{font-size:33px!important}
    #cc-ride-app .cc-finding-driver.is-arrived .cc-finding-driver-card{grid-template-columns:56px minmax(0,1fr) 116px!important;gap:9px!important;padding:10px!important}
    #cc-ride-app .cc-finding-driver.is-arrived .cc-driver-avatar{width:52px!important;height:52px!important}
    #cc-ride-app .cc-finding-driver.is-arrived .cc-finding-contact b{font-size:10px!important}
    #cc-ride-app .cc-ride-closed-card{padding-right:18px!important;padding-left:18px!important}
}
@media(min-width:760px){
    #cc-ride-app .cc-finding-driver.is-arrived .cc-finding-sheet{right:28px!important;bottom:28px!important;left:auto!important;width:430px!important;max-height:calc(100svh - 56px)!important;border-radius:28px!important}
    #cc-ride-app .cc-ride-closed-card{width:min(100%,560px)!important;margin:0 auto!important;border-radius:32px 32px 0 0!important}
}


/* Rider state uniformity polish — 2026-09-29 */
@media (max-width:759px){
#cc-ride-app .cc-finding-driver.is-approaching .cc-finding-sheet,
#cc-ride-app .cc-finding-driver.is-arrived .cc-finding-sheet,
#cc-ride-app .cc-finding-driver.is-in_ride .cc-finding-sheet,
#cc-ride-app .cc-finding-driver.is-at_destination .cc-finding-sheet{left:0!important;right:0!important;bottom:0!important;width:100%!important;max-height:82svh!important;padding:10px 14px max(18px,env(safe-area-inset-bottom))!important;border-radius:32px 32px 0 0!important}
}
#cc-ride-app .cc-finding-driver:not(.is-searching) .cc-finding-summary{display:none!important}
#cc-ride-app .cc-finding-driver.is-approaching .cc-finding-handle,
#cc-ride-app .cc-finding-driver.is-arrived .cc-finding-handle,
#cc-ride-app .cc-finding-driver.is-in_ride .cc-finding-handle,
#cc-ride-app .cc-finding-driver.is-at_destination .cc-finding-handle{width:86px!important;height:24px!important;min-height:24px!important;margin:-3px auto 8px!important;border:0!important;border-radius:999px!important;background:transparent!important;box-shadow:none!important;outline:none!important}
#cc-ride-app .cc-finding-driver:not(.is-searching) .cc-finding-reassurance,
#cc-ride-app .cc-finding-driver:not(.is-searching) .cc-finding-driver-card,
#cc-ride-app .cc-finding-driver:not(.is-searching) .cc-finding-contact,
#cc-ride-app .cc-finding-driver:not(.is-searching) .cc-finding-route,
#cc-ride-app .cc-finding-driver:not(.is-searching) .cc-finding-pickup-note,
#cc-ride-app .cc-finding-driver:not(.is-searching) .cc-finding-options,
#cc-ride-app .cc-finding-driver:not(.is-searching) .cc-finding-cancel,
#cc-ride-app .cc-finding-driver:not(.is-searching) .cc-finding-arrival-action{box-sizing:border-box!important;width:100%!important;max-width:none!important}
#cc-ride-app .cc-finding-driver.is-approaching .cc-finding-driver-card,
#cc-ride-app .cc-finding-driver.is-arrived .cc-finding-driver-card,
#cc-ride-app .cc-finding-driver.is-in_ride .cc-finding-driver-card,
#cc-ride-app .cc-finding-driver.is-at_destination .cc-finding-driver-card{grid-template-columns:58px minmax(0,1fr) minmax(108px,32%)!important;gap:10px!important;min-height:90px!important;margin-top:11px!important;padding:11px!important;border:1px solid #dbe7ef!important;border-radius:18px!important;background:#fff!important}
#cc-ride-app .cc-finding-driver:not(.is-searching) .cc-finding-driver-card>p>small{display:block!important;font-size:13px!important;line-height:1.2!important}
#cc-ride-app .cc-finding-driver:not(.is-searching) .cc-finding-driver-card>p>strong{font-size:17px!important;line-height:1.15!important}
#cc-ride-app .cc-finding-driver:not(.is-searching) .cc-finding-driver-card>p>em{font-size:12px!important;line-height:1.25!important}
#cc-ride-app .cc-finding-driver.is-approaching .cc-finding-vehicle-block,
#cc-ride-app .cc-finding-driver.is-arrived .cc-finding-vehicle-block,
#cc-ride-app .cc-finding-driver.is-in_ride .cc-finding-vehicle-block,
#cc-ride-app .cc-finding-driver.is-at_destination .cc-finding-vehicle-block{display:grid!important;grid-template-rows:48px auto!important;gap:4px!important;justify-items:stretch!important;max-width:none!important;text-align:center!important}
#cc-ride-app .cc-finding-driver:not(.is-searching) .cc-driver-vehicle-image{display:block!important;width:100%!important;height:48px!important;border-radius:10px!important;background:url('../images/ride-sedan-choice.png') center/92% auto no-repeat #f5f8fb!important}
#cc-ride-app .cc-finding-driver:not(.is-searching) .cc-driver-vehicle-copy{display:flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;min-width:0!important}
#cc-ride-app .cc-finding-driver:not(.is-searching) #cc-finding-plate{display:block!important;padding:3px 6px!important;border:1px solid #cedae3!important;border-radius:5px!important;background:#fff!important;color:#071a35!important;font-size:10px!important;font-weight:950!important;letter-spacing:.045em!important;white-space:nowrap!important}
#cc-ride-app .cc-finding-driver:not(.is-searching) #cc-finding-vehicle{display:block!important;overflow:hidden!important;max-width:78px!important;color:#526d88!important;font-size:10px!important;font-weight:750!important;line-height:1.15!important;text-overflow:ellipsis!important;white-space:nowrap!important}
#cc-ride-app .cc-finding-driver:not(.is-searching) .cc-finding-kicker{font-size:11px!important}
#cc-ride-app .cc-finding-driver:not(.is-searching) .cc-finding-heading p{font-size:14px!important;line-height:1.4!important}
#cc-ride-app .cc-finding-driver:not(.is-searching) .cc-finding-reassurance strong{font-size:15px!important}
#cc-ride-app .cc-finding-driver:not(.is-searching) .cc-finding-reassurance small{font-size:12px!important;line-height:1.4!important}
#cc-ride-app .cc-finding-driver:not(.is-searching) .cc-finding-route small,
#cc-ride-app .cc-finding-driver:not(.is-searching) .cc-finding-pickup-note small{font-size:10px!important}
#cc-ride-app .cc-finding-driver:not(.is-searching) .cc-finding-route strong,
#cc-ride-app .cc-finding-driver:not(.is-searching) .cc-finding-pickup-note strong{font-size:13px!important;line-height:1.3!important}
#cc-ride-app .cc-finding-driver.is-arrived #cc-finding-eta{position:relative!important;min-width:0!important;padding:9px 13px 9px 38px!important;color:#079f61!important;font-size:12px!important;text-align:left!important}
#cc-ride-app .cc-finding-driver.is-arrived #cc-finding-eta:before{content:''!important;position:absolute!important;left:13px!important;top:50%!important;width:15px!important;height:15px!important;border:2px solid currentColor!important;border-radius:50%!important;transform:translateY(-50%)!important}
#cc-ride-app .cc-finding-driver.is-arrived #cc-finding-eta:after{content:''!important;position:absolute!important;left:20px!important;top:50%!important;width:5px!important;height:6px!important;border-left:2px solid currentColor!important;border-bottom:2px solid currentColor!important;border-radius:0 0 0 1px!important;transform:translateY(-62%) rotate(-45deg)!important;transform-origin:bottom left!important}
#cc-ride-app .cc-finding-driver.is-arrived.is-wait-paid #cc-finding-eta{color:#9a6400!important;background:#fff4d6!important}
#cc-ride-app .cc-finding-driver.is-arrived.is-wait-final #cc-finding-eta,
#cc-ride-app .cc-finding-driver.is-arrived.is-wait-expired #cc-finding-eta{color:#ba2941!important;background:#ffe9ed!important}
#cc-ride-app .cc-finding-driver.is-in_ride .cc-finding-options{border-radius:18px!important}
#cc-ride-app .cc-finding-driver.is-at_destination .cc-finding-route{margin-top:10px!important;padding:13px 14px!important;border:1px solid #d9eee1!important;border-radius:17px!important}
#cc-ride-app .cc-ride-feedback{align-items:flex-end!important;justify-content:stretch!important;padding:0!important}
#cc-ride-app .cc-feedback-card{box-sizing:border-box!important;width:100%!important;max-width:none!important;margin:0!important;padding:28px 20px max(24px,env(safe-area-inset-bottom))!important;border:0!important;border-radius:32px 32px 0 0!important}
#cc-ride-app .cc-feedback-card>small{font-size:11px!important}
#cc-ride-app .cc-feedback-card h2{font-size:31px!important;line-height:1.08!important}
#cc-ride-app .cc-feedback-card>p{font-size:14px!important;line-height:1.4!important}
#cc-ride-app #cc-feedback-notes{display:block!important;box-sizing:border-box!important;width:100%!important;max-width:none!important;min-height:104px!important;padding:14px!important;font-size:14px!important}
#cc-ride-app .cc-feedback-submit{width:100%!important;max-width:none!important;min-height:58px!important;font-size:15px!important}
#cc-ride-app .cc-feedback-skip{font-size:13px!important}
@media (max-width:390px){
#cc-ride-app .cc-finding-driver.is-approaching .cc-finding-driver-card,
#cc-ride-app .cc-finding-driver.is-arrived .cc-finding-driver-card,
#cc-ride-app .cc-finding-driver.is-in_ride .cc-finding-driver-card,
#cc-ride-app .cc-finding-driver.is-at_destination .cc-finding-driver-card{grid-template-columns:52px minmax(0,1fr) 104px!important;gap:8px!important;padding:10px!important}
#cc-ride-app .cc-finding-driver:not(.is-searching) #cc-finding-vehicle{max-width:67px!important}
#cc-ride-app .cc-feedback-stars{gap:4px!important}
#cc-ride-app .cc-feedback-stars button{width:40px!important;height:40px!important}
}


/* Rider drawer handle: remove shadow in all states - 2026-09-29 */
#cc-ride-app .cc-finding-handle,
#cc-ride-app .cc-finding-handle:hover,
#cc-ride-app .cc-finding-handle:focus,
#cc-ride-app .cc-finding-handle:active{box-shadow:none!important;filter:none!important;text-shadow:none!important;background-image:none!important;outline:none!important}

/* === Caricove Rides: clean vehicle identity card === */
#cc-ride-app .cc-finding-driver.is-approaching .cc-finding-vehicle-block,
#cc-ride-app .cc-finding-driver.is-arrived .cc-finding-vehicle-block,
#cc-ride-app .cc-finding-driver.is-in_ride .cc-finding-vehicle-block,
#cc-ride-app .cc-finding-driver.is-at_destination .cc-finding-vehicle-block{
    display:grid!important;
    grid-template-rows:58px auto!important;
    grid-template-columns:1fr!important;
    align-items:center!important;
    justify-items:stretch!important;
    gap:7px!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
    padding:8px!important;
    border:1px solid #dfe6ec!important;
    border-radius:16px!important;
    background:#f8fafc!important;
    box-shadow:none!important;
    text-align:center!important;
}

#cc-ride-app .cc-finding-driver .cc-driver-vehicle-image{
    display:block!important;
    width:100%!important;
    height:58px!important;
    min-width:0!important;
    border:0!important;
    border-radius:11px!important;
    background:transparent url('../images/ride-sedan-choice.png') center/contain no-repeat!important;
    box-shadow:none!important;
}

#cc-ride-app .cc-finding-driver .cc-driver-vehicle-copy{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:5px!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
}

#cc-ride-app .cc-finding-driver #cc-finding-vehicle,
#cc-ride-app .cc-finding-driver #cc-finding-plate{
    box-sizing:border-box!important;
    display:block!important;
    overflow:visible!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:6px 7px!important;
    border:1px solid #d9e2ea!important;
    border-radius:8px!important;
    background:#fff!important;
    box-shadow:none!important;
    color:#101828!important;
    -webkit-text-fill-color:#101828!important;
    font-style:normal!important;
    font-weight:850!important;
    line-height:1.15!important;
    text-align:center!important;
    text-overflow:clip!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
}

#cc-ride-app .cc-finding-driver #cc-finding-vehicle{
    font-size:14px!important;
}

#cc-ride-app .cc-finding-driver #cc-finding-plate{
    font-size:14px!important;
    font-weight:950!important;
    letter-spacing:.045em!important;
}

#cc-ride-app .cc-finding-driver #cc-finding-vehicle:empty::before{
    content:'Toyota Corolla';
    color:#101828;
    -webkit-text-fill-color:#101828;
}

#cc-ride-app .cc-finding-driver #cc-finding-plate:empty::before{
    content:'PXX 1234';
    color:#101828;
    -webkit-text-fill-color:#101828;
}

@media (max-width:420px){
    #cc-ride-app .cc-finding-driver.is-approaching .cc-finding-vehicle-block,
    #cc-ride-app .cc-finding-driver.is-arrived .cc-finding-vehicle-block,
    #cc-ride-app .cc-finding-driver.is-in_ride .cc-finding-vehicle-block,
    #cc-ride-app .cc-finding-driver.is-at_destination .cc-finding-vehicle-block{
        grid-template-rows:52px auto!important;
        gap:5px!important;
        padding:7px!important;
    }
    #cc-ride-app .cc-finding-driver .cc-driver-vehicle-image{
        height:52px!important;
    }
    #cc-ride-app .cc-finding-driver #cc-finding-vehicle,
    #cc-ride-app .cc-finding-driver #cc-finding-plate{
        padding:5px 4px!important;
        font-size:12px!important;
        line-height:1.1!important;
        border-radius:7px!important;
        white-space:normal!important;
        text-overflow:clip!important;
        overflow:visible!important;
    }
}

/* === Caricove Rides: FINAL vehicle stack lock — do not place fields side-by-side === */
#cc-ride-app .cc-finding-driver:not(.is-searching) .cc-finding-driver-card .cc-finding-vehicle-block .cc-driver-vehicle-copy{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    gap:5px!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
}

#cc-ride-app .cc-finding-driver:not(.is-searching) .cc-finding-driver-card .cc-finding-vehicle-block .cc-driver-vehicle-copy #cc-finding-vehicle,
#cc-ride-app .cc-finding-driver:not(.is-searching) .cc-finding-driver-card .cc-finding-vehicle-block .cc-driver-vehicle-copy #cc-finding-plate{
    display:block!important;
    flex:0 0 auto!important;
    box-sizing:border-box!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    margin:0!important;
    padding:6px 7px!important;
    overflow:visible!important;
    white-space:normal!important;
    text-overflow:clip!important;
    overflow-wrap:anywhere!important;
    word-break:normal!important;
    line-height:1.15!important;
    text-align:center!important;
}

#cc-ride-app .cc-finding-driver:not(.is-searching) .cc-finding-driver-card .cc-finding-vehicle-block .cc-driver-vehicle-copy #cc-finding-vehicle{
    font-size:10px!important;
}

#cc-ride-app .cc-finding-driver:not(.is-searching) .cc-finding-driver-card .cc-finding-vehicle-block .cc-driver-vehicle-copy #cc-finding-plate{
    font-size:10px!important;
}

@media (max-width:420px){
    #cc-ride-app .cc-finding-driver:not(.is-searching) .cc-finding-driver-card .cc-finding-vehicle-block .cc-driver-vehicle-copy #cc-finding-vehicle,
    #cc-ride-app .cc-finding-driver:not(.is-searching) .cc-finding-driver-card .cc-finding-vehicle-block .cc-driver-vehicle-copy #cc-finding-plate{
        font-size:9px!important;
        padding:5px 6px!important;
    }
}

/* === Caricove Rides: widen vehicle panel + pin driver copy to top-left === */
#cc-ride-app .cc-finding-driver:not(.is-searching) .cc-finding-driver-card,
#cc-ride-app .cc-finding-driver.is-approaching .cc-finding-driver-card,
#cc-ride-app .cc-finding-driver.is-arrived .cc-finding-driver-card,
#cc-ride-app .cc-finding-driver.is-in_ride .cc-finding-driver-card,
#cc-ride-app .cc-finding-driver.is-at_destination .cc-finding-driver-card{
    grid-template-columns:58px minmax(0,1fr) minmax(124px,36%)!important;
    align-items:start!important;
}

#cc-ride-app .cc-finding-driver:not(.is-searching) .cc-finding-driver-card>p{
    align-self:start!important;
    justify-self:start!important;
    margin:0!important;
    padding:2px 0 0!important;
    text-align:left!important;
}

#cc-ride-app .cc-finding-driver:not(.is-searching) .cc-finding-driver-card>p>small,
#cc-ride-app .cc-finding-driver:not(.is-searching) .cc-finding-driver-card>p>strong,
#cc-ride-app .cc-finding-driver:not(.is-searching) .cc-finding-driver-card>p>em{
    text-align:left!important;
}

#cc-ride-app .cc-finding-driver:not(.is-searching) .cc-finding-vehicle-block{
    width:100%!important;
    min-width:124px!important;
    max-width:none!important;
}

@media (max-width:420px){
    #cc-ride-app .cc-finding-driver:not(.is-searching) .cc-finding-driver-card,
    #cc-ride-app .cc-finding-driver.is-approaching .cc-finding-driver-card,
    #cc-ride-app .cc-finding-driver.is-arrived .cc-finding-driver-card,
    #cc-ride-app .cc-finding-driver.is-in_ride .cc-finding-driver-card,
    #cc-ride-app .cc-finding-driver.is-at_destination .cc-finding-driver-card{
        grid-template-columns:52px minmax(0,1fr) 122px!important;
        gap:8px!important;
    }

    #cc-ride-app .cc-finding-driver:not(.is-searching) .cc-finding-vehicle-block{
        min-width:122px!important;
    }
}

/* === Caricove Rides: enlarge vehicle panel + every item inside (final lock) === */
#cc-ride-app .cc-finding-driver:not(.is-searching) .cc-finding-driver-card,
#cc-ride-app .cc-finding-driver.is-approaching .cc-finding-driver-card,
#cc-ride-app .cc-finding-driver.is-arrived .cc-finding-driver-card,
#cc-ride-app .cc-finding-driver.is-in_ride .cc-finding-driver-card,
#cc-ride-app .cc-finding-driver.is-at_destination .cc-finding-driver-card{
    grid-template-columns:58px minmax(0,1fr) minmax(146px,40%)!important;
    column-gap:10px!important;
    align-items:start!important;
}

#cc-ride-app .cc-finding-driver:not(.is-searching) .cc-finding-vehicle-block,
#cc-ride-app .cc-finding-driver.is-approaching .cc-finding-vehicle-block,
#cc-ride-app .cc-finding-driver.is-arrived .cc-finding-vehicle-block,
#cc-ride-app .cc-finding-driver.is-in_ride .cc-finding-vehicle-block,
#cc-ride-app .cc-finding-driver.is-at_destination .cc-finding-vehicle-block{
    width:100%!important;
    min-width:146px!important;
    grid-template-rows:72px auto!important;
    gap:7px!important;
    padding:8px!important;
    border-radius:18px!important;
}

#cc-ride-app .cc-finding-driver:not(.is-searching) .cc-driver-vehicle-image,
#cc-ride-app .cc-finding-driver.is-approaching .cc-driver-vehicle-image,
#cc-ride-app .cc-finding-driver.is-arrived .cc-driver-vehicle-image,
#cc-ride-app .cc-finding-driver.is-in_ride .cc-driver-vehicle-image,
#cc-ride-app .cc-finding-driver.is-at_destination .cc-driver-vehicle-image{
    width:100%!important;
    height:72px!important;
    border-radius:13px!important;
    background-size:96% auto!important;
}

#cc-ride-app .cc-finding-driver:not(.is-searching) .cc-driver-vehicle-copy{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    gap:7px!important;
    width:100%!important;
}

#cc-ride-app .cc-finding-driver:not(.is-searching) .cc-finding-vehicle-block .cc-driver-vehicle-copy #cc-finding-vehicle,
#cc-ride-app .cc-finding-driver:not(.is-searching) .cc-finding-vehicle-block .cc-driver-vehicle-copy #cc-finding-plate{
    width:100%!important;
    min-height:36px!important;
    padding:8px 10px!important;
    border-radius:10px!important;
    font-size:12px!important;
    line-height:1.18!important;
    font-weight:900!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    overflow-wrap:anywhere!important;
    text-align:center!important;
}

@media (max-width:420px){
    #cc-ride-app .cc-finding-driver:not(.is-searching) .cc-finding-driver-card,
    #cc-ride-app .cc-finding-driver.is-approaching .cc-finding-driver-card,
    #cc-ride-app .cc-finding-driver.is-arrived .cc-finding-driver-card,
    #cc-ride-app .cc-finding-driver.is-in_ride .cc-finding-driver-card,
    #cc-ride-app .cc-finding-driver.is-at_destination .cc-finding-driver-card{
        grid-template-columns:52px minmax(0,1fr) 140px!important;
        gap:8px!important;
    }

    #cc-ride-app .cc-finding-driver:not(.is-searching) .cc-finding-vehicle-block,
    #cc-ride-app .cc-finding-driver.is-approaching .cc-finding-vehicle-block,
    #cc-ride-app .cc-finding-driver.is-arrived .cc-finding-vehicle-block,
    #cc-ride-app .cc-finding-driver.is-in_ride .cc-finding-vehicle-block,
    #cc-ride-app .cc-finding-driver.is-at_destination .cc-finding-vehicle-block{
        min-width:140px!important;
    }

    #cc-ride-app .cc-finding-driver:not(.is-searching) .cc-finding-vehicle-block .cc-driver-vehicle-copy #cc-finding-vehicle,
    #cc-ride-app .cc-finding-driver:not(.is-searching) .cc-finding-vehicle-block .cc-driver-vehicle-copy #cc-finding-plate{
        font-size:11px!important;
        min-height:34px!important;
        padding:7px 8px!important;
    }
}

/* === Caricove Rides: driver info vertical stack + wider vehicle panel (final lock) === */
#cc-ride-app .cc-finding-driver:not(.is-searching) .cc-finding-driver-card,
#cc-ride-app .cc-finding-driver.is-approaching .cc-finding-driver-card,
#cc-ride-app .cc-finding-driver.is-arrived .cc-finding-driver-card,
#cc-ride-app .cc-finding-driver.is-in_ride .cc-finding-driver-card,
#cc-ride-app .cc-finding-driver.is-at_destination .cc-finding-driver-card{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 168px!important;
    grid-template-rows:auto auto!important;
    grid-template-areas:
        "driver-avatar vehicle"
        "driver-copy vehicle"!important;
    column-gap:14px!important;
    row-gap:8px!important;
    align-items:start!important;
}

#cc-ride-app .cc-finding-driver:not(.is-searching) .cc-finding-driver-card>.cc-driver-avatar,
#cc-ride-app .cc-finding-driver.is-approaching .cc-finding-driver-card>.cc-driver-avatar,
#cc-ride-app .cc-finding-driver.is-arrived .cc-finding-driver-card>.cc-driver-avatar,
#cc-ride-app .cc-finding-driver.is-in_ride .cc-finding-driver-card>.cc-driver-avatar,
#cc-ride-app .cc-finding-driver.is-at_destination .cc-finding-driver-card>.cc-driver-avatar{
    grid-area:driver-avatar!important;
    justify-self:start!important;
    align-self:start!important;
    width:66px!important;
    height:66px!important;
    margin:0!important;
}

#cc-ride-app .cc-finding-driver:not(.is-searching) .cc-finding-driver-card>p,
#cc-ride-app .cc-finding-driver.is-approaching .cc-finding-driver-card>p,
#cc-ride-app .cc-finding-driver.is-arrived .cc-finding-driver-card>p,
#cc-ride-app .cc-finding-driver.is-in_ride .cc-finding-driver-card>p,
#cc-ride-app .cc-finding-driver.is-at_destination .cc-finding-driver-card>p{
    grid-area:driver-copy!important;
    align-self:start!important;
    justify-self:stretch!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    text-align:left!important;
}

#cc-ride-app .cc-finding-driver:not(.is-searching) .cc-finding-driver-card>p>small,
#cc-ride-app .cc-finding-driver:not(.is-searching) .cc-finding-driver-card>p>strong,
#cc-ride-app .cc-finding-driver:not(.is-searching) .cc-finding-driver-card>p>em{
    display:block!important;
    width:100%!important;
    text-align:left!important;
}

#cc-ride-app .cc-finding-driver:not(.is-searching) .cc-finding-driver-card>p>strong{
    margin-top:2px!important;
}

#cc-ride-app .cc-finding-driver:not(.is-searching) .cc-finding-driver-card>p>em{
    margin-top:4px!important;
}

#cc-ride-app .cc-finding-driver:not(.is-searching) .cc-finding-vehicle-block,
#cc-ride-app .cc-finding-driver.is-approaching .cc-finding-vehicle-block,
#cc-ride-app .cc-finding-driver.is-arrived .cc-finding-vehicle-block,
#cc-ride-app .cc-finding-driver.is-in_ride .cc-finding-vehicle-block,
#cc-ride-app .cc-finding-driver.is-at_destination .cc-finding-vehicle-block{
    grid-area:vehicle!important;
    width:168px!important;
    min-width:168px!important;
    max-width:168px!important;
    grid-template-rows:78px auto!important;
    gap:7px!important;
    padding:9px!important;
    align-self:start!important;
}

#cc-ride-app .cc-finding-driver:not(.is-searching) .cc-driver-vehicle-image,
#cc-ride-app .cc-finding-driver.is-approaching .cc-driver-vehicle-image,
#cc-ride-app .cc-finding-driver.is-arrived .cc-driver-vehicle-image,
#cc-ride-app .cc-finding-driver.is-in_ride .cc-driver-vehicle-image,
#cc-ride-app .cc-finding-driver.is-at_destination .cc-driver-vehicle-image{
    width:100%!important;
    height:78px!important;
    background-size:98% auto!important;
}

#cc-ride-app .cc-finding-driver:not(.is-searching) .cc-finding-vehicle-block .cc-driver-vehicle-copy #cc-finding-vehicle,
#cc-ride-app .cc-finding-driver:not(.is-searching) .cc-finding-vehicle-block .cc-driver-vehicle-copy #cc-finding-plate{
    min-height:38px!important;
    padding:8px 10px!important;
    font-size:12px!important;
}

@media (max-width:380px){
    #cc-ride-app .cc-finding-driver:not(.is-searching) .cc-finding-driver-card,
    #cc-ride-app .cc-finding-driver.is-approaching .cc-finding-driver-card,
    #cc-ride-app .cc-finding-driver.is-arrived .cc-finding-driver-card,
    #cc-ride-app .cc-finding-driver.is-in_ride .cc-finding-driver-card,
    #cc-ride-app .cc-finding-driver.is-at_destination .cc-finding-driver-card{
        grid-template-columns:minmax(0,1fr) 154px!important;
        column-gap:10px!important;
    }

    #cc-ride-app .cc-finding-driver:not(.is-searching) .cc-finding-vehicle-block,
    #cc-ride-app .cc-finding-driver.is-approaching .cc-finding-vehicle-block,
    #cc-ride-app .cc-finding-driver.is-arrived .cc-finding-vehicle-block,
    #cc-ride-app .cc-finding-driver.is-in_ride .cc-finding-vehicle-block,
    #cc-ride-app .cc-finding-driver.is-at_destination .cc-finding-vehicle-block{
        width:154px!important;
        min-width:154px!important;
        max-width:154px!important;
    }
}

/* === Caricove Rides: remove YOUR DRIVER label + auto-fit vehicle/plate pills === */
#cc-ride-app .cc-finding-driver:not(.is-searching) .cc-finding-driver-card>p>small,
#cc-ride-app .cc-finding-driver.is-approaching .cc-finding-driver-card>p>small,
#cc-ride-app .cc-finding-driver.is-arrived .cc-finding-driver-card>p>small,
#cc-ride-app .cc-finding-driver.is-in_ride .cc-finding-driver-card>p>small,
#cc-ride-app .cc-finding-driver.is-at_destination .cc-finding-driver-card>p>small{
    display:none!important;
}

#cc-ride-app .cc-finding-driver:not(.is-searching) .cc-finding-driver-card>p>strong,
#cc-ride-app .cc-finding-driver.is-approaching .cc-finding-driver-card>p>strong,
#cc-ride-app .cc-finding-driver.is-arrived .cc-finding-driver-card>p>strong,
#cc-ride-app .cc-finding-driver.is-in_ride .cc-finding-driver-card>p>strong,
#cc-ride-app .cc-finding-driver.is-at_destination .cc-finding-driver-card>p>strong{
    margin-top:0!important;
}

#cc-ride-app .cc-finding-driver:not(.is-searching) .cc-finding-vehicle-block .cc-driver-vehicle-copy,
#cc-ride-app .cc-finding-driver.is-approaching .cc-finding-vehicle-block .cc-driver-vehicle-copy,
#cc-ride-app .cc-finding-driver.is-arrived .cc-finding-vehicle-block .cc-driver-vehicle-copy,
#cc-ride-app .cc-finding-driver.is-in_ride .cc-finding-vehicle-block .cc-driver-vehicle-copy,
#cc-ride-app .cc-finding-driver.is-at_destination .cc-finding-vehicle-block .cc-driver-vehicle-copy{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    gap:7px!important;
    width:100%!important;
    min-width:0!important;
}

#cc-ride-app .cc-finding-driver:not(.is-searching) .cc-finding-vehicle-block .cc-driver-vehicle-copy #cc-finding-vehicle,
#cc-ride-app .cc-finding-driver:not(.is-searching) .cc-finding-vehicle-block .cc-driver-vehicle-copy #cc-finding-plate,
#cc-ride-app .cc-finding-driver.is-approaching .cc-finding-vehicle-block .cc-driver-vehicle-copy #cc-finding-vehicle,
#cc-ride-app .cc-finding-driver.is-approaching .cc-finding-vehicle-block .cc-driver-vehicle-copy #cc-finding-plate,
#cc-ride-app .cc-finding-driver.is-arrived .cc-finding-vehicle-block .cc-driver-vehicle-copy #cc-finding-vehicle,
#cc-ride-app .cc-finding-driver.is-arrived .cc-finding-vehicle-block .cc-driver-vehicle-copy #cc-finding-plate,
#cc-ride-app .cc-finding-driver.is-in_ride .cc-finding-vehicle-block .cc-driver-vehicle-copy #cc-finding-vehicle,
#cc-ride-app .cc-finding-driver.is-in_ride .cc-finding-vehicle-block .cc-driver-vehicle-copy #cc-finding-plate,
#cc-ride-app .cc-finding-driver.is-at_destination .cc-finding-vehicle-block .cc-driver-vehicle-copy #cc-finding-vehicle,
#cc-ride-app .cc-finding-driver.is-at_destination .cc-finding-vehicle-block .cc-driver-vehicle-copy #cc-finding-plate{
    box-sizing:border-box!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:max-content!important;
    max-width:100%!important;
    min-width:0!important;
    min-height:36px!important;
    height:auto!important;
    padding:8px 13px!important;
    margin:0 auto!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    overflow-wrap:anywhere!important;
    word-break:normal!important;
    text-align:center!important;
    line-height:1.15!important;
}

/* === Caricove Rides: tighten driver stack + true auto-fit vehicle pills (final lock) === */
#cc-ride-app .cc-finding-driver:not(.is-searching) .cc-finding-driver-card,
#cc-ride-app .cc-finding-driver.is-approaching .cc-finding-driver-card,
#cc-ride-app .cc-finding-driver.is-arrived .cc-finding-driver-card,
#cc-ride-app .cc-finding-driver.is-in_ride .cc-finding-driver-card,
#cc-ride-app .cc-finding-driver.is-at_destination .cc-finding-driver-card{
    grid-template-rows:66px auto!important;
    row-gap:3px!important;
    align-content:start!important;
}

#cc-ride-app .cc-finding-driver:not(.is-searching) .cc-finding-driver-card>p,
#cc-ride-app .cc-finding-driver.is-approaching .cc-finding-driver-card>p,
#cc-ride-app .cc-finding-driver.is-arrived .cc-finding-driver-card>p,
#cc-ride-app .cc-finding-driver.is-in_ride .cc-finding-driver-card>p,
#cc-ride-app .cc-finding-driver.is-at_destination .cc-finding-driver-card>p{
    align-self:start!important;
    margin:0!important;
    padding:0!important;
}

#cc-ride-app .cc-finding-driver:not(.is-searching) .cc-finding-vehicle-block .cc-driver-vehicle-copy,
#cc-ride-app .cc-finding-driver.is-approaching .cc-finding-vehicle-block .cc-driver-vehicle-copy,
#cc-ride-app .cc-finding-driver.is-arrived .cc-finding-vehicle-block .cc-driver-vehicle-copy,
#cc-ride-app .cc-finding-driver.is-in_ride .cc-finding-vehicle-block .cc-driver-vehicle-copy,
#cc-ride-app .cc-finding-driver.is-at_destination .cc-finding-vehicle-block .cc-driver-vehicle-copy{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    width:100%!important;
    gap:7px!important;
}

#cc-ride-app .cc-finding-driver:not(.is-searching) .cc-finding-vehicle-block .cc-driver-vehicle-copy>#cc-finding-vehicle,
#cc-ride-app .cc-finding-driver:not(.is-searching) .cc-finding-vehicle-block .cc-driver-vehicle-copy>#cc-finding-plate,
#cc-ride-app .cc-finding-driver.is-approaching .cc-finding-vehicle-block .cc-driver-vehicle-copy>#cc-finding-vehicle,
#cc-ride-app .cc-finding-driver.is-approaching .cc-finding-vehicle-block .cc-driver-vehicle-copy>#cc-finding-plate,
#cc-ride-app .cc-finding-driver.is-arrived .cc-finding-vehicle-block .cc-driver-vehicle-copy>#cc-finding-vehicle,
#cc-ride-app .cc-finding-driver.is-arrived .cc-finding-vehicle-block .cc-driver-vehicle-copy>#cc-finding-plate,
#cc-ride-app .cc-finding-driver.is-in_ride .cc-finding-vehicle-block .cc-driver-vehicle-copy>#cc-finding-vehicle,
#cc-ride-app .cc-finding-driver.is-in_ride .cc-finding-vehicle-block .cc-driver-vehicle-copy>#cc-finding-plate,
#cc-ride-app .cc-finding-driver.is-at_destination .cc-finding-vehicle-block .cc-driver-vehicle-copy>#cc-finding-vehicle,
#cc-ride-app .cc-finding-driver.is-at_destination .cc-finding-vehicle-block .cc-driver-vehicle-copy>#cc-finding-plate{
    display:inline-flex!important;
    flex:0 0 auto!important;
    width:auto!important;
    min-width:0!important;
    max-width:100%!important;
    min-height:0!important;
    height:auto!important;
    padding:7px 12px!important;
    margin:0 auto!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    overflow-wrap:break-word!important;
    word-break:normal!important;
    line-height:1.15!important;
}

@media (max-width:380px){
    #cc-ride-app .cc-finding-driver:not(.is-searching) .cc-finding-driver-card,
    #cc-ride-app .cc-finding-driver.is-approaching .cc-finding-driver-card,
    #cc-ride-app .cc-finding-driver.is-arrived .cc-finding-driver-card,
    #cc-ride-app .cc-finding-driver.is-in_ride .cc-finding-driver-card,
    #cc-ride-app .cc-finding-driver.is-at_destination .cc-finding-driver-card{
        grid-template-rows:62px auto!important;
        row-gap:2px!important;
    }
}

/* === Caricove Rides: arrived-state polish — real clock + no cancel X === */
#cc-ride-app .cc-finding-driver.is-arrived #cc-finding-eta:before{
    content:""!important;
    position:absolute!important;
    left:13px!important;
    top:50%!important;
    width:16px!important;
    height:16px!important;
    box-sizing:border-box!important;
    border:2px solid currentColor!important;
    border-radius:50%!important;
    background:transparent!important;
    transform:translateY(-50%)!important;
}
#cc-ride-app .cc-finding-driver.is-arrived #cc-finding-eta:after{
    content:""!important;
    position:absolute!important;
    left:16px!important;
    top:50%!important;
    width:11px!important;
    height:11px!important;
    border:0!important;
    border-radius:0!important;
    background:
        linear-gradient(currentColor,currentColor) 50% 0/2px 6px no-repeat,
        linear-gradient(currentColor,currentColor) 50% 50%/5px 2px no-repeat!important;
    box-shadow:none!important;
    transform:translateY(-50%)!important;
    transform-origin:center!important;
}
#cc-ride-app .cc-finding-driver.is-arrived .cc-finding-cancel,
#cc-ride-app .cc-finding-driver.is-arrived .cc-finding-cancel:is(:hover,:focus,:focus-visible,:active){
    padding-left:24px!important;
    padding-right:24px!important;
}
#cc-ride-app .cc-finding-driver.is-arrived .cc-finding-cancel>i{
    display:none!important;
}

/* === Caricove Rides: FINAL vehicle identity layout — image with two neat stacked pills below === */
#cc-ride-app .cc-finding-driver:not(.is-searching) .cc-finding-driver-card{
    grid-template-columns:66px minmax(0,1fr) 154px!important;
    grid-template-rows:auto!important;
    align-items:center!important;
    gap:12px!important;
}

#cc-ride-app .cc-finding-driver:not(.is-searching) .cc-finding-driver-card>.cc-driver-avatar{
    grid-area:auto!important;
    width:58px!important;
    height:58px!important;
    align-self:center!important;
}

#cc-ride-app .cc-finding-driver:not(.is-searching) .cc-finding-driver-card>p{
    grid-area:auto!important;
    align-self:center!important;
    min-width:0!important;
}

#cc-ride-app .cc-finding-driver:not(.is-searching) .cc-finding-vehicle-block{
    grid-area:auto!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-rows:64px auto!important;
    align-items:start!important;
    justify-items:stretch!important;
    width:154px!important;
    min-width:154px!important;
    max-width:154px!important;
    margin:0!important;
    padding:8px!important;
    gap:6px!important;
    border:1px solid #e0e7ed!important;
    border-radius:16px!important;
    background:#f8fafc!important;
    box-shadow:none!important;
    overflow:hidden!important;
}

#cc-ride-app .cc-finding-driver:not(.is-searching) .cc-driver-vehicle-image{
    display:block!important;
    width:100%!important;
    height:64px!important;
    margin:0!important;
    border:0!important;
    border-radius:10px!important;
    background:transparent url('../images/ride-sedan-choice.png') center/contain no-repeat!important;
    box-shadow:none!important;
}

#cc-ride-app .cc-finding-driver:not(.is-searching) .cc-driver-vehicle-copy{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:5px!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
}

#cc-ride-app .cc-finding-driver:not(.is-searching) .cc-driver-vehicle-copy>#cc-finding-vehicle,
#cc-ride-app .cc-finding-driver:not(.is-searching) .cc-driver-vehicle-copy>#cc-finding-plate{
    box-sizing:border-box!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    min-height:30px!important;
    margin:0!important;
    padding:6px 8px!important;
    overflow:hidden!important;
    border:1px solid #dbe3ea!important;
    border-radius:8px!important;
    color:#102238!important;
    -webkit-text-fill-color:#102238!important;
    background:#fff!important;
    box-shadow:none!important;
    font-size:10px!important;
    font-weight:850!important;
    line-height:1.1!important;
    text-align:center!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
}

#cc-ride-app .cc-finding-driver:not(.is-searching) .cc-driver-vehicle-copy>#cc-finding-plate{
    font-weight:950!important;
    letter-spacing:.035em!important;
}

@media (max-width:420px){
    #cc-ride-app .cc-finding-driver:not(.is-searching) .cc-finding-driver-card{
        grid-template-columns:54px minmax(0,1fr) 142px!important;
        gap:8px!important;
    }

    #cc-ride-app .cc-finding-driver:not(.is-searching) .cc-finding-driver-card>.cc-driver-avatar{
        width:50px!important;
        height:50px!important;
    }

    #cc-ride-app .cc-finding-driver:not(.is-searching) .cc-finding-vehicle-block{
        width:142px!important;
        min-width:142px!important;
        max-width:142px!important;
        grid-template-rows:58px auto!important;
        padding:7px!important;
    }

    #cc-ride-app .cc-finding-driver:not(.is-searching) .cc-driver-vehicle-image{
        height:58px!important;
    }

    #cc-ride-app .cc-finding-driver:not(.is-searching) .cc-driver-vehicle-copy>#cc-finding-vehicle,
    #cc-ride-app .cc-finding-driver:not(.is-searching) .cc-driver-vehicle-copy>#cc-finding-plate{
        min-height:28px!important;
        padding:5px 7px!important;
        font-size:9px!important;
    }
}

/* === FINAL vehicle/plate font-size lock === */
#cc-ride-app .cc-finding-driver:not(.is-searching) .cc-finding-driver-card .cc-finding-vehicle-block .cc-driver-vehicle-copy > #cc-finding-vehicle{
    font-size:16px!important;
    font-weight:900!important;
}

#cc-ride-app .cc-finding-driver:not(.is-searching) .cc-finding-driver-card .cc-finding-vehicle-block .cc-driver-vehicle-copy > #cc-finding-plate{
    font-size:16px!important;
    font-weight:950!important;
    letter-spacing:.045em!important;
}

@media (max-width:420px){
    #cc-ride-app .cc-finding-driver:not(.is-searching) .cc-finding-driver-card .cc-finding-vehicle-block .cc-driver-vehicle-copy > #cc-finding-vehicle,
    #cc-ride-app .cc-finding-driver:not(.is-searching) .cc-finding-driver-card .cc-finding-vehicle-block .cc-driver-vehicle-copy > #cc-finding-plate{
        font-size:16px!important;
    }
}


/* =========================================================
   CARICOVE RIDES — FINAL PASSENGER TIMER TYPOGRAPHY LOCK
   Covers all dynamic ARRIVED / WAITING timer states
   ========================================================= */

/* Dynamic reassurance TITLE */
#cc-ride-app .cc-finding-driver.is-arrived #cc-finding-reassurance-title,
#cc-ride-app .cc-finding-driver.is-wait-free #cc-finding-reassurance-title,
#cc-ride-app .cc-finding-driver.is-wait-paid #cc-finding-reassurance-title,
#cc-ride-app .cc-finding-driver.is-wait-final #cc-finding-reassurance-title,
#cc-ride-app .cc-finding-driver.is-wait-expired #cc-finding-reassurance-title{
    display:block!important;
    font-size:18px!important;
    font-weight:950!important;
    line-height:1.18!important;
    letter-spacing:-.015em!important;
}

/* Dynamic reassurance line UNDER the title */
#cc-ride-app .cc-finding-driver.is-arrived #cc-finding-reassurance-copy,
#cc-ride-app .cc-finding-driver.is-wait-free #cc-finding-reassurance-copy,
#cc-ride-app .cc-finding-driver.is-wait-paid #cc-finding-reassurance-copy,
#cc-ride-app .cc-finding-driver.is-wait-final #cc-finding-reassurance-copy,
#cc-ride-app .cc-finding-driver.is-wait-expired #cc-finding-reassurance-copy{
    display:block!important;
    margin-top:4px!important;
    font-size:17px!important;
    font-weight:500!important;
    line-height:1.42!important;
    letter-spacing:0!important;
}

/* Timer pill itself:
   free pickup
   paid waiting
   final minute
   pickup time ended
*/
#cc-ride-app .cc-finding-driver.is-arrived #cc-finding-eta,
#cc-ride-app .cc-finding-driver.is-wait-free #cc-finding-eta,
#cc-ride-app .cc-finding-driver.is-wait-paid #cc-finding-eta,
#cc-ride-app .cc-finding-driver.is-wait-final #cc-finding-eta,
#cc-ride-app .cc-finding-driver.is-wait-expired #cc-finding-eta{
    font-size:14px!important;
    font-weight:950!important;
    line-height:1!important;
}

/* FREE PICKUP */
#cc-ride-app .cc-finding-driver.is-wait-free #cc-finding-reassurance-title{
    color:#07162c!important;
}

#cc-ride-app .cc-finding-driver.is-wait-free #cc-finding-reassurance-copy{
    color:#5d7492!important;
}

/* PAID WAITING */
#cc-ride-app .cc-finding-driver.is-wait-paid #cc-finding-reassurance-title{
    color:#684300!important;
}

#cc-ride-app .cc-finding-driver.is-wait-paid #cc-finding-reassurance-copy{
    color:#7c6333!important;
}

/* FINAL MINUTE */
#cc-ride-app .cc-finding-driver.is-wait-final #cc-finding-reassurance-title{
    color:#9f1830!important;
}

#cc-ride-app .cc-finding-driver.is-wait-final #cc-finding-reassurance-copy{
    color:#8b5260!important;
}

/* PICKUP TIME ENDED */
#cc-ride-app .cc-finding-driver.is-wait-expired #cc-finding-reassurance-title{
    color:#8f2338!important;
}

#cc-ride-app .cc-finding-driver.is-wait-expired #cc-finding-reassurance-copy{
    color:#745d65!important;
}

/* JS intentionally empties this during expired state */
#cc-ride-app .cc-finding-driver.is-wait-expired #cc-finding-kicker:empty{
    display:none!important;
}

/* Prevent older generic SMALL rules from shrinking dynamic copy */
#cc-ride-app .cc-finding-driver:not(.is-searching)
.cc-finding-reassurance
#cc-finding-reassurance-copy{
    font-size:17px!important;
    line-height:1.42!important;
}

/* Prevent older generic STRONG rules from shrinking dynamic title */
#cc-ride-app .cc-finding-driver:not(.is-searching)
.cc-finding-reassurance
#cc-finding-reassurance-title{
    font-size:18px!important;
    line-height:1.18!important;
}


/* =========================================================
   CARICOVE RIDES — PATCH v2
   Fixes:
   1) Trip options modal label sizing
   2) Vehicle name / plate reduced
   3) Driver name + completed trips top-left and slightly smaller
   4) Dynamic free pickup / paid waiting / final minute / expired lines
   ========================================================= */

/* 1) Trip options modal: main label + supporting line */
#cc-ride-app #cc-trip-options-menu>button b{
    font-size:17px!important;
    line-height:1.16!important;
    font-weight:850!important;
}

#cc-ride-app #cc-trip-options-menu>button small{
    margin-top:3px!important;
    font-size:16px!important;
    line-height:1.34!important;
    color:#6f7f8d!important;
}

/* 2) Driver text block pinned top-left and reduced a touch */
#cc-ride-app .cc-finding-driver:not(.is-searching) .cc-finding-driver-card,
#cc-ride-app .cc-finding-driver.is-approaching .cc-finding-driver-card,
#cc-ride-app .cc-finding-driver.is-arrived .cc-finding-driver-card,
#cc-ride-app .cc-finding-driver.is-in_ride .cc-finding-driver-card,
#cc-ride-app .cc-finding-driver.is-at_destination .cc-finding-driver-card{
    align-items:start!important;
}

#cc-ride-app .cc-finding-driver:not(.is-searching) .cc-finding-driver-card>p,
#cc-ride-app .cc-finding-driver.is-approaching .cc-finding-driver-card>p,
#cc-ride-app .cc-finding-driver.is-arrived .cc-finding-driver-card>p,
#cc-ride-app .cc-finding-driver.is-in_ride .cc-finding-driver-card>p,
#cc-ride-app .cc-finding-driver.is-at_destination .cc-finding-driver-card>p{
    display:grid!important;
    align-content:start!important;
    justify-items:start!important;
    align-self:start!important;
    justify-self:start!important;
    margin:0!important;
    padding:2px 0 0!important;
    text-align:left!important;
}

#cc-ride-app .cc-finding-driver:not(.is-searching) .cc-finding-driver-card>p strong,
#cc-ride-app .cc-finding-driver.is-approaching .cc-finding-driver-card>p strong,
#cc-ride-app .cc-finding-driver.is-arrived .cc-finding-driver-card>p strong,
#cc-ride-app .cc-finding-driver.is-in_ride .cc-finding-driver-card>p strong,
#cc-ride-app .cc-finding-driver.is-at_destination .cc-finding-driver-card>p strong{
    display:block!important;
    width:100%!important;
    font-size:14px!important;
    line-height:1.14!important;
    text-align:left!important;
}

#cc-ride-app .cc-finding-driver:not(.is-searching) .cc-finding-driver-card>p small,
#cc-ride-app .cc-finding-driver:not(.is-searching) .cc-finding-driver-card>p em,
#cc-ride-app .cc-finding-driver.is-approaching .cc-finding-driver-card>p small,
#cc-ride-app .cc-finding-driver.is-approaching .cc-finding-driver-card>p em,
#cc-ride-app .cc-finding-driver.is-arrived .cc-finding-driver-card>p small,
#cc-ride-app .cc-finding-driver.is-arrived .cc-finding-driver-card>p em,
#cc-ride-app .cc-finding-driver.is-in_ride .cc-finding-driver-card>p small,
#cc-ride-app .cc-finding-driver.is-in_ride .cc-finding-driver-card>p em,
#cc-ride-app .cc-finding-driver.is-at_destination .cc-finding-driver-card>p small,
#cc-ride-app .cc-finding-driver.is-at_destination .cc-finding-driver-card>p em{
    display:block!important;
    width:100%!important;
    font-size:10px!important;
    line-height:1.25!important;
    text-align:left!important;
}

/* 3) Vehicle name and plate reduced from oversized lock */
#cc-ride-app .cc-finding-driver:not(.is-searching) .cc-finding-driver-card .cc-finding-vehicle-block .cc-driver-vehicle-copy>#cc-finding-vehicle,
#cc-ride-app .cc-finding-driver.is-approaching .cc-finding-driver-card .cc-finding-vehicle-block .cc-driver-vehicle-copy>#cc-finding-vehicle,
#cc-ride-app .cc-finding-driver.is-arrived .cc-finding-driver-card .cc-finding-vehicle-block .cc-driver-vehicle-copy>#cc-finding-vehicle,
#cc-ride-app .cc-finding-driver.is-in_ride .cc-finding-driver-card .cc-finding-vehicle-block .cc-driver-vehicle-copy>#cc-finding-vehicle,
#cc-ride-app .cc-finding-driver.is-at_destination .cc-finding-driver-card .cc-finding-vehicle-block .cc-driver-vehicle-copy>#cc-finding-vehicle{
    font-size:8px!important;
    font-weight:850!important;
    line-height:1.1!important;
}

#cc-ride-app .cc-finding-driver:not(.is-searching) .cc-finding-driver-card .cc-finding-vehicle-block .cc-driver-vehicle-copy>#cc-finding-plate,
#cc-ride-app .cc-finding-driver.is-approaching .cc-finding-driver-card .cc-finding-vehicle-block .cc-driver-vehicle-copy>#cc-finding-plate,
#cc-ride-app .cc-finding-driver.is-arrived .cc-finding-driver-card .cc-finding-vehicle-block .cc-driver-vehicle-copy>#cc-finding-plate,
#cc-ride-app .cc-finding-driver.is-in_ride .cc-finding-driver-card .cc-finding-vehicle-block .cc-driver-vehicle-copy>#cc-finding-plate,
#cc-ride-app .cc-finding-driver.is-at_destination .cc-finding-driver-card .cc-finding-vehicle-block .cc-driver-vehicle-copy>#cc-finding-plate{
    font-size:8px!important;
    font-weight:950!important;
    letter-spacing:.035em!important;
    line-height:1.1!important;
}

@media (max-width:420px){
    #cc-ride-app .cc-finding-driver:not(.is-searching) .cc-finding-driver-card .cc-finding-vehicle-block .cc-driver-vehicle-copy>#cc-finding-vehicle,
    #cc-ride-app .cc-finding-driver:not(.is-searching) .cc-finding-driver-card .cc-finding-vehicle-block .cc-driver-vehicle-copy>#cc-finding-plate,
    #cc-ride-app .cc-finding-driver.is-approaching .cc-finding-driver-card .cc-finding-vehicle-block .cc-driver-vehicle-copy>#cc-finding-vehicle,
    #cc-ride-app .cc-finding-driver.is-approaching .cc-finding-driver-card .cc-finding-vehicle-block .cc-driver-vehicle-copy>#cc-finding-plate,
    #cc-ride-app .cc-finding-driver.is-arrived .cc-finding-driver-card .cc-finding-vehicle-block .cc-driver-vehicle-copy>#cc-finding-vehicle,
    #cc-ride-app .cc-finding-driver.is-arrived .cc-finding-driver-card .cc-finding-vehicle-block .cc-driver-vehicle-copy>#cc-finding-plate,
    #cc-ride-app .cc-finding-driver.is-in_ride .cc-finding-driver-card .cc-finding-vehicle-block .cc-driver-vehicle-copy>#cc-finding-vehicle,
    #cc-ride-app .cc-finding-driver.is-in_ride .cc-finding-driver-card .cc-finding-vehicle-block .cc-driver-vehicle-copy>#cc-finding-plate,
    #cc-ride-app .cc-finding-driver.is-at_destination .cc-finding-driver-card .cc-finding-vehicle-block .cc-driver-vehicle-copy>#cc-finding-vehicle,
    #cc-ride-app .cc-finding-driver.is-at_destination .cc-finding-driver-card .cc-finding-vehicle-block .cc-driver-vehicle-copy>#cc-finding-plate{
        font-size:7px!important;
    }
}

/* 4) Dynamic changing lines under FREE PICKUP / PAID WAITING / etc */
#cc-ride-app .cc-finding-driver.is-arrived #cc-finding-reassurance-title,
#cc-ride-app .cc-finding-driver.is-wait-free #cc-finding-reassurance-title,
#cc-ride-app .cc-finding-driver.is-wait-paid #cc-finding-reassurance-title,
#cc-ride-app .cc-finding-driver.is-wait-final #cc-finding-reassurance-title,
#cc-ride-app .cc-finding-driver.is-wait-expired #cc-finding-reassurance-title{
    font-size:18px!important;
    line-height:1.18!important;
    font-weight:950!important;
    letter-spacing:-.015em!important;
}

#cc-ride-app .cc-finding-driver.is-arrived #cc-finding-reassurance-copy,
#cc-ride-app .cc-finding-driver.is-wait-free #cc-finding-reassurance-copy,
#cc-ride-app .cc-finding-driver.is-wait-paid #cc-finding-reassurance-copy,
#cc-ride-app .cc-finding-driver.is-wait-final #cc-finding-reassurance-copy,
#cc-ride-app .cc-finding-driver.is-wait-expired #cc-finding-reassurance-copy{
    display:block!important;
    margin-top:4px!important;
    font-size:15px!important;
    line-height:1.38!important;
    font-weight:500!important;
    letter-spacing:0!important;
}

#cc-ride-app .cc-finding-driver.is-arrived #cc-finding-eta,
#cc-ride-app .cc-finding-driver.is-wait-free #cc-finding-eta,
#cc-ride-app .cc-finding-driver.is-wait-paid #cc-finding-eta,
#cc-ride-app .cc-finding-driver.is-wait-final #cc-finding-eta,
#cc-ride-app .cc-finding-driver.is-wait-expired #cc-finding-eta{
    font-size:14px!important;
    font-weight:950!important;
}


/* =========================================================
   CARICOVE RIDES — FINAL QA CORRECTIONS v3
   ========================================================= */

/* Driver avatar + driver copy stay pinned to the top-left of the driver card. */
#cc-ride-app .cc-finding-driver:not(.is-searching) .cc-finding-driver-card{
    align-items:start!important;
    justify-items:start!important;
}

#cc-ride-app .cc-finding-driver:not(.is-searching) .cc-finding-driver-card>.cc-driver-avatar{
    align-self:start!important;
    justify-self:start!important;
    margin:0!important;
}

#cc-ride-app .cc-finding-driver:not(.is-searching) .cc-finding-driver-card>p{
    align-self:start!important;
    justify-self:start!important;
    justify-items:start!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    text-align:left!important;
}

#cc-ride-app .cc-finding-driver:not(.is-searching) .cc-finding-driver-card>p>strong,
#cc-ride-app .cc-finding-driver:not(.is-searching) .cc-finding-driver-card>p>em{
    text-align:left!important;
}

/* Keep the vehicle panel on the right while the driver identity stays top-left. */
#cc-ride-app .cc-finding-driver:not(.is-searching) .cc-finding-vehicle-block{
    justify-self:end!important;
    align-self:start!important;
}

/* Slightly reduce value lines under route / pickup-detail labels. */
#cc-ride-app .cc-finding-driver:not(.is-searching) .cc-finding-route strong,
#cc-ride-app .cc-finding-driver:not(.is-searching) .cc-finding-pickup-note strong{
    font-size:12px!important;
    line-height:1.28!important;
}

/* Dynamic waiting copy: free pickup / paid waiting / final minute / pickup ended. */
#cc-ride-app .cc-finding-driver.is-arrived #cc-finding-reassurance-copy,
#cc-ride-app .cc-finding-driver.is-wait-free #cc-finding-reassurance-copy,
#cc-ride-app .cc-finding-driver.is-wait-paid #cc-finding-reassurance-copy,
#cc-ride-app .cc-finding-driver.is-wait-final #cc-finding-reassurance-copy,
#cc-ride-app .cc-finding-driver.is-wait-expired #cc-finding-reassurance-copy{
    font-size:15px!important;
    line-height:1.38!important;
}

/* Trip Options menu: +2px main labels, +3px supporting lines. */
#cc-ride-app #cc-trip-options-menu>button b{
    font-size:17px!important;
}

#cc-ride-app #cc-trip-options-menu>button small{
    font-size:16px!important;
}

/* Vehicle name + plate reduced by 2px from the current effective sizes. */
#cc-ride-app .cc-finding-driver:not(.is-searching) .cc-finding-driver-card .cc-finding-vehicle-block .cc-driver-vehicle-copy>#cc-finding-vehicle,
#cc-ride-app .cc-finding-driver:not(.is-searching) .cc-finding-driver-card .cc-finding-vehicle-block .cc-driver-vehicle-copy>#cc-finding-plate{
    font-size:8px!important;
}

@media(max-width:420px){
    #cc-ride-app .cc-finding-driver:not(.is-searching) .cc-finding-driver-card .cc-finding-vehicle-block .cc-driver-vehicle-copy>#cc-finding-vehicle,
    #cc-ride-app .cc-finding-driver:not(.is-searching) .cc-finding-driver-card .cc-finding-vehicle-block .cc-driver-vehicle-copy>#cc-finding-plate{
        font-size:7px!important;
    }
}


/* =========================================================
   CARICOVE RIDES — FINAL VISUAL CORRECTIONS v4
   ========================================================= */

/* 1) In-ride Pickup / Destination labels: slightly larger. */
#cc-ride-app .cc-finding-driver.is-in_ride .cc-finding-route small{
    font-size:12px!important;
    line-height:1.2!important;
    font-weight:800!important;
}

/* 2) In-ride pickup / destination addresses: slightly larger. */
#cc-ride-app .cc-finding-driver.is-in_ride .cc-finding-route strong{
    font-size:14px!important;
    line-height:1.28!important;
    font-weight:850!important;
}

/* 3) Remove YOUR DRIVER and pull the driver's name upward. */
#cc-ride-app .cc-finding-driver.is-approaching .cc-finding-driver-card>p>small,
#cc-ride-app .cc-finding-driver.is-arrived .cc-finding-driver-card>p>small,
#cc-ride-app .cc-finding-driver.is-in_ride .cc-finding-driver-card>p>small,
#cc-ride-app .cc-finding-driver.is-at_destination .cc-finding-driver-card>p>small{
    display:none!important;
}

#cc-ride-app .cc-finding-driver.is-approaching .cc-finding-driver-card>p,
#cc-ride-app .cc-finding-driver.is-arrived .cc-finding-driver-card>p,
#cc-ride-app .cc-finding-driver.is-in_ride .cc-finding-driver-card>p,
#cc-ride-app .cc-finding-driver.is-at_destination .cc-finding-driver-card>p{
    align-self:start!important;
    justify-self:start!important;
    padding-top:0!important;
    margin-top:0!important;
    transform:translateY(-2px)!important;
    text-align:left!important;
}

/* 4) Driver name +2px, completed-trips line +1px. */
#cc-ride-app .cc-finding-driver.is-approaching .cc-finding-driver-card>p>strong,
#cc-ride-app .cc-finding-driver.is-arrived .cc-finding-driver-card>p>strong,
#cc-ride-app .cc-finding-driver.is-in_ride .cc-finding-driver-card>p>strong,
#cc-ride-app .cc-finding-driver.is-at_destination .cc-finding-driver-card>p>strong{
    font-size:19px!important;
    line-height:1.08!important;
    margin-top:0!important;
}

#cc-ride-app .cc-finding-driver.is-approaching .cc-finding-driver-card>p>em,
#cc-ride-app .cc-finding-driver.is-arrived .cc-finding-driver-card>p>em,
#cc-ride-app .cc-finding-driver.is-in_ride .cc-finding-driver-card>p>em,
#cc-ride-app .cc-finding-driver.is-at_destination .cc-finding-driver-card>p>em{
    font-size:13px!important;
    line-height:1.2!important;
    margin-top:4px!important;
}

/* 5) Vehicle name + plate: +2px from the last v3 reduction. */
#cc-ride-app .cc-finding-driver:not(.is-searching) .cc-finding-driver-card .cc-finding-vehicle-block .cc-driver-vehicle-copy>#cc-finding-vehicle,
#cc-ride-app .cc-finding-driver:not(.is-searching) .cc-finding-driver-card .cc-finding-vehicle-block .cc-driver-vehicle-copy>#cc-finding-plate{
    font-size:10px!important;
}

@media(max-width:420px){
    #cc-ride-app .cc-finding-driver:not(.is-searching) .cc-finding-driver-card .cc-finding-vehicle-block .cc-driver-vehicle-copy>#cc-finding-vehicle,
    #cc-ride-app .cc-finding-driver:not(.is-searching) .cc-finding-driver-card .cc-finding-vehicle-block .cc-driver-vehicle-copy>#cc-finding-plate{
        font-size:9px!important;
    }
}

/* 6) Trip Options: undo the oversized v3 text and keep all copy inside each card. */
#cc-ride-app #cc-trip-options-menu>button{
    grid-template-columns:64px minmax(0,1fr) 20px!important;
    gap:14px!important;
    min-height:96px!important;
    padding:14px 16px!important;
}

#cc-ride-app #cc-trip-options-menu>button>span{
    width:56px!important;
    height:56px!important;
    border-radius:16px!important;
    font-size:23px!important;
}

#cc-ride-app #cc-trip-options-menu>button>p{
    min-width:0!important;
    overflow:hidden!important;
}

#cc-ride-app #cc-trip-options-menu>button b{
    display:block!important;
    font-size:16px!important;
    line-height:1.15!important;
    font-weight:850!important;
    white-space:normal!important;
}

#cc-ride-app #cc-trip-options-menu>button small{
    display:block!important;
    margin-top:5px!important;
    max-width:100%!important;
    font-size:12px!important;
    line-height:1.35!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
    word-break:normal!important;
}

#cc-ride-app #cc-trip-options-menu>button>em{
    justify-self:end!important;
    align-self:center!important;
    font-size:24px!important;
    line-height:1!important;
}

@media(max-width:390px){
    #cc-ride-app #cc-trip-options-menu>button{
        grid-template-columns:58px minmax(0,1fr) 18px!important;
        gap:12px!important;
        min-height:90px!important;
        padding:12px 13px!important;
    }

    #cc-ride-app #cc-trip-options-menu>button>span{
        width:52px!important;
        height:52px!important;
        font-size:21px!important;
    }

    #cc-ride-app #cc-trip-options-menu>button b{
        font-size:15px!important;
    }

    #cc-ride-app #cc-trip-options-menu>button small{
        font-size:13px!important;
    }
}


/* =========================================================
   CARICOVE RIDES — RIDER CONFIRMED LAYOUT + STATE HARDENING
   2026-10-05
   ========================================================= */
#cc-ride-app .cc-finding-driver:not(.is-searching) .cc-finding-driver-card{
    grid-template-areas:
        "driver-name vehicle"
        "driver-avatar vehicle"
        "driver-trips vehicle"!important;
    grid-template-columns:minmax(0,1fr) 176px!important;
    grid-template-rows:auto 68px auto!important;
    column-gap:16px!important;
    row-gap:7px!important;
    min-height:206px!important;
    align-items:start!important;
    padding:14px!important;
}
#cc-ride-app .cc-finding-driver:not(.is-searching) .cc-finding-driver-card>p{
    display:contents!important;
    transform:none!important;
}
#cc-ride-app .cc-finding-driver:not(.is-searching) .cc-finding-driver-card>p>small{
    display:none!important;
}
#cc-ride-app .cc-finding-driver:not(.is-searching) #cc-finding-driver-name{
    grid-area:driver-name!important;
    justify-self:start!important;
    align-self:start!important;
    width:100%!important;
    margin:0!important;
    font-size:19px!important;
    line-height:1.1!important;
    text-align:left!important;
}
#cc-ride-app .cc-finding-driver:not(.is-searching) .cc-finding-driver-card>.cc-driver-avatar{
    grid-area:driver-avatar!important;
    justify-self:start!important;
    align-self:center!important;
    width:66px!important;
    height:66px!important;
    margin:0!important;
    font-size:19px!important;
}
#cc-ride-app .cc-finding-driver:not(.is-searching) #cc-finding-driver-trips{
    grid-area:driver-trips!important;
    justify-self:start!important;
    align-self:start!important;
    width:100%!important;
    margin:0!important;
    font-size:13px!important;
    line-height:1.25!important;
    text-align:left!important;
    white-space:normal!important;
}
#cc-ride-app .cc-finding-driver:not(.is-searching) .cc-finding-vehicle-block{
    grid-area:vehicle!important;
    justify-self:stretch!important;
    align-self:stretch!important;
    width:176px!important;
    min-width:176px!important;
    height:auto!important;
    min-height:176px!important;
    padding:10px!important;
    overflow:hidden!important;
}
#cc-ride-app .cc-finding-driver:not(.is-searching) .cc-driver-vehicle-image{
    width:154px!important;
    height:72px!important;
    margin:0 auto!important;
    background-size:contain!important;
}
#cc-ride-app .cc-finding-driver:not(.is-searching) .cc-driver-vehicle-copy{
    width:100%!important;
    min-width:0!important;
}
#cc-ride-app .cc-finding-driver:not(.is-searching) #cc-finding-vehicle,
#cc-ride-app .cc-finding-driver:not(.is-searching) #cc-finding-plate{
    width:100%!important;
    min-height:27px!important;
    font-size:12px!important;
    line-height:1.2!important;
    text-align:center!important;
}
#cc-ride-app .cc-finding-cancel[hidden],
#cc-ride-app .cc-trip-cancel[hidden]{display:none!important}
#cc-ride-app .cc-finding-driver:is(.is-in_ride,.is-at_destination,.is-interrupted) .cc-finding-cancel{display:none!important}
#cc-ride-app .cc-trip-options-modal{overflow-x:hidden!important}
#cc-ride-app .cc-trip-options-card{
    box-sizing:border-box!important;
    width:min(520px,calc(100vw - 24px))!important;
    max-width:calc(100vw - 24px)!important;
    margin-right:auto!important;
    margin-left:auto!important;
    overflow-x:hidden!important;
}
#cc-ride-app #cc-trip-options-menu,
#cc-ride-app #cc-trip-options-menu>button{box-sizing:border-box!important;width:100%!important;max-width:100%!important;min-width:0!important}
#cc-ride-app #cc-trip-options-menu>button{grid-template-columns:56px minmax(0,1fr) 18px!important;gap:12px!important;padding:13px!important}
#cc-ride-app #cc-trip-options-menu>button>p{min-width:0!important;max-width:100%!important;overflow:visible!important}
@media(max-width:420px){
    #cc-ride-app .cc-finding-driver:not(.is-searching) .cc-finding-driver-card{
        grid-template-columns:minmax(0,1fr) 158px!important;
        column-gap:12px!important;
        padding:12px!important;
    }
    #cc-ride-app .cc-finding-driver:not(.is-searching) .cc-finding-vehicle-block{
        width:158px!important;
        min-width:158px!important;
    }
    #cc-ride-app .cc-finding-driver:not(.is-searching) .cc-driver-vehicle-image{width:136px!important;height:68px!important}
    #cc-ride-app #cc-trip-options-menu>button{grid-template-columns:52px minmax(0,1fr) 16px!important;gap:10px!important;padding:12px!important}
}


/* Vehicle label size specificity fix - 2026-10-05 */
#cc-ride-app .cc-finding-driver:not(.is-searching) .cc-finding-driver-card .cc-finding-vehicle-block .cc-driver-vehicle-copy>#cc-finding-vehicle,
#cc-ride-app .cc-finding-driver:not(.is-searching) .cc-finding-driver-card .cc-finding-vehicle-block .cc-driver-vehicle-copy>#cc-finding-plate{
    font-size:12px!important;
}


/* Driver identity vertical rhythm - 2026-10-05 */
#cc-ride-app .cc-finding-driver:not(.is-searching) .cc-finding-driver-card{
    grid-template-rows:21px 66px 17px!important;
    row-gap:8px!important;
    align-content:start!important;
}


/* Vehicle plate spacing and resilient collapsed handle - 2026-10-05 */
#cc-ride-app .cc-finding-driver:not(.is-searching) .cc-driver-vehicle-copy{
    align-self:end!important;
}
#cc-ride-app .cc-finding-driver.is-sheet-collapsed .cc-finding-handle,
#cc-ride-app .cc-finding-driver.is-sheet-collapsed .cc-finding-handle:is(:hover,:focus,:focus-visible,:active){
    z-index:12!important;
    width:112px!important;
    height:48px!important;
    min-height:48px!important;
    margin:-3px auto 0!important;
    pointer-events:auto!important;
    cursor:pointer!important;
}
#cc-ride-app .cc-finding-driver.is-sheet-collapsed .cc-finding-handle:before{
    top:21px!important;
    width:52px!important;
    height:5px!important;
}


/* Full-width rider trip options and tighter vehicle rhythm - 2026-10-05 */
#cc-ride-app .cc-trip-options-modal{padding-right:0!important;padding-left:0!important}
#cc-ride-app .cc-trip-options-card{width:100vw!important;max-width:100vw!important;margin-right:0!important;margin-left:0!important}
#cc-ride-app .cc-finding-driver:not(.is-searching) .cc-driver-vehicle-image{height:84px!important}


/* Driver logo circle 1.5x size - 2026-10-05 */
#cc-ride-app .cc-finding-driver:not(.is-searching) .cc-finding-driver-card{grid-template-rows:21px 99px 17px!important}
#cc-ride-app .cc-finding-driver:not(.is-searching) .cc-finding-driver-card>.cc-driver-avatar{width:99px!important;height:99px!important}


/* Stable ETA clock with visible hands - 2026-10-05 */
#cc-ride-app .cc-finding-driver.is-in_ride #cc-finding-eta{box-sizing:border-box!important;width:118px!important;min-width:118px!important;justify-content:center!important;font-variant-numeric:tabular-nums!important}
#cc-ride-app .cc-finding-driver.is-in_ride #cc-finding-eta:before{box-sizing:border-box!important;background:linear-gradient(#1776cd,#1776cd) center 2px/2px 5px no-repeat,linear-gradient(90deg,#1776cd,#1776cd) calc(50% + 2px) 50%/5px 2px no-repeat,#fff!important}


/* Anchor the ETA clock and center the driver name above the logo - 2026-10-05 */
#cc-ride-app .cc-finding-driver.is-in_ride #cc-finding-eta:before{top:50%!important;transform:translateY(-50%)!important}
#cc-ride-app .cc-finding-driver:not(.is-searching) #cc-finding-driver-name{width:99px!important;text-align:center!important}


/* Final drawer visual fallback and name nudge - 2026-10-05 */
#cc-ride-app .cc-finding-driver.is-sheet-collapsed:focus-within .cc-finding-sheet{transform:translateY(0)!important}
#cc-ride-app .cc-finding-driver:not(.is-searching) #cc-finding-driver-name{transform:translateX(4px)!important}


/* Edge-to-edge Rider Trip Options pills - 2026-10-05 */
#cc-ride-app #cc-trip-options-menu{
  width:calc(100% + 36px)!important;
  max-width:none!important;
  margin-right:-18px!important;
  margin-left:-18px!important;
}
#cc-ride-app #cc-trip-options-menu>button{
  width:100%!important;
  max-width:none!important;
}


/* Rider change-destination readability + stable in-ride ETA - 2026-10-05 */
#cc-ride-app .cc-trip-options-card header small{font-size:11px!important}
#cc-ride-app .cc-trip-options-card header h2{font-size:27px!important}
#cc-ride-app .cc-trip-option-form label{font-size:13px!important}
#cc-ride-app .cc-trip-option-form input{font-size:18px!important}
#cc-ride-app .cc-trip-option-form input::placeholder{font-size:18px!important}
#cc-ride-app .cc-trip-map-toggle,
#cc-ride-app .cc-trip-map-toggle:is(:hover,:focus,:active){font-size:14px!important}
#cc-ride-app #cc-trip-destination-preview small{font-size:11px!important}
#cc-ride-app #cc-trip-destination-preview strong{font-size:15px!important;line-height:1.25!important}
#cc-ride-app #cc-trip-destination-preview span{font-size:13px!important;line-height:1.3!important}
#cc-ride-app .cc-trip-option-primary,
#cc-ride-app .cc-trip-option-primary:is(:hover,:focus,:active){font-size:15px!important}
#cc-ride-app .cc-trip-option-secondary,
#cc-ride-app .cc-trip-option-secondary:is(:hover,:focus,:active){font-size:14px!important}

#cc-ride-app .cc-finding-driver.is-in_ride .cc-finding-topline{
  position:relative!important;
  min-height:36px!important;
  padding-right:130px!important;
}
#cc-ride-app .cc-finding-driver.is-in_ride #cc-finding-eta{
  position:absolute!important;
  top:0!important;
  right:0!important;
  box-sizing:border-box!important;
  width:118px!important;
  min-width:118px!important;
  max-width:118px!important;
  height:36px!important;
  min-height:36px!important;
  flex:0 0 118px!important;
  overflow:hidden!important;
  line-height:1!important;
  font-variant-numeric:tabular-nums!important;
  contain:layout paint!important;
  animation:none!important;
  transition:none!important;
  transform:none!important;
}
#cc-ride-app .cc-finding-driver.is-in_ride #cc-finding-eta:before{
  top:50%!important;
  left:11px!important;
  margin:0!important;
  transform:translateY(-50%)!important;
  animation:none!important;
  transition:none!important;
}
#cc-ride-app .cc-finding-driver.is-in_ride #cc-finding-eta:after{
  top:50%!important;
  right:10px!important;
  margin:0!important;
  transform:translateY(-53%)!important;
  animation:none!important;
  transition:none!important;
}

/* My Rides: full-width journeys and truthful payment snapshots. Keep last in the cascade. */
#cc-ride-app .cc-trips-screen{
  --cc-trip-gutter:clamp(10px,1.5vw,20px);
  padding:0 var(--cc-trip-gutter) calc(32px + env(safe-area-inset-bottom))!important;
  background:#f1f5f9!important;
  overflow-x:hidden!important;
}
#cc-ride-app .cc-trips-screen *{box-sizing:border-box}
#cc-ride-app .cc-trips-hero{
  min-height:265px!important;
  margin:0 calc(-1 * var(--cc-trip-gutter))!important;
  padding:calc(20px + env(safe-area-inset-top)) var(--cc-trip-gutter) 32px!important;
  gap:30px!important;
  background:radial-gradient(ellipse at 94% 15%,rgba(27,160,234,.36),transparent 54%),linear-gradient(125deg,#0c233c,#123e5e)!important;
}
#cc-ride-app .cc-trips-hero:before{
  inset:auto -12% -130px auto!important;
  width:66%!important;height:290px!important;
  border:1px solid rgba(148,209,244,.20)!important;
  border-radius:50%!important;
  background:transparent!important;
  box-shadow:0 0 0 36px rgba(148,209,244,.05),0 0 0 72px rgba(148,209,244,.035)!important;
  transform:rotate(-18deg)!important;
}
#cc-ride-app .cc-trips-hero:after{display:none!important}
#cc-ride-app .cc-trips-hero>div{width:100%!important;max-width:none!important;padding:0!important}
#cc-ride-app .cc-trips-hero h2{font-size:clamp(36px,5vw,52px)!important;line-height:1.08!important;letter-spacing:-1.5px!important;color:#fff!important}
#cc-ride-app .cc-trips-hero p{margin-top:12px!important;font-size:16px!important;line-height:1.5!important;color:#d6e8f5!important}
#cc-ride-app .cc-trip-filters{
  display:grid!important;grid-template-columns:1.35fr 1fr 1fr!important;
  gap:6px!important;width:100%!important;max-width:none!important;
  margin:20px 0 0!important;padding:5px!important;
  border:1px solid #dce4eb!important;border-radius:16px!important;background:#e6edf3!important;
}
#cc-ride-app .cc-trip-filters button,
#cc-ride-app .cc-trip-filters button:is(:hover,:focus,:active){
  height:auto!important;min-height:48px!important;gap:8px!important;padding:10px 12px!important;
  border:0!important;border-radius:11px!important;box-shadow:none!important;
  background:transparent!important;color:#42566c!important;font-size:14px!important;font-weight:700!important;
  white-space:normal!important;line-height:1.3!important;
}
#cc-ride-app .cc-trip-filters button.is-active,
#cc-ride-app .cc-trip-filters button.is-active:is(:hover,:focus,:active){color:#102d4b!important;background:#fff!important;box-shadow:0 3px 8px rgba(24,47,72,.09)!important}
#cc-ride-app .cc-trip-filters button>b{display:inline-flex;align-items:center;justify-content:center;min-width:24px;padding:3px 6px;border-radius:7px;background:#d9e4ee;color:#234d73;font-size:12px;line-height:1.2}
#cc-ride-app .cc-trip-filters .is-active>b{background:#e4f3ff;color:#126cb1}
#cc-ride-app .cc-trips-tools{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 16px;margin:22px 0 16px;width:100%}
#cc-ride-app .cc-trips-tools label{grid-column:1/-1;color:#354d63;font-size:13px;font-weight:750;line-height:1.4}
#cc-ride-app #cc-trip-search{width:100%;min-width:0;min-height:48px;margin:0;padding:12px 15px;border:1px solid #cad7e3;border-radius:12px;background:#fff;color:#102a42;font:inherit;font-size:16px;box-shadow:none}
#cc-ride-app #cc-trip-search::placeholder{color:#63768a;opacity:1;font-size:14px}
#cc-ride-app #cc-trip-results{color:#53697f;font-size:13px;line-height:1.4;white-space:nowrap}
#cc-ride-app .cc-trip-list,#cc-ride-app #cc-trip-list{width:100%!important;max-width:none!important;margin:0!important;display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:20px!important}
#cc-ride-app .cc-trip-card{
  --cc-card-pad:22px;
  width:100%!important;max-width:none!important;margin:0!important;padding:var(--cc-card-pad)!important;
  border:1px solid #dde6ee!important;border-radius:22px!important;
  background:#fff!important;box-shadow:0 8px 24px rgba(24,47,72,.055)!important;overflow:hidden!important;
}
#cc-ride-app .cc-trip-card.is-active{border-top:3px solid #188dde!important;box-shadow:0 8px 24px rgba(24,47,72,.055)!important}
#cc-ride-app .cc-trip-card.is-terminal{border-top:3px solid #b9cbd9!important}
#cc-ride-app .cc-trip-card-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:16px!important;padding:0!important;background:none!important}
#cc-ride-app .cc-trip-id-label{font-size:11px!important;font-weight:800!important;line-height:1.4!important;letter-spacing:.1em!important;color:#286f9b!important}
#cc-ride-app .cc-trip-card-head .cc-trip-id-block>strong{font-size:22px!important;line-height:1.3!important;letter-spacing:-.45px!important;color:#10263d!important;overflow-wrap:anywhere!important}
#cc-ride-app .cc-trip-card-head .cc-trip-id-block>span{margin-top:3px!important;font-size:13px!important;line-height:1.5!important;color:#576e84!important}
#cc-ride-app .cc-trip-card-head>b{max-width:45%!important;min-height:34px!important;padding:7px 11px!important;border-radius:10px!important;font-size:12px!important;font-weight:750!important;line-height:1.35!important;letter-spacing:0!important;text-transform:none!important;overflow-wrap:anywhere!important}
#cc-ride-app .cc-trip-card-head>b>i{width:6px!important;height:6px!important;flex:0 0 6px!important;box-shadow:none!important}
#cc-ride-app .cc-trip-scheduled{display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:18px;padding:12px 14px;border-radius:12px;background:#f0f7fd;color:#264d70;font-size:13px;line-height:1.5}
#cc-ride-app .cc-trip-route{grid-template-columns:20px minmax(0,1fr)!important;gap:16px!important;margin:22px 0 18px!important;padding:20px 0!important;border-top:1px solid #e8eef4!important;border-bottom:1px solid #e8eef4!important}
#cc-ride-app .cc-trip-route p{gap:22px!important}
#cc-ride-app .cc-trip-route p span>small{font-size:12px!important;font-weight:600!important;line-height:1.4!important;color:#5a7085!important}
#cc-ride-app .cc-trip-route p span>strong{font-size:17px!important;line-height:1.4!important;color:#122c43!important;overflow-wrap:anywhere!important}
#cc-ride-app .cc-trip-route p span>em{font-size:13px!important;line-height:1.5!important;color:#64768a!important;white-space:normal!important;overflow:visible!important;overflow-wrap:anywhere!important}
#cc-ride-app .cc-trip-driver,#cc-ride-app .cc-trip-guest{margin:12px 0!important;padding:14px!important;border-radius:12px!important;background:#f2f7fb!important;display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:5px!important}
#cc-ride-app .cc-trip-driver>span,#cc-ride-app .cc-trip-guest>strong{font-size:11px!important;line-height:1.4!important;color:#486780!important;font-weight:750!important}
#cc-ride-app .cc-trip-driver-row{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;min-width:0!important}
#cc-ride-app .cc-trip-driver-row>div{display:grid!important;gap:3px!important;min-width:0!important}
#cc-ride-app .cc-trip-driver-row strong{font-size:16px!important;line-height:1.4!important;color:#18334b!important}
#cc-ride-app .cc-trip-driver-row small,#cc-ride-app .cc-trip-guest>span{font-size:14px!important;line-height:1.6!important;color:#4e647a!important;overflow-wrap:anywhere!important}
#cc-ride-app .cc-trip-call-driver,#cc-ride-app .cc-trip-call-driver:is(:hover,:focus,:active){display:grid!important;place-items:center!important;flex:0 0 48px!important;width:48px!important;height:48px!important;padding:0!important;border:1px solid rgba(116,207,255,.44)!important;border-radius:50%!important;color:#fff!important;background:linear-gradient(145deg,#139ee9,#0874bd)!important;box-shadow:0 8px 20px rgba(8,116,189,.25)!important;text-decoration:none!important;transform:none!important}
#cc-ride-app .cc-trip-call-driver svg{width:22px!important;height:22px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.9!important;stroke-linecap:round!important;stroke-linejoin:round!important}
#cc-ride-app .cc-trip-pickup-detail{margin:0!important;border-top:0!important;padding:0 0 16px!important}
#cc-ride-app .cc-trip-pickup-detail strong{font-size:12px!important;line-height:1.4!important;color:#5a7085!important}
#cc-ride-app .cc-trip-pickup-detail em{font-size:14px!important;line-height:1.5!important;white-space:normal!important;overflow:visible!important;overflow-wrap:anywhere!important}
#cc-ride-app .cc-trip-meta,#cc-ride-app .cc-trip-card.is-terminal .cc-trip-meta{width:100%!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;margin:0 0 18px!important;padding:0!important}
#cc-ride-app .cc-trip-stat,#cc-ride-app .cc-trip-stat:first-child,#cc-ride-app .cc-trip-stat:last-child,#cc-ride-app .cc-trip-distance{justify-content:flex-start!important;gap:9px!important;min-height:45px!important;padding:10px 12px!important;border:0!important;border-radius:11px!important;background:#f4f7fa!important}
#cc-ride-app .cc-trip-stat>b,#cc-ride-app .cc-trip-distance>b{font-size:13px!important;line-height:1.4!important;font-weight:650!important;white-space:normal!important;overflow:visible!important;overflow-wrap:anywhere!important}
#cc-ride-app .cc-trip-stat>i{flex:0 0 21px!important;width:21px!important;height:21px!important}
#cc-ride-app .cc-trip-stat>i svg{width:21px!important;height:21px!important}
#cc-ride-app .cc-trip-ledger{width:calc(100% + var(--cc-card-pad) + var(--cc-card-pad))!important;max-width:none!important;margin:0 calc(-1 * var(--cc-card-pad))!important;border:1px solid #dae5ee!important;border-left:0!important;border-right:0!important;border-radius:0!important;background:#fff!important;overflow:hidden!important}
#cc-ride-app .cc-trip-card:not(:has(.cc-trip-actions)) .cc-trip-ledger{margin-bottom:calc(-1 * var(--cc-card-pad))!important;border-bottom:0!important;border-radius:0 0 20px 20px!important}
#cc-ride-app .cc-trip-ledger header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding:15px 16px;border-bottom:1px solid #e2eaf1;background:#f3f8fc}
#cc-ride-app .cc-trip-ledger header small,#cc-ride-app .cc-trip-ledger header strong{display:block}
#cc-ride-app .cc-trip-ledger header small{font-size:10px;font-weight:800;letter-spacing:.1em;line-height:1.4;color:#48718e}
#cc-ride-app .cc-trip-ledger header strong{margin-top:4px;font-size:16px;line-height:1.35;color:#14314b}
#cc-ride-app .cc-trip-ledger header>span{max-width:100%;padding:6px 9px;border-radius:8px;font-size:12px;font-weight:700;line-height:1.4}
#cc-ride-app .cc-trip-ledger .is-paid{background:#e4f4ea;color:#246141}
#cc-ride-app .cc-trip-ledger .is-due{background:#fff0eb;color:#9e3928}
#cc-ride-app .cc-trip-ledger .is-pending{background:#fff3d8;color:#7f5b18}
#cc-ride-app .cc-trip-ledger>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
#cc-ride-app .cc-trip-ledger>div p{margin:0;padding:16px;border-right:1px solid #e5edf3;min-width:0}
#cc-ride-app .cc-trip-ledger>div p:last-child{border:0}
#cc-ride-app .cc-trip-ledger>div small,#cc-ride-app .cc-trip-ledger>div b{display:block}
#cc-ride-app .cc-trip-ledger>div small{font-size:12px;line-height:1.4;color:#5a7085}
#cc-ride-app .cc-trip-ledger>div b{margin-top:6px;font-size:18px;line-height:1.4;font-weight:750;color:#16334e;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
#cc-ride-app .cc-trip-ledger>div .has-balance b{color:#a33925}
#cc-ride-app .cc-trip-ledger .cc-amount-unavailable{font-size:13px;font-weight:500;color:#687b8b}
#cc-ride-app .cc-trip-ledger footer{display:flex!important;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;padding:12px 16px;border-top:1px solid #e5edf3;color:#5c7084;font-size:12px;line-height:1.5}
#cc-ride-app .cc-trip-ledger footer>a{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:#126aab;text-decoration:underline;font-weight:700;font-size:14px}
#cc-ride-app .cc-trip-actions{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:10px!important;margin:18px 0 0!important}
#cc-ride-app .cc-trip-actions:has(.cc-trip-cancel){grid-template-columns:minmax(0,1.7fr) minmax(0,1fr)!important}
#cc-ride-app .cc-trip-actions .cc-track-ride,#cc-ride-app .cc-trip-actions .cc-track-ride:is(:hover,:focus,:active),#cc-ride-app .cc-trip-actions .cc-trip-cancel,#cc-ride-app .cc-trip-actions .cc-trip-cancel:is(:hover,:focus,:active){min-height:50px!important;margin:0!important;border-radius:13px!important;font-size:15px!important;padding:10px 42px!important;line-height:1.3!important}
#cc-ride-app .cc-trip-actions .cc-trip-cancel,#cc-ride-app .cc-trip-actions .cc-trip-cancel:is(:hover,:focus,:active){padding:10px 15px!important;box-shadow:none!important;gap:7px!important;background:#fff!important;border:1px solid #e4b9bd!important;color:#b93340!important}
#cc-ride-app .cc-trip-actions .cc-trip-cancel>i{display:none!important}
#cc-ride-app .cc-trip-actions .cc-track-ride>b,#cc-ride-app .cc-trip-actions .cc-trip-cancel>b{font-size:15px!important;line-height:1.3!important}
#cc-ride-app .cc-trip-actions .cc-track-ride>span{display:none!important}
#cc-ride-app .cc-trips-screen :is(button,a,input):focus-visible{outline:3px solid #1689df!important;outline-offset:3px!important}
#cc-ride-app .cc-ride-empty{min-height:160px!important;padding:40px 22px!important;border:1px dashed #c3d3df!important;border-radius:18px!important;box-shadow:none!important;text-align:center!important;background:#fff!important;color:#38536c!important;font-size:16px!important}
#cc-ride-app .cc-ride-empty>strong{font-size:18px;color:#17354f}
#cc-ride-app .cc-ride-empty>p{margin:10px 0 0!important;font-size:14px!important;line-height:1.6!important;color:#60778b!important}
@media(max-width:520px){
  #cc-ride-app .cc-trips-hero{min-height:248px!important;gap:24px!important}
  #cc-ride-app .cc-trip-filters{gap:3px!important;padding:4px!important}
  #cc-ride-app .cc-trip-filters button,#cc-ride-app .cc-trip-filters button:is(:hover,:focus,:active){flex-wrap:wrap!important;gap:5px!important;padding:9px 5px!important;font-size:12px!important}
  #cc-ride-app .cc-trips-tools{grid-template-columns:minmax(0,1fr);gap:7px;margin-top:18px}
  #cc-ride-app #cc-trip-results{margin-top:3px;font-size:12px}
  #cc-ride-app .cc-trip-card{--cc-card-pad:17px;padding:var(--cc-card-pad)!important;border-radius:18px!important}
  #cc-ride-app .cc-trip-card-head{flex-wrap:wrap!important;gap:12px!important}
  #cc-ride-app .cc-trip-card-head>b{max-width:100%!important;min-height:30px!important}
  #cc-ride-app .cc-trip-card-head .cc-trip-id-block>strong{font-size:21px!important}
  #cc-ride-app .cc-trip-route p span>strong{font-size:16px!important}
  #cc-ride-app .cc-trip-actions:has(.cc-trip-cancel){grid-template-columns:minmax(0,1fr)!important}
  #cc-ride-app .cc-trip-ledger>div{grid-template-columns:minmax(0,1fr)}
  #cc-ride-app .cc-trip-ledger>div p{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:11px 14px;border:0;border-bottom:1px solid #edf2f6}
  #cc-ride-app .cc-trip-ledger>div b{margin:0;font-size:17px;text-align:right}
  #cc-ride-app .cc-trip-ledger header,#cc-ride-app .cc-trip-ledger footer{padding:13px 14px}
}