/* Non-blocking fixed navigation overlay shared by driver and dispatcher views. */
.cnfr-navigation{position:fixed;inset:0;z-index:99990;pointer-events:none;color:#fff;font-family:inherit}
.cnfr-navigation[hidden]{display:none}
.cnfr-navigation__instruction{position:absolute;top:max(12px,env(safe-area-inset-top));left:50%;display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:14px;align-items:center;width:min(760px,calc(100vw - 24px));padding:14px 16px;transform:translateX(-50%);border:1px solid rgba(255,255,255,.18);border-radius:18px;background:rgba(13,23,18,.94);box-shadow:0 16px 42px rgba(0,0,0,.34);backdrop-filter:blur(12px);pointer-events:auto}
.cnfr-navigation__icon{display:grid;place-items:center;width:58px;height:58px;border-radius:16px;background:#fff;color:#10251b;font-size:36px;font-weight:800}
.cnfr-navigation__icon svg{width:42px;height:42px}
.cnfr-navigation__copy{display:grid;min-width:0;gap:2px}
.cnfr-navigation__maneuver-distance{color:#b8e6c8;font-size:.82rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.cnfr-navigation__next{overflow:hidden;font-size:clamp(1rem,2.2vw,1.35rem);line-height:1.2;text-overflow:ellipsis}
.cnfr-navigation__street{overflow:hidden;color:#d4ded8;font-size:.85rem;white-space:nowrap;text-overflow:ellipsis}
.cnfr-navigation__controls{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px;max-width:220px}
.cnfr-navigation button,.glcp-driver-portal [data-cnfr-navigate-stop],.glcp-fleet-simulation [data-cnfr-navigate-stop]{min-height:38px;border:1px solid rgba(255,255,255,.35);border-radius:999px;padding:7px 12px;background:#166534;color:#fff;font:inherit;font-weight:700;cursor:pointer}
.cnfr-navigation button{background:#243a30}
.cnfr-navigation button:focus-visible,.glcp-driver-portal [data-cnfr-navigate-stop]:focus-visible,.glcp-fleet-simulation [data-cnfr-navigate-stop]:focus-visible{outline:3px solid #f7c948;outline-offset:2px}
.cnfr-navigation__map-shell{position:absolute;right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));width:min(380px,calc(100vw - 32px));pointer-events:auto}
.cnfr-navigation__map{width:100%;aspect-ratio:1;border:5px solid rgba(255,255,255,.96);border-radius:50%;overflow:hidden;background:#d9e3dc;box-shadow:0 18px 50px rgba(0,0,0,.38)}
.cnfr-navigation__footer{display:grid;grid-template-columns:1fr auto;gap:2px 10px;width:calc(100% - 42px);margin:-34px auto 0;padding:12px 16px;position:relative;border-radius:14px;background:#10251b;box-shadow:0 8px 24px rgba(0,0,0,.3)}
.cnfr-navigation__remaining{font-size:1rem}.cnfr-navigation__eta{color:#d4ded8;text-align:right}.cnfr-navigation__gps{grid-column:1/-1;color:#b8e6c8;font-size:.78rem}
.cnfr-navigation__current-marker{width:22px;height:22px;border:4px solid #fff;border-radius:50%;background:#1769e0;box-shadow:0 2px 10px rgba(0,0,0,.45)}
.cnfr-navigation__target-marker{width:20px;height:20px;border:4px solid #fff;border-radius:50% 50% 50% 0;background:#b3131b;box-shadow:0 2px 10px rgba(0,0,0,.4);transform:rotate(-45deg)}
.glcp-driver-portal__quick-links button,.glcp-fleet-simulation__popup-links button,.glcp-fleet-simulation__row-links button{vertical-align:middle}
@media (max-width:689.98px){.cnfr-navigation__instruction{top:max(8px,env(safe-area-inset-top));grid-template-columns:48px minmax(0,1fr);gap:9px;padding:10px}.cnfr-navigation__icon{width:46px;height:46px;border-radius:13px;font-size:28px}.cnfr-navigation__icon svg{width:34px;height:34px}.cnfr-navigation__controls{grid-column:1/-1;max-width:none;justify-content:stretch}.cnfr-navigation__controls button{flex:1;min-height:36px;padding:5px 8px;font-size:.78rem}.cnfr-navigation__map-shell{right:10px;bottom:max(10px,env(safe-area-inset-bottom));width:min(270px,72vw)}.cnfr-navigation__footer{width:calc(100% - 20px);padding:9px 11px}.cnfr-navigation__next{font-size:1rem}}
@media (prefers-reduced-motion:reduce){.cnfr-navigation *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
