/* M8 T1 immersive navigation prototype */
.uv-navigation-workspace[hidden]{display:none!important}
.uv-navigation-workspace{position:fixed;inset:0;z-index:5000;background:#f4f1e9;overflow:hidden}
.uv-navigation-map{position:absolute;inset:0;width:100%;height:100%;min-width:100vw;min-height:100vh;min-height:100dvh;background:#f4f1e9}.uv-navigation-map>.maplibregl-canvas-container,.uv-navigation-map .maplibregl-canvas{width:100%;height:100%}
.uv-navigation-hud{position:absolute;z-index:3;top:max(12px,env(safe-area-inset-top));left:12px;right:12px;display:flex;gap:10px;align-items:stretch;pointer-events:none}
.uv-navigation-hud>*{pointer-events:auto}
.uv-navigation-exit,.uv-navigation-recenter{border:0;border-radius:999px;background:#25291c;color:#fff;font:inherit;font-weight:700;box-shadow:0 4px 18px rgba(0,0,0,.18)}
.uv-navigation-exit{padding:0 18px;min-height:58px}
.uv-navigation-instruction{flex:1;min-height:58px;border-radius:18px;background:rgba(255,255,255,.96);padding:10px 16px;display:flex;flex-direction:column;justify-content:center;box-shadow:0 4px 18px rgba(0,0,0,.16)}
.uv-navigation-instruction strong{font-size:1.25rem;line-height:1.05;color:#25291c}
.uv-navigation-instruction span{font-size:.9rem;color:#5f625b;margin-top:4px}
.uv-navigation-footer{position:absolute;z-index:3;left:12px;right:12px;bottom:max(14px,env(safe-area-inset-bottom));display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:10px;background:rgba(255,255,255,.96);border-radius:18px;padding:10px 12px;box-shadow:0 4px 18px rgba(0,0,0,.16)}
.uv-navigation-footer>strong{font-size:1rem;color:#25291c}.uv-navigation-footer>span{font-size:.82rem;color:#686b64}
.uv-navigation-recenter{padding:10px 14px}
.uv-navigation-marker{width:42px;height:49px;filter:drop-shadow(0 3px 4px rgba(0,0,0,.28))}
.uv-navigation-marker svg{display:block;width:100%;height:100%;overflow:visible}.uv-navigation-marker path:first-child{fill:#fff}.uv-navigation-marker path:last-child{fill:#b6174b}
body.uv-navigation-active .app-dock{visibility:hidden;pointer-events:none}
body.uv-navigation-active{overflow:hidden}
@media(max-width:520px){.uv-navigation-hud{top:max(8px,env(safe-area-inset-top));left:8px;right:8px}.uv-navigation-footer{left:8px;right:8px;bottom:max(8px,env(safe-area-inset-bottom))}.uv-navigation-exit{min-height:54px;padding:0 14px}.uv-navigation-instruction{min-height:54px}}

.uv-navigation-footer-multimodal{grid-template-columns:auto minmax(0,1fr) auto auto}
.uv-navigation-action{border:0;border-radius:999px;background:#b6174b;color:#fff;font:inherit;font-weight:800;padding:10px 16px;min-height:42px;box-shadow:0 3px 12px rgba(0,0,0,.16)}
.uv-navigation-action[hidden]{display:none!important}
@media(max-width:520px){.uv-navigation-footer-multimodal{grid-template-columns:1fr auto}.uv-navigation-footer-multimodal>strong,.uv-navigation-footer-multimodal>span{grid-column:1/-1}.uv-navigation-action{grid-column:1}.uv-navigation-footer-multimodal .uv-navigation-recenter{grid-column:2}}

.uv-navigation-voice{border:1px solid rgba(37,41,28,.16);border-radius:999px;background:rgba(255,255,255,.96);color:#25291c;font:inherit;font-size:.82rem;font-weight:750;padding:9px 12px;white-space:nowrap}
.uv-navigation-voice[hidden]{display:none!important}
.uv-navigation-voice[aria-pressed="true"]{background:#25291c;color:#fff;border-color:#25291c}

@media(max-width:520px){
  .uv-navigation-footer:not(.uv-navigation-footer-multimodal){grid-template-columns:1fr auto}
  .uv-navigation-footer:not(.uv-navigation-footer-multimodal)>strong,
  .uv-navigation-footer:not(.uv-navigation-footer-multimodal)>span{grid-column:1/-1}
  .uv-navigation-footer:not(.uv-navigation-footer-multimodal) .uv-navigation-voice{grid-column:1}
  .uv-navigation-footer:not(.uv-navigation-footer-multimodal) .uv-navigation-recenter{grid-column:2}
}

.uv-navigation-imagery{border:1px solid rgba(37,41,28,.16);border-radius:999px;background:rgba(255,255,255,.96);color:#25291c;font:inherit;font-size:.82rem;font-weight:750;padding:9px 12px;white-space:nowrap}
.uv-navigation-imagery[hidden]{display:none!important}
.uv-navigation-imagery-card{position:absolute;z-index:4;left:12px;right:12px;bottom:max(84px,calc(env(safe-area-inset-bottom) + 72px));max-width:520px;margin:0 auto;background:rgba(255,255,255,.98);border-radius:18px;box-shadow:0 8px 28px rgba(0,0,0,.22);overflow:hidden}
.uv-navigation-imagery-card[hidden]{display:none!important}
.uv-navigation-imagery-close{position:absolute;z-index:2;top:8px;right:8px;width:36px;height:36px;border:0;border-radius:50%;background:rgba(37,41,28,.9);color:#fff;font-size:1.35rem;line-height:1}
.uv-navigation-imagery-content img{display:block;width:100%;max-height:34vh;object-fit:cover;background:#ece9e2}
.uv-navigation-imagery-meta{display:flex;align-items:center;gap:10px;padding:10px 12px}.uv-navigation-imagery-meta strong{margin-right:auto}.uv-navigation-imagery-meta small{color:#686b64}.uv-navigation-imagery-meta a{font-weight:750;color:#b6174b;text-decoration:none}
.uv-navigation-imagery-empty{margin:0;padding:18px 48px 18px 16px;color:#686b64}