.admin-menu{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:25px}.admin-menu button.active{background:#173c2c;color:white;border-color:#173c2c}.admin-shortcuts,.pager,.history-filters{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.history-filters label{flex:1}.history-filters select{width:100%;padding:13px;border:1px solid #cad7c4;border-radius:10px;background:white;font:inherit}.pager{justify-content:space-between;margin:20px 0}.admin-menu~section{max-width:900px;margin:auto}.admin-menu~section .card{margin-bottom:20px}.driver-fixed{height:100dvh;overflow:hidden;display:flex;flex-direction:column}.driver-fixed>footer{display:none}.driver-fixed>header{flex-shrink:0;padding:8px 16px}.driver-fixed>header .logo{font-size:30px}.driver-fixed #app{width:100%;flex:1;min-height:0;padding:12px;overflow:hidden;display:flex}.driver-fixed .driver-shell{flex:1;display:flex;flex-direction:column;min-height:0;gap:10px}.driver-fixed .driver-hero{padding:14px;margin:0;flex-shrink:0}.driver-fixed .driver-hero h1{font-size:23px;margin:4px 0}.driver-fixed .driver-hero p{font-size:12px;margin:0}.driver-fixed .driver-summary{margin:0;gap:8px;flex-shrink:0}.driver-fixed .driver-stat{padding:8px 12px}.driver-fixed .driver-stat strong{font-size:20px}.driver-fixed .driver-menu{flex-shrink:0;margin:0;display:flex;gap:5px}.driver-fixed .driver-menu-btn{padding:9px 7px;font-size:12px;flex:1}.driver-fixed .driver-view{flex:1;min-height:0;overflow:auto;margin:0;padding:15px}.driver-fixed #driver-view-map{padding:0}.driver-fixed #geo-container,.driver-fixed .geo-panel{height:100%;margin:0}.driver-fixed .geo-panel{display:flex;flex-direction:column;padding:12px}.driver-fixed .trip-map{flex:1;min-height:110px;height:auto}.driver-fixed .geo-caption{margin:6px 0;font-size:12px}.driver-fixed .geo-panel>small{display:none}.driver-fixed .driver-hero-side{gap:6px}.driver-fixed #enable-driver-sound{padding:6px 9px;font-size:11px}.driver-fixed .ride{padding:12px}.driver-fixed .route{margin:10px 0;gap:7px}.driver-fixed .driver-section-head p{display:none}.driver-fixed .driver-section-head h2{font-size:18px;margin-bottom:12px}.driver-fixed .geo-actions{margin-top:8px}.driver-fixed .geo-actions button{padding:7px;font-size:12px}.rider-step-nav{display:flex;gap:8px;justify-content:space-between;margin-top:12px}.rider-step-nav button{flex:1}.rider-mode .rider-expanded{max-height:72dvh}.rider-mode .rider-sheet{overscroll-behavior:contain}@media(max-width:600px){.driver-fixed .driver-hero{display:flex;align-items:center;gap:8px}.driver-fixed .driver-hero-copy{flex:1}.driver-fixed .driver-hero-side{width:auto}.driver-fixed .driver-hero h1{font-size:18px}.driver-fixed .eyebrow{font-size:9px}.driver-fixed .driver-availability{font-size:12px;padding:10px}.driver-fixed .driver-live{font-size:10px}.driver-fixed .driver-stat small{font-size:10px}.driver-fixed .driver-menu-btn{white-space:normal}.driver-fixed .geo-heading h2{font-size:15px}.driver-fixed .geo-heading .badge{font-size:10px}}
.driver-fixed .driver-hero{flex-direction:row;text-align:left;padding:10px;gap:10px}.driver-fixed .driver-hero-side{min-width:0;max-width:145px;align-items:stretch}.driver-fixed .driver-stat small{margin-bottom:3px}.driver-fixed .driver-view .ride p{margin:8px 0;font-size:13px}.driver-fixed .driver-view .ride strong{font-size:14px}.driver-fixed .driver-view .ride .route{font-size:13px}.driver-fixed .pager{margin:8px 0;gap:5px}.driver-fixed .pager button{padding:8px}.driver-fixed .driver-menu-btn{min-height:42px}.rider-mode .rider-grab{margin-bottom:10px}.rider-mode .rider-sheet-title{margin-bottom:12px}.rider-mode .rider-address-section{padding:8px 0}.rider-mode .section-hint{display:none}.rider-mode .trip-progress{margin:8px 0}.rider-mode .rider-primary,.rider-mode .rider-secondary{padding:12px;margin-top:8px}.rider-mode .review-hero{display:none}.rider-mode .rider-payment{padding:10px 0}.rider-mode .rider-trip-addresses{margin:10px 0;padding:8px 12px}.rider-mode .driver-arrival{margin:10px 0}.rider-mode .rider-help{margin:8px 0;line-height:1.4}.rider-mode .pager{margin:8px 0}.rider-mode .pager button{padding:9px}.rider-mode .rider-history-item{padding:8px 0}.rider-mode .rider-sheet{max-height:calc(100dvh - 105px)}
@media(max-height:700px){.driver-fixed .driver-hero-copy p,.driver-fixed .driver-hero-copy .eyebrow,.driver-fixed .driver-live{display:none}.driver-fixed .driver-summary{display:none}.driver-fixed .driver-hero h1{font-size:16px}.driver-fixed .driver-view{padding:10px}.rider-mode .rider-grab{display:none}.rider-mode .rider-sheet{padding:12px}.rider-mode .rider-menu-hero{padding:14px}.rider-mode .rider-menu-nav button{padding:9px}.rider-mode .rider-menu-footer{padding:10px}}