/* ═══ HARİTA 2.0 (v92) — yer kartı, kategori çipleri, alternatif rotalar, pusula ═══ */

/* alttan kayan yer kartı (Google usulü) */
.mp-sheet{ position:absolute; left:12px; right:12px; bottom:calc(96px + env(safe-area-inset-bottom,0px));
  max-width:560px; margin:0 auto; z-index:965; background:rgba(22,26,32,.97); border:1px solid var(--border2);
  border-radius:18px; padding:14px 16px; box-shadow:0 8px 26px rgba(0,0,0,.5);
  -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); animation:mpUp .18s ease; }
[data-theme="day"] .mp-sheet{ background:rgba(255,255,255,.97); }
@keyframes mpUp{ from{ transform:translateY(30px); opacity:0 } to{ transform:none; opacity:1 } }
.mp-sheet .hd{ display:flex; align-items:flex-start; gap:10px; }
.mp-sheet .nm{ flex:1; min-width:0; font-size:15px; font-weight:800; line-height:1.3; }
.mp-sheet .sb{ font-size:12px; color:var(--text-muted); margin-top:2px; }
.mp-sheet .cls{ flex:none; width:30px; height:30px; border-radius:50%; border:none;
  background:var(--bg3); color:var(--text-muted); font-size:14px; cursor:pointer; }
.mp-sheet .acts{ display:flex; gap:8px; margin-top:12px; }
.mp-act{ flex:1; text-align:center; padding:11px 4px; border-radius:12px; font-size:12.5px; font-weight:800;
  cursor:pointer; border:1px solid var(--border2); background:var(--bg3); color:var(--text); user-select:none; }
.mp-act.pri{ background:#0b6e3f; color:#fff; border:none; }
.mp-act:active{ transform:scale(.96); }

/* arama hapı altı: geçmiş + kategori çipleri */
.mp-quick{ display:none; position:absolute; top:calc(100% + 6px); left:0; right:0; z-index:955;
  background:var(--bg2); border:1px solid var(--border2); border-radius:14px; padding:10px;
  box-shadow:var(--shadow-lg); }
.mp-quick .cats{ display:flex; gap:8px; overflow-x:auto; padding-bottom:6px; }
.mp-cat{ flex:none; padding:8px 13px; border-radius:16px; background:var(--bg3); border:1px solid var(--border);
  font-size:12.5px; font-weight:700; cursor:pointer; white-space:nowrap; }
.mp-cat:active{ background:rgba(var(--primary-rgb),.15); }
.mp-hist{ padding:9px 6px; font-size:13px; cursor:pointer; border-radius:8px; display:flex; gap:8px; align-items:center; }
.mp-hist:active{ background:var(--bg3); }
.mp-hist .x{ margin-left:auto; color:var(--text-dim); font-size:15px; padding:0 4px; }

/* pusula */
.mp-compass{ position:absolute; left:12px; top:calc(env(safe-area-inset-top,0px) + 76px); z-index:955;
  width:44px; height:44px; border-radius:50%; background:rgba(22,26,32,.92); border:1px solid var(--border2);
  color:#f87171; font-size:19px; font-weight:800; display:none; align-items:center; justify-content:center;
  cursor:pointer; box-shadow:0 3px 10px rgba(0,0,0,.4); }
[data-theme="day"] .mp-compass{ background:rgba(255,255,255,.95); }
html.desktop-shell .mp-compass{ top:118px; }

/* alternatif rota süre etiketi */
.mp-alt-lbl{ background:#374151; color:#fff; border-radius:10px; padding:4px 10px; font-size:12px;
  font-weight:800; box-shadow:0 2px 8px rgba(0,0,0,.4); white-space:nowrap; cursor:pointer; }
.mp-alt-lbl.on{ background:#4285F4; }

/* müşteri ETA kartı */
.mp-eta{ position:absolute; left:12px; right:12px; top:calc(env(safe-area-inset-top,0px) + 10px);
  max-width:560px; margin:0 auto; z-index:955; background:rgba(11,110,63,.96); color:#fff;
  border-radius:16px; padding:12px 16px; box-shadow:0 6px 20px rgba(0,0,0,.4);
  display:flex; align-items:center; gap:12px; }
.mp-eta .big{ font-size:21px; font-weight:800; flex:none; }
.mp-eta .det{ flex:1; font-size:12px; opacity:.95; font-weight:600; }

/* sohbette konum balonu mini haritası */
.wz-locmsg{ display:block; border-radius:10px; overflow:hidden; position:relative; width:210px; height:120px;
  cursor:pointer; background:#222; }
.wz-locmsg img{ width:100%; height:100%; object-fit:cover; display:block; }
.wz-locmsg .pinq{ position:absolute; left:50%; top:50%; transform:translate(-50%,-90%); font-size:26px;
  filter:drop-shadow(0 2px 3px rgba(0,0,0,.5)); }
.wz-locmsg .lbl{ position:absolute; left:0; right:0; bottom:0; background:rgba(0,0,0,.55); color:#fff;
  font-size:11px; font-weight:700; padding:4px 8px; }