/* small offline / saved-map indicator shared by the app and both mapping pages */
.uo-pill{position:fixed;z-index:4000;left:50%;margin-left:0;bottom:calc(12px + env(safe-area-inset-bottom,0px));display:flex;align-items:center;gap:6px;
  padding:4px 10px 4px 8px;white-space:nowrap;border-radius:999px;background:rgba(28,32,30,.86);color:#fff;font:600 12px/1.2 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  box-shadow:0 2px 8px rgba(0,0,0,.18);pointer-events:none;opacity:0;transform:translate(-50%,-6px);transition:opacity .25s,transform .25s;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.uo-pill.show{opacity:1;transform:translate(-50%,0)}
.uo-pill i{width:7px;height:7px;border-radius:50%;background:#f0b429;flex:none}
.uo-pill.ok i{background:#3ecf6e}
.uo-pill.top{bottom:auto;top:calc(var(--uo-top,12px) + env(safe-area-inset-top,0px))}