@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;600;700&display=swap');

/* Shared Material 3 roles. All three applications use the same components. */
:root{--md-primary:#286750;--md-on-primary:#fff;--md-primary-container:#c7ecd8;--md-on-container:#0c3826;--md-surface:#f7faf7;--md-surface-low:#eff4ef;--md-surface-high:#e5ece6;--md-outline:#bcc9bf;--md-text:#1b2821;--md-muted:#53645a;--md-error:#a3322c;--md-shadow:0 2px 8px #193c2310;--md-radius:24px;font-family:Roboto,Arial,sans-serif;color:var(--md-text);background:var(--md-surface);font-synthesis:none;color-scheme:light}
body{color:var(--md-text);background:var(--md-surface)}
button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{min-height:48px;border-radius:100px;padding:12px 24px;font-size:14px;font-weight:600;border:1px solid var(--md-outline);color:var(--md-primary);background:transparent;transition:background .15s,box-shadow .15s,transform .15s}button:hover{background:#2867500d}button:active{transform:scale(.98)}button:disabled{cursor:not-allowed;opacity:.46;transform:none}.primary{background:var(--md-primary);color:var(--md-on-primary);border:1px solid transparent;border-radius:100px;min-height:52px;box-shadow:none;font-size:14px}.primary:hover{background:#205640;box-shadow:var(--md-shadow)}.secondary{border-color:var(--md-outline);color:var(--md-primary);border-radius:100px;min-height:48px;font-size:14px}.quiet{color:var(--md-muted);background:transparent;border:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--md-primary);outline-offset:3px}
input,select,textarea{background:transparent;border:1px solid #879b8c;border-radius:12px;color:var(--md-text);font-size:16px;min-height:56px;padding:14px 16px;max-width:100%}input::placeholder,textarea::placeholder{color:#66796c;opacity:1}label{color:var(--md-muted);font-size:13px;font-weight:500}p{color:var(--md-muted);font-size:14px;line-height:1.6}h1{font-weight:500;font-size:32px;letter-spacing:-.7px;line-height:1.2}h2{font-weight:500;letter-spacing:-.3px}a{color:var(--md-primary)}.eyebrow{font-size:11px;letter-spacing:1.2px;color:var(--md-primary);font-weight:600}.brand,.logo{font-family:Roboto,Arial,sans-serif;font-size:23px;font-weight:700;letter-spacing:-.9px;color:var(--md-on-container)}.brand span,.logo span{color:var(--md-primary)}.brand-mark{width:36px;height:36px;display:inline-grid;place-items:center;vertical-align:middle;margin-right:10px;background:var(--md-primary-container);border-radius:12px;color:var(--md-primary);font-size:20px;letter-spacing:0}
.topbar,.order-header{height:80px;padding:12px 4vw;border:0;background:var(--md-surface);gap:24px;position:relative;z-index:4}.topbar nav{gap:8px}.topbar nav a{border-radius:100px;min-height:48px;display:inline-flex;align-items:center;gap:8px;font-size:14px;color:var(--md-muted);padding:12px 20px}.topbar nav a.selected{background:var(--md-primary-container);color:var(--md-on-container);font-weight:600}.workspace{max-width:1440px;padding:24px 4vw 40px}.page-heading{margin-bottom:24px}.page-heading h1{margin:8px 0}.page-heading p{margin:8px 0 0}.heading-actions{gap:8px}.demo-tag{background:var(--md-surface-high);color:var(--md-muted);font-size:11px;font-weight:500;padding:7px 12px}.sync{font-size:12px;color:var(--md-muted)}.notice{border:0;border-radius:16px;background:#edf2e9;color:#42583d;padding:14px 18px;font-size:13px;margin:12px 0;line-height:1.5}.presentation-note{font-size:12px;color:var(--md-muted);margin:24px 0}.presentation-note summary{cursor:pointer;min-height:48px;display:flex;align-items:center;gap:8px}.presentation-note p{margin:0 0 16px;font-size:13px}.message{background:var(--md-primary-container);color:var(--md-on-container);border-radius:16px;font-size:14px}.message:empty{display:none}.message.error,.error,.error-message{background:#ffdad5;color:#7d211d;border-radius:16px}.stats{gap:12px;margin:24px 0}.stat{border:0;border-radius:20px;background:var(--md-surface-low);padding:20px 24px}.stat:first-child{background:var(--md-primary-container);color:var(--md-on-container)}.stat strong{font-weight:500;font-size:30px;letter-spacing:-.5px;line-height:1.1}.stat span{font-size:12px;opacity:1;color:var(--md-muted)}.content-grid{grid-template-columns:minmax(0,1fr) 300px;gap:24px;margin-top:28px}.section-title{margin-bottom:20px}.section-title h2{font-size:24px;margin:6px 0}.section-title a{font-size:14px;text-decoration:none;min-height:48px;display:inline-flex;align-items:center}.section-title button{font-size:14px}.filters{gap:0;align-items:center;margin-bottom:20px}.filters button{border:1px solid var(--md-outline);border-radius:0;font-size:14px;min-height:48px;padding:10px 18px;background:transparent;color:var(--md-muted);margin-left:-1px}.filters button:first-child{border-radius:100px 0 0 100px;margin-left:0}.filters button:nth-child(3){border-radius:0 100px 100px 0}.filters button.selected{background:var(--md-primary-container);color:var(--md-on-container);border-color:var(--md-outline)}.filters input{border:0;background:var(--md-surface-high);border-radius:100px;font-size:14px;min-height:48px;width:230px;padding:12px 20px}.ride{border:1px solid #d7e2d8;border-radius:24px;background:#fff;padding:24px;box-shadow:0 1px 2px #173b3205}.ride-head{flex-wrap:wrap}.ride-head small{font-size:12px;color:var(--md-muted)}.badge{font-size:12px;border-radius:8px;padding:7px 12px;font-weight:500}.badge.searching{background:#fff0c0;color:#644b00}.badge.offered{background:#dbe8ff;color:#254775}.badge.assigned,.badge.completed{background:var(--md-primary-container);color:var(--md-on-container)}.badge.cancelled{background:#ffdad5;color:#7d211d}.route{margin:24px 0;padding-left:22px;border-color:#aec3b3;gap:20px}.route div:before{left:-28px;background:var(--md-primary);width:10px;height:10px}.route div:last-child:before{background:var(--md-primary);border-radius:3px}.route small{text-transform:none;font-size:12px;letter-spacing:0;color:var(--md-muted);margin-bottom:5px}.route strong{font-size:17px;font-weight:500;line-height:1.4}.ride-meta{gap:8px;font-size:12px;color:var(--md-muted)}.ride-meta span{background:var(--md-surface-low);border-radius:8px;padding:7px 10px}.ride-meta [data-deadline]{background:#fff0c0;color:#644b00;font-variant-numeric:tabular-nums}.ride-note{font-size:14px;color:var(--md-muted)}.ride-bottom{border-color:#e3eae3;gap:16px}.price{font-size:24px;font-weight:500}.price small{font-size:12px;color:var(--md-muted)}.actions button,.actions select{font-size:14px;min-height:48px;padding:12px 20px}.driver-card,.guide{background:var(--md-surface-low);border:0;border-radius:24px;padding:24px}.driver-card strong{font-size:16px;font-weight:500}.driver-card small{font-size:12px;color:var(--md-muted)}.avatar{width:44px;height:44px;background:var(--md-primary-container);color:var(--md-on-container);font-weight:500}.guide h2{font-size:22px}.guide p,.guide ol{font-size:14px;color:var(--md-muted)}.empty{border:0;background:var(--md-surface-low);border-radius:24px;padding:48px 24px;color:var(--md-muted);font-size:14px}.empty:before{content:'✓';display:grid;place-items:center;width:56px;height:56px;margin:0 auto 20px;border-radius:20px;background:var(--md-primary-container);color:var(--md-primary);font-size:26px}.empty strong{font-size:18px;font-weight:500;color:var(--md-text)}.driver-toolbar{background:var(--md-primary-container);border:0;border-radius:24px;padding:24px;gap:16px;flex-wrap:wrap;margin:0 0 24px}.driver-toolbar label{color:var(--md-on-container);margin-bottom:8px}.driver-toolbar select{background:#ffffff9e;min-width:220px;border-color:transparent}.driver-toolbar .muted{color:var(--md-on-container);font-size:13px}.driver-toolbar #availability{background:var(--md-primary);color:white;border-color:transparent}.driver-toolbar #enablePush{margin-left:auto;border-color:#8bb79d}.driver-toolbar #availability{margin-left:0}#notificationFeed{display:grid;gap:8px}#notificationFeed .notice{margin:0;background:#e5eeff;color:#304c75}#notificationFeed .notice:not(:first-child){display:none}.login-page{background:var(--md-surface-low)}.login-card{border-radius:32px;box-shadow:var(--md-shadow);padding:40px;max-width:460px}.login-card .eyebrow{font-size:11px;letter-spacing:.8px}.login-card h1{font-size:30px}.login-card>small{font-size:12px;color:var(--md-muted)}.login-card input{margin-top:8px}.login-card .primary{margin-top:16px}footer{border:0;color:var(--md-primary);font-size:12px}footer span{color:var(--md-muted)}.mobile-nav{display:none}.driver-form{border:1px solid #d7e2d8!important;border-radius:24px!important;padding:24px!important;gap:20px!important}.driver-form h2{font-size:22px}.driver-form p{margin:0}.driver-form input,.driver-form select{min-height:56px!important}.driver-form button{align-self:end}.driver-form label{font-size:13px!important}

/* Booking: a familiar map with a single, calm sheet for the journey. */
.order-header{border-bottom:1px solid #e2eae3}.header-caption{color:var(--md-muted);font-size:13px}.service-badge{background:var(--md-primary-container);color:var(--md-on-container);border:0;font-size:12px;padding:10px 16px}.booking-layout{height:calc(100dvh - 80px);grid-template-columns:440px minmax(0,1fr);gap:16px;padding:16px;max-width:1800px}.booking-sheet{border-radius:28px;box-shadow:none;padding:28px;background:#fff}.intro h1{font-size:32px;margin:12px 0}.intro p{color:var(--md-muted);font-size:15px;margin:12px 0 24px}.address-block{background:var(--md-surface-low);border-radius:20px;padding:4px 16px}.address-row{padding:12px 0;gap:16px}.address-field label{font-size:12px;color:var(--md-muted);margin-bottom:0}.address-field input{min-height:44px;font-size:16px;font-weight:400;padding:8px 0;color:var(--md-text);border-radius:4px}.address-row:first-child{border-color:#d3dfd5}.address-row:first-child:after{left:4px;top:48px;height:48px;border-color:#9cb8a5}.pickup-point{background:var(--md-primary);box-shadow:0 0 0 4px #d2e9d9}.destination-point{background:var(--md-primary);border-radius:2px}.hint{color:var(--md-muted);font-size:12px;line-height:1.5;margin:12px 0 20px}.section-heading{align-items:flex-start;flex-direction:column;gap:6px;margin:24px 0 16px}.section-heading h2{font-size:18px;font-weight:500}.section-heading span{font-size:12px;color:var(--md-muted)}.pet-option{border-radius:16px;border-color:var(--md-outline);padding:14px 8px;gap:8px;min-height:88px}.pet-option:has(input:checked){background:var(--md-primary-container);border-color:var(--md-primary);box-shadow:none}.pet-option strong{font-size:14px;font-weight:500}.pet-symbol{font-size:28px}.two-fields{gap:16px;margin:24px 0}.two-fields label{font-size:13px;font-weight:500}.optional{font-size:11px;color:var(--md-muted)}.two-fields input,.two-fields select{border:1px solid #879b8c;border-radius:12px;padding:14px 12px;font-size:16px;color:var(--md-text);margin-top:8px;min-height:56px}#rideForm>label:not(.guardian){display:grid;gap:8px;font-size:13px}#rideForm>label:not(.guardian)>input{width:100%;margin:0}.guardian{font-size:14px;align-items:center;gap:12px;margin:24px 0;min-height:48px}.guardian input{min-height:24px;width:24px;height:24px;accent-color:var(--md-primary)}.guardian small{font-size:12px;color:var(--md-muted);margin-top:5px}details{font-size:14px;color:var(--md-muted);margin:20px 0}summary{min-height:48px;align-content:center}textarea{font-size:16px;min-height:96px}.fare-note{font-size:12px;color:var(--md-muted);margin-top:16px}.care-note{margin-top:24px;padding-top:20px;gap:16px}.care-note strong{font-size:14px;font-weight:500}.care-note small{font-size:12px;color:var(--md-muted)}.map-panel{border-radius:28px;background:var(--md-surface-high)}.map-label{border-radius:20px;left:24px;bottom:24px;padding:16px 20px;box-shadow:var(--md-shadow)}.map-label strong{font-size:14px;font-weight:500}.map-label small{font-size:12px;color:var(--md-muted)}.route-summary{background:var(--md-primary-container);color:var(--md-on-container);border:0;border-radius:12px;font-size:14px;padding:16px}.quote-card,.ride-status{border:0;background:var(--md-surface-low);border-radius:24px;padding:24px;margin-top:20px}.quote-price{font-size:36px;font-weight:500}.quote-card p,.ride-status p{font-size:14px;color:var(--md-muted)}.quote-head small{font-size:12px;color:var(--md-muted)}.ride-status h2{font-size:26px;line-height:1.25}.progress-dots{gap:4px}.progress-dots span{height:6px;background:#d9e4dc}.progress-dots span.on{background:var(--md-primary)}#offerCountdown{font-variant-numeric:tabular-nums;color:var(--md-primary);font-weight:500}.address-suggestions{border:0;border-radius:16px;box-shadow:0 6px 20px #14352624}.address-suggestions button{border-radius:0;min-height:56px;font-size:14px;padding:14px 16px;font-weight:400;color:var(--md-text)}.address-suggestions button:hover,.address-suggestions button[aria-selected=true]{background:var(--md-primary-container)}
@media(min-width:1500px){.booking-layout{grid-template-columns:480px minmax(0,1fr)}.booking-sheet{padding:32px}}
@media(max-width:1100px){.topbar{gap:16px}.topbar nav a{padding:12px;font-size:13px}.content-grid{grid-template-columns:minmax(0,1fr) 260px}.filters input{margin:12px 0 0;width:100%}.driver-toolbar #enablePush{margin-left:0}}
@media(max-width:840px){.booking-layout{height:auto;display:flex;flex-direction:column;padding:0;gap:0}.order-header{height:64px;padding:8px 20px}.header-caption{display:none}.service-badge{font-size:11px;padding:8px 12px}.logo{font-size:21px}.map-panel{order:0;height:32dvh;min-height:200px;border-radius:0}.booking-sheet{order:1;border-radius:28px 28px 0 0;margin-top:-24px;padding:12px 20px 24px;overflow:visible;box-shadow:0 -2px 8px #193c2310}.sheet-handle{display:block;width:32px;height:4px;background:#bac9bd;border-radius:10px;margin:0 auto 24px}.intro h1{font-size:28px}.intro p{margin-bottom:24px}.map-label{display:none}.care-note{padding-bottom:env(safe-area-inset-bottom)}.content-grid{grid-template-columns:1fr}.driver-grid aside{display:none}.topbar nav a{padding:12px 14px}.stat{padding:20px}.stats{gap:12px}.stat strong{font-size:28px}}
@media(max-width:600px){.topbar{height:64px;flex-wrap:nowrap;padding:8px 20px;gap:8px}.topbar .brand{font-size:21px}.brand-mark{width:32px;height:32px;margin-right:8px}.topbar nav{display:none}.topbar>form{margin-left:auto}.topbar .quiet{font-size:13px;padding:10px 12px}.workspace{padding:24px 16px calc(100px + env(safe-area-inset-bottom))}.page-heading{display:block;margin-bottom:24px}.page-heading h1{font-size:28px;margin:8px 0}.page-heading p{font-size:14px}.page-heading .eyebrow{display:none}.heading-actions{flex-direction:row;align-items:center;justify-content:space-between;max-width:none;margin-top:16px}.heading-actions .demo-tag{font-size:11px}.sync{font-size:11px}.driver-toolbar{border-radius:24px;padding:20px;gap:12px}.driver-toolbar>div:first-child{width:100%}.driver-toolbar select{width:100%;font-size:16px}.driver-toolbar #driverInfo{width:100%}.driver-toolbar #availability{flex:1;order:3}.driver-toolbar #enablePush{flex:1;order:4;font-size:13px;padding:12px 16px}.stats{grid-template-columns:repeat(2,minmax(0,1fr));margin:20px 0}.stat{padding:16px}.stat strong{font-size:25px;overflow-wrap:anywhere}.stat span{font-size:12px;line-height:1.4}.section-title{gap:12px;flex-wrap:wrap}.section-title h2{font-size:22px}.section-title .eyebrow{display:none}.section-title button{font-size:13px;padding:12px 18px}.filters{width:100%;flex-wrap:wrap}.filters button{flex:1;font-size:13px;padding:10px 12px}.filters input{flex-basis:100%;margin-top:16px;font-size:16px}.ride{padding:20px}.ride-head small{font-size:11px}.ride-bottom{flex-direction:column;align-items:stretch}.actions{width:100%}.actions button{flex:1}.route strong{font-size:16px}.price{font-size:24px}.ride-meta{font-size:12px}.empty{padding:32px 20px}.content-grid{margin-top:24px;gap:24px}.presentation-note{margin-bottom:0}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:50;background:#eaf2eb;border-top:1px solid #d8e4da;padding:8px 8px calc(8px + env(safe-area-inset-bottom));justify-content:space-around;box-shadow:0 -2px 12px #183b3206}.mobile-nav a{flex:1;text-align:center;color:var(--md-muted);font-size:12px;text-decoration:none;display:flex;align-items:center;flex-direction:column;gap:4px;min-height:56px;font-weight:500}.nav-icon{width:60px;height:30px;display:grid;place-items:center;border-radius:100px;font-size:21px;line-height:1}.mobile-nav a.selected{color:var(--md-on-container)}.mobile-nav a.selected .nav-icon{background:var(--md-primary-container)}footer{margin-top:32px;gap:20px;line-height:1.4}footer span{max-width:160px}.login-card{padding:28px 24px;width:100%;border-radius:28px}.login-card .eyebrow{line-height:1.5}.driver-form{padding:20px!important;grid-template-columns:1fr!important}.driver-form h2{font-size:22px}.driver-form button{width:100%}#rides,#driverProfile{scroll-margin-top:24px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media(max-width:600px){body[data-mode="driver"] .stats{display:none}body[data-mode="driver"] .content-grid{margin-top:24px}.driver-toolbar #enablePush{white-space:normal}.mobile-nav a:active .nav-icon{background:var(--md-primary-container)}}