/* Pagina mappa */
html,body.mp{height:100%}
body.mp{margin:0;display:flex;flex-direction:column;background:var(--bg);color:var(--tx);font:15px/1.45 system-ui,-apple-system,"Segoe UI",sans-serif}
.mp-top{display:flex;align-items:center;gap:12px;padding:8px 14px;padding-top:max(8px,env(safe-area-inset-top));border-bottom:1px solid var(--bd);background:var(--card);position:relative;z-index:30}
.mp-top .sp{flex:1}.mp-brand{font-weight:800;font-size:20px;color:var(--tx);text-decoration:none;letter-spacing:-.02em}
.mp-top .btn.small{display:inline-flex;align-items:center;gap:6px}
#app{flex:1;display:grid;grid-template-columns:380px 1fr;min-height:0}
#app aside{overflow:auto;padding:14px;border-right:1px solid var(--bd);background:var(--card)}
#mapWrap{position:relative;min-height:300px;background:var(--bd)}
#map{position:absolute;inset:0;z-index:1}
#mapWrap .consentbox,#mapWrap .mploading{z-index:500}
.mploading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--bg);color:var(--mu)}
.mploading[hidden]{display:none}
#msg{color:var(--mu);min-height:1.4em}
ul#lista{list-style:none;margin:10px 0;padding:0}
li.item{border:1px solid var(--bd);border-radius:12px;padding:10px;margin-bottom:8px;background:var(--bg)}
li.item small,li.item .mu{color:var(--mu)}
#scelte button{display:block;width:100%;text-align:left;margin-bottom:4px;background:var(--bg);color:var(--tx);border:1px solid var(--bd)}
ol#passi{padding-left:20px;font-size:13px}
.row{display:flex;gap:8px}.row>*{flex:1}
#app aside input,#app aside select{width:100%;margin-top:3px}
@media(max-width:800px){#app{grid-template-columns:1fr;grid-template-rows:55vh 1fr}#app aside{order:2;border-right:0}#mapWrap{order:1}}

/* posizione dell'utente: punto con alone pulsante; attività: goccia colorata */
.me-dot,.biz-pin{background:none;border:0}
.me-dot{position:relative}.me-core{position:absolute;left:6px;top:6px;width:16px;height:16px;border-radius:50%;background:#2f6fed;border:3px solid #fff;box-shadow:0 1px 6px rgba(0,0,0,.45)}
.me-pulse{position:absolute;inset:0;border-radius:50%;background:#2f6fed;opacity:.28;animation:mepulse 2s ease-out infinite}
@keyframes mepulse{0%{transform:scale(.45);opacity:.5}100%{transform:scale(1.25);opacity:0}}
.biz-pin svg{filter:drop-shadow(0 2px 3px rgba(0,0,0,.35))}
@media(prefers-reduced-motion:reduce){.me-pulse{animation:none}}