:root{ --as-mh-radius:16px; }

.as-map-hub{ background:#fff; border-radius:20px; box-shadow:0 12px 30px rgba(0,0,0,.06); overflow:hidden; border:1px solid rgba(0,0,0,.06); }
.as-map-hub__head{ display:flex; gap:12px; align-items:flex-end; justify-content:space-between; padding:14px 14px 10px; }
.as-map-hub__title strong{ display:block; font-size:16px; line-height:1.15; color:var(--ink,#111827); }
.as-map-hub__title span{ display:block; font-size:13px; opacity:.75; margin-top:2px; }
.as-map-hub__actions{ display:flex; gap:10px; align-items:center; }
.as-mh-btn{ appearance:none; border:1px solid rgba(17,138,59,.25); background:rgba(17,138,59,.06); color:var(--ink,#111827); padding:9px 12px; border-radius:999px; font-weight:700; cursor:pointer; white-space:nowrap; }
.as-mh-btn:active{ transform:translateY(1px); }
.as-mh-search{ width:min(340px, 45vw); padding:10px 12px; border-radius:999px; border:1px solid rgba(0,0,0,.12); outline:none; }
.as-mh-search:focus{ border-color:rgba(17,138,59,.55); box-shadow:0 0 0 4px rgba(17,138,59,.12); }

.as-map-hub__chips{ display:flex; gap:8px; padding:0 14px 12px; overflow:auto; -webkit-overflow-scrolling:touch; }
.as-mh-chip{ flex:0 0 auto; padding:8px 12px; border-radius:999px; border:1px solid rgba(0,0,0,.10); background:#fff; font-weight:800; font-size:13px; cursor:pointer; }
.as-mh-chip.on{ background:var(--brand,#118A3B); color:#fff; border-color:var(--brand,#118A3B); }

.as-map-hub__map{ position:relative; }
.as-mh-loading{ position:absolute; inset:0; display:flex; align-items:center; justify-content:center; font-weight:800; background:linear-gradient(180deg, rgba(246,246,246,.95), rgba(255,255,255,.98)); z-index:2; }

.as-map-hub__foot{ padding:10px 14px 14px; display:flex; justify-content:flex-end; }
.as-mh-link{ text-decoration:none; font-weight:800; color:var(--brand,#118A3B); }

/* Pins */
.as-mh-pin{ width:16px; height:16px; border-radius:999px; box-shadow:0 8px 18px rgba(0,0,0,.20); border:2px solid #fff; display:inline-block; }
.as-mh-pin.alerte{ background:#ef4444; }
.as-mh-pin.disparition{ background:#3b82f6; }
.as-mh-pin.objet_perdu{ background:#f59e0b; }
.as-mh-pin.objet_trouve{ background:#10b981; }
.as-mh-pin.temoin{ background:#8b5cf6; }
.as-mh-pin.is-urgent{ box-shadow:0 0 0 6px rgba(239,68,68,.18), 0 8px 18px rgba(0,0,0,.22); }

/* Popup */
.as-mh-pop{ font-family:inherit; }
.as-mh-pop .mh-top{ display:flex; gap:8px; align-items:center; margin-bottom:8px; }
.as-mh-badge{ font-size:12px; font-weight:900; padding:5px 9px; border-radius:999px; background:rgba(17,138,59,.10); }
.as-mh-title{ font-weight:900; font-size:14px; margin:0 0 6px; }
.as-mh-place{ font-size:12px; opacity:.75; margin:0 0 8px; }
.as-mh-actions{ display:flex; gap:10px; margin-top:10px; }
.as-mh-actions a, .as-mh-actions button{ font-weight:900; font-size:12px; border-radius:999px; padding:8px 10px; border:1px solid rgba(0,0,0,.12); background:#fff; cursor:pointer; text-decoration:none; color:var(--ink,#111827); }
.as-mh-actions a.primary{ background:var(--brand,#118A3B); border-color:var(--brand,#118A3B); color:#fff; }

/* Mobile */
@media (max-width: 820px){
  .as-map-hub__head{ flex-direction:column; align-items:flex-start; }
  .as-map-hub__actions{ width:100%; }
  .as-mh-search{ width:100%; }
}