/* Mobile-first layout. Wide-screen refinements are added at the end. */
:root{--page-gutter:16px}
html{font-size:16px;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{min-width:320px}
button,input,select{font:inherit}
.app-shell{display:block;min-height:100vh}
.rail{position:sticky;top:0;z-index:20;width:100%;height:auto;min-height:54px;padding:8px 12px;display:flex;align-items:center;gap:10px;border:0;border-bottom:1px solid #e3e9e5;background:#fff}
.brand{gap:8px}.brand-mark{width:30px;height:30px}.brand-name{font-size:9px}.rail-rule,.rail-label,.rail-bottom{display:none}
.role-nav{display:flex;gap:5px;margin-left:auto;overflow-x:auto;scrollbar-width:none}.role-nav::-webkit-scrollbar{display:none}
.role-button{flex:none;min-height:36px;padding:0 9px;border:1px solid #e8ede9;border-radius:9px;background:#fff;font-size:10px;white-space:nowrap}.role-button.active{background:#edf5ef;border-color:#dcebe1}.role-icon{font-size:13px}
.main-area{min-width:0;width:100%;padding:0}.topbar,.footnote{display:none}.content{width:100%;padding:0 0 24px}.content:has(.customer-screen),.content:has(.driver-screen){padding-top:0}
.customer-screen{width:100%;max-width:none;margin:0;border:0;border-radius:0;box-shadow:none;overflow:hidden}
.customer-appbar{height:60px;padding:0 14px;gap:10px}.round-control{width:38px;height:38px;flex:none}.app-brand{font-size:10px}.mini-brand{width:30px;height:30px}.header-actions{gap:7px}.lang-button{min-height:36px;padding:7px 10px;font-size:11px}
.home-map-stage{height:290px}.map-neighborhood-tag{left:14px;bottom:14px;font-size:11px}.locate-fab{right:14px;bottom:14px;width:42px;height:42px}
.destination-sheet{width:calc(100% - 24px);max-width:none;margin:-82px auto 0;padding:13px;border-radius:18px}.destination-search-row{gap:8px}.where-search{height:50px;padding:0 9px;gap:8px}.where-search b{font-size:14px}.search-square{width:34px;height:34px}.later-button{height:46px;padding:0 10px;font-size:11px}.home-services{grid-template-columns:1fr;gap:2px;margin-top:7px}.service-choice{min-height:54px;padding:8px 4px;gap:10px;border-bottom:1px solid #f0f3f1}.service-choice:last-child{border-bottom:0}.service-symbol{width:36px;height:36px}.service-choice b{font-size:13px}.service-choice small{font-size:10px}.chevron{font-size:20px}
.shortcut-section{max-width:none;margin:24px 0 0;padding:0 var(--page-gutter)}.section-heading{align-items:center;margin-bottom:12px;gap:8px}.section-heading .eyebrow{font-size:9px}.section-heading h2{font-size:21px}.edit-profile{font-size:11px}.shortcut-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.location-shortcut{min-height:70px;padding:10px 9px;gap:8px;border-radius:12px}.shortcut-glyph{width:34px;height:34px;font-size:16px}.shortcut-copy b{font-size:12px;line-height:1.25;white-space:normal;overflow-wrap:anywhere}.shortcut-copy small{font-size:10px;line-height:1.3;white-space:normal;overflow-wrap:anywhere}.shortcut-plus,.saved-check{font-size:16px}.promo-strip{margin:18px var(--page-gutter) 8px;padding:16px;min-height:88px}.promo-strip .eyebrow{font-size:9px}.promo-strip h3{font-size:17px}.promo-strip p{font-size:11px}.promo-icon{font-size:30px}
.location-screen-head{height:54px;padding:0 16px;gap:12px;font-size:15px}.back-link{min-height:40px;font-size:12px}.location-map{height:255px}.map-bottom-caption{bottom:12px;font-size:10px}.location-picker-card{margin:-35px 12px 14px;padding:13px;border-radius:16px}.location-input-wrap{height:52px;padding:0 9px}.location-input-wrap input{font-size:15px}.current-location-row,.place-result{min-height:58px;padding:10px 3px;gap:10px}.current-location-row b,.place-result b{font-size:12px}.current-location-row small,.place-result small{font-size:10px}.current-glyph,.place-pin{width:32px;height:32px}.suggestion-caption{font-size:9px;margin:13px 3px 5px}
.confirm-map,.matched-map,.searching-map{height:235px}.order-card,.searching-card,.captain-card{width:calc(100% - 24px);margin:-27px auto 14px;padding:16px;border-radius:16px}.order-type b{font-size:13px}.order-type small{font-size:10px}.order-locations{margin:15px 0 13px;gap:12px}.order-locations b{font-size:10px}.order-locations small{font-size:13px;line-height:1.4}.order-extra{font-size:12px;gap:8px}.order-extra select{max-width:60%;font-size:11px;padding:8px}.fare-summary{padding:12px}.fare-summary b{font-size:12px}.fare-summary small{font-size:9px;line-height:1.4}.fare-summary strong{font-size:20px}.order-card .primary-button,.searching-card .primary-button,.captain-card .primary-button,.primary-button{min-height:48px;font-size:14px}.cash-note{font-size:10px}.searching-card{padding:17px}.searching-topline{font-size:11px}.searching-card h2{font-size:19px}.searching-card>p{font-size:12px;line-height:1.45}.dispatch-steps>div{min-height:48px;font-size:11px}.dispatch-steps small{font-size:9px}.dispatch-steps i{width:24px;height:24px}.cancel-search{font-size:12px}.matched-map{height:245px}.captain-eta{font-size:11px}.matched-status{font-size:10px}.captain-profile{gap:10px}.captain-photo{height:46px;width:46px;font-size:12px}.captain-copy h2{font-size:15px}.captain-copy h2 span{font-size:10px}.captain-copy p{font-size:10px}.contact-button{height:40px;width:40px}.vehicle-details{gap:8px;padding:10px}.vehicle-thumb{width:46px;height:38px}.vehicle-main b{font-size:11px}.vehicle-main small{font-size:9px}.plate-box{padding-left:8px}.plate-box small{font-size:8px}.plate-box b{font-size:10px}.captain-phone,.pickup-ready{min-height:53px}.captain-phone small,.pickup-ready small{font-size:9px}.captain-phone b,.pickup-ready b{font-size:11px}.captain-phone button{height:34px;width:34px}
.driver-screen{width:100%;max-width:none;margin:0;padding:20px var(--page-gutter)}.role-page-heading{align-items:flex-start;gap:10px;margin:3px 0 16px}.role-page-heading h1{font-size:24px;line-height:1.15}.role-page-heading p:not(.eyebrow){font-size:12px;line-height:1.4;margin-top:6px}.role-page-heading .eyebrow{font-size:9px;margin-bottom:6px}.role-header-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.role-language{color:#17694e;border-color:#dae5dd;background:#fff}.availability-pill{padding:8px 9px;font-size:10px}.driver-metric-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:13px 0}.driver-metric{padding:11px 9px}.driver-metric small{font-size:8px;line-height:1.25;letter-spacing:.04em}.driver-metric b{font-size:20px;margin:8px 0 4px}.driver-metric b i{font-size:9px}.driver-metric span{font-size:9px;line-height:1.3}.driver-dashboard-grid{grid-template-columns:minmax(0,1fr);gap:10px}.dispatch-panel,.driver-info-panel,.admin-panel{padding:14px;border-radius:13px}.panel-heading h2{font-size:15px}.panel-heading .eyebrow{font-size:8px}.wave-chip{font-size:9px;padding:7px 9px}.dispatch-map-mini{height:170px;margin:12px 0}.incoming-request{padding:12px}.request-meta{font-size:10px}.driver-job-route{gap:10px;margin:13px 0}.driver-job-route b{font-size:12px}.driver-job-route small{font-size:10px}.request-footer{gap:8px;font-size:9px}.request-footer span:last-child{text-align:right}.job-actions{gap:8px;margin-top:8px}.job-actions button{min-height:44px;font-size:12px}.driver-side-stack{grid-template-columns:minmax(0,1fr);gap:10px}.driver-info-panel .vehicle-details{margin-top:13px}.rank-priority{font-size:9px}.plan-toggle{margin:12px 0 10px}.plan-toggle button{font-size:11px;padding:10px 4px}.plan-caption{padding:11px}.plan-caption b{font-size:11px}.plan-caption small{font-size:9px;line-height:1.4}.admin-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:13px 0}.admin-metric{padding:12px}.admin-metric small{font-size:8px;line-height:1.25}.admin-metric b{font-size:21px;margin:8px 0 4px}.admin-metric b i{font-size:9px}.admin-metric span{font-size:9px;line-height:1.35}.admin-panel-grid{grid-template-columns:minmax(0,1fr);gap:10px}.fleet-table{min-width:450px}.admin-panel:first-child{overflow-x:auto}.fleet-table th{font-size:8px;padding:0 6px 9px}.fleet-table td{font-size:10px;padding:11px 6px}.admin-verification{font-size:10px}.split-label{font-size:9px}.primary-button{min-height:46px}
html[dir="rtl"] .role-nav{margin-right:auto;margin-left:0}html[dir="rtl"] .shortcut-copy,html[dir="rtl"] .order-card,html[dir="rtl"] .searching-card,html[dir="rtl"] .captain-card,html[dir="rtl"] .driver-screen,html[dir="rtl"] .admin-panel{text-align:right}html[dir="rtl"] .header-actions{margin-right:auto;margin-left:0}html[dir="rtl"] .chevron,html[dir="rtl"] .search-chevron{transform:scaleX(-1)}
@media(max-width:380px){:root{--page-gutter:12px}.rail{padding-inline:9px;gap:7px}.brand-name{font-size:8px}.role-button{padding-inline:7px;font-size:9px}.role-button .role-icon{display:none}.customer-appbar{height:56px}.home-map-stage{height:265px}.shortcut-grid{gap:7px}.location-shortcut{padding:9px 7px;gap:6px}.shortcut-glyph{width:30px;height:30px}.role-page-heading h1{font-size:21px}.role-header-actions{gap:4px}.availability-pill{font-size:9px;padding:7px}.driver-metric{padding:10px 7px}.driver-metric b{font-size:18px}.admin-metric{padding:10px}.plate-box b{font-size:9px}}
@media(min-width:700px){:root{--page-gutter:24px}.app-shell{display:grid;grid-template-columns:232px minmax(0,1fr)}.rail{position:sticky;top:0;grid-row:1;grid-column:1;height:100vh;min-height:0;padding:25px 17px;display:flex;flex-direction:column;align-items:stretch;gap:0;border:0;border-right:1px solid #e7ece9}.brand{padding:0 7px 22px}.brand-mark{width:35px;height:35px}.brand-name{font-size:10px}.rail-rule{display:block;height:1px;background:#e9eeeb;margin-bottom:19px}.rail-label{display:block;margin:0 8px 9px;color:#96a099;font-size:8px;letter-spacing:.14em;font-weight:700}.role-nav{display:grid;gap:5px;margin:0;overflow:visible}.role-button{min-height:40px;padding:0 10px;border:1px solid transparent;font-size:11px}.role-button .role-icon{display:inline}.rail-bottom{display:block;margin-top:auto}.service-note{display:flex;align-items:center;gap:9px;padding:11px 9px;border-radius:9px;background:#f3f7f4}.service-note strong,.service-note small{display:block}.service-note strong{font-size:9px}.service-note small{font-size:8px;color:#849088;margin-top:4px}.help-link{display:block;margin:15px 7px;border:0;background:none;color:#69776f;font-size:9px}.profile{display:flex;align-items:center;gap:8px;padding:11px 6px;border-top:1px solid #e9eeeb}.profile strong,.profile small{display:block}.profile strong{font-size:9px}.profile small{font-size:8px;color:#849088;margin-top:3px}.avatar,.top-avatar{width:27px;height:27px;display:grid;place-items:center;border-radius:50%;background:#eaf1eb;color:#456950;font-size:9px}.profile .more{margin-left:auto}.main-area{grid-row:1;grid-column:2;min-width:0;padding:0 25px}.topbar{height:62px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e9eeeb}.crumb{font-size:10px;color:#8b9690}.crumb-sep{margin:0 8px;color:#c0c8c3}.crumb strong{color:#3d4942}.top-actions{display:flex;align-items:center;gap:12px}.service-status{font-size:9px;color:#587263}.service-status i,.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#39a374}.icon-button{position:relative;width:30px;height:30px;border:1px solid #e7ece8;border-radius:9px;background:#fff;color:#546159}.notification-dot{position:absolute;right:6px;top:5px;width:5px;height:5px;border-radius:50%;background:#da6257}.content{padding:20px 0 0}.footnote{height:39px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e9eeeb;color:#97a19b;font-size:8px;letter-spacing:.06em}.footnote b{color:#25845e}.customer-screen{max-width:1040px;margin:0 auto 28px;border:1px solid #e8ece9;border-radius:0 0 18px 18px;box-shadow:0 10px 35px #1b38250a}.customer-appbar{height:72px;padding:0 20px}.home-map-stage{height:330px}.destination-sheet{width:calc(100% - 40px);max-width:760px;margin-top:-104px;padding:16px 18px 12px}.home-services{grid-template-columns:1fr 1fr;gap:6px}.service-choice{min-height:52px;padding:8px}.service-choice b{font-size:12px}.service-choice small{font-size:9px}.shortcut-section{max-width:960px;margin:23px auto 0;padding:0 20px}.shortcut-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.location-shortcut{min-height:62px;padding:9px 7px;gap:7px}.shortcut-glyph{width:29px;height:29px}.shortcut-copy b{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shortcut-copy small{font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shortcut-plus,.saved-check{font-size:12px}.promo-strip{max-width:960px;margin:17px auto 25px;padding:16px 22px}.location-screen-head{padding-inline:20px}.location-map{height:300px}.location-picker-card{margin:-45px 20px 20px;padding:16px 17px 12px}.confirm-map,.matched-map,.searching-map{height:270px}.order-card,.searching-card,.captain-card{width:auto;max-width:680px;margin:-30px auto 24px;padding:18px 20px}.searching-card{max-width:620px}.captain-card{max-width:520px}.driver-screen{max-width:1150px;margin:0 auto;padding:25px 0}.driver-dashboard-grid{grid-template-columns:1.15fr .85fr;gap:13px}.driver-side-stack{grid-template-columns:minmax(0,1fr)}.admin-panel-grid{grid-template-columns:1.2fr .8fr;gap:12px}.admin-panel:first-child{overflow:visible}.fleet-table{min-width:0}}
@media(min-width:1000px){.main-area{padding:0 32px}.home-map-stage{height:360px}.customer-appbar{height:84px;padding:0 25px}.destination-sheet{margin-top:-116px;padding:18px 20px 14px}.shortcut-section{margin-top:26px;padding:0 24px}.shortcut-grid{gap:9px}.location-shortcut{min-height:0;padding:11px 9px;gap:9px}.shortcut-glyph{width:30px;height:30px}.shortcut-copy b{font-size:9px}.shortcut-copy small{font-size:7px}.confirm-map,.matched-map,.searching-map{height:290px}}