/* Map-first Zippi Driver presentation inspired by modern ride-hailing workflows. */
.driver-head{box-shadow:0 5px 22px #0000000b}.availability{min-width:88px}.availability.online{box-shadow:0 5px 14px #dfad1f55}.driver-map{border:1px solid var(--line);box-shadow:0 12px 28px #00000012}.offer{box-shadow:0 8px 24px #0000000b}.offer-actions .primary{background:#111;color:#fff}.stats-grid .stat-card{min-height:82px}.driver-nav button{min-height:48px}.driver-nav button:active,.icon-button:active,.availability:active{transform:scale(.96)}
.navigation-mode .driver-head-main{border:1px solid #ffffff77}.navigation-mode .navigation-popup{background:rgba(255,255,255,.96);backdrop-filter:blur(18px);border:1px solid #fff}.navigation-mode .navigation-popup>small{color:#8b6500}.navigation-mode .navigation-popup h2{line-height:1.25}.navigation-mode .navigation-popup .primary{min-height:48px}
html[data-theme="dark"] .navigation-mode .navigation-popup{background:rgba(23,24,27,.96);border-color:#34353a}html[data-theme="dark"] .driver-map{box-shadow:0 14px 30px #0008}
.navigation-mode .driver-head{padding:6px 9px}.navigation-mode .driver-head-main{border-radius:14px;min-height:48px;padding:5px 8px}.navigation-mode .driver-logo{height:27px;width:108px}.navigation-mode .icon-button,.navigation-mode .availability{height:31px;padding:0 9px}.navigation-mode #offers{bottom:max(8px,env(safe-area-inset-bottom));left:9px;right:9px}.navigation-mode .navigation-popup{border-radius:16px;max-height:31vh;overflow:auto;padding:10px 12px}.navigation-mode .navigation-popup>small{font-size:6px}.navigation-mode .navigation-popup h2{font-size:11px;margin:3px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.navigation-mode .navigation-popup p{font-size:8px;line-height:1.2;margin:3px 0}.navigation-mode .rider-contact-actions{display:block;margin:5px 0}.navigation-mode .message-rider,.navigation-mode .contact-rider{border-radius:9px;font-size:7px;min-height:30px;padding:7px;width:100%}.navigation-mode .navigation-popup .primary{border-radius:10px;font-size:9px;min-height:38px;padding:8px}.navigation-mode .launch-navigation{border-radius:9px}
.navigation-mode #offers{bottom:4px}.navigation-mode .navigation-popup{max-height:none;overflow:visible;padding:8px 10px}.navigation-mode .navigation-popup h2{font-size:10px}.navigation-mode .guidance-controls{margin:4px 0}.navigation-mode .guidance-controls button{min-height:27px}.navigation-mode .backup-navigation{margin:3px 0;min-height:27px;padding:5px}.navigation-mode .rider-contact-actions{display:grid;gap:5px;grid-template-columns:repeat(2,minmax(0,1fr));margin:4px 0}.navigation-mode .message-rider,.navigation-mode .contact-rider{align-items:center;display:flex;justify-content:center;margin:0;min-height:28px;padding:5px}.navigation-mode .navigation-popup .primary{min-height:34px;padding:6px}