.map-page .app-shell { background:#f7f6f2; }
.map-page .app-main { background:#edf0eb; }
.map-search { border-color:#e2dfd7; background:rgba(255,255,255,.96); box-shadow:0 12px 30px rgba(33,34,30,.13); }
.map-search svg { color:#27b7bb; }
.map-search button { color:#fff; background:#1c2428; }
.map-chip { border-color:#e0ddd5; color:#676a64; background:rgba(255,255,255,.95); }
.map-chip.active { border-color:#28b7bb; color:#fff; background:#28b7bb; }
.map-areas { position:absolute; top:204px; left:0; z-index:10; display:flex; width:100%; gap:7px; padding:0 16px 8px; overflow-x:auto; scrollbar-width:none; }
.map-areas::-webkit-scrollbar { display:none; }
.map-area-chip { flex:0 0 auto; min-height:32px; padding:0 11px; border:1px solid #dde1dc; border-radius:999px; color:#606660; background:rgba(255,255,255,.96); box-shadow:0 6px 16px rgba(31,35,31,.08); font-size:8px; font-weight:800; }
.map-area-chip b { margin-left:3px; color:#9b9f99; font-size:7px; }
.map-area-chip.active { border-color:#263536; color:#fff; background:#263536; }
.map-area-chip.active b { color:#9fe2df; }
.map-place-card { border-color:#ddd9d0; background:rgba(255,255,255,.97); box-shadow:0 15px 35px rgba(32,33,29,.16); }
.map-place-copy small { color:#27aeb2; }
.map-place-link { color:#fff; background:#1d2428; }
.map-control { border-color:#e2dfd7; background:#fff; }
.map-place-visual { display:grid; place-items:center; width:78px; height:64px; border-radius:13px; color:#fff; background:linear-gradient(145deg,#718592,#34464c); }
.map-place-visual span { font-size:23px; font-weight:900; }
.map-place-visual.has-photo { display:block; overflow:hidden; background:#d9d7d0; }
.map-place-visual.has-photo img { width:100%; height:100%; object-fit:cover; }
.map-place-visual.visual-violet { background:linear-gradient(145deg,#a994ea,#7257bf); }
.map-place-visual.visual-pink { background:linear-gradient(145deg,#f59cbc,#d75285); }
.map-place-visual.visual-blue { background:linear-gradient(145deg,#9db6ee,#6383cf); }
.map-place-visual.visual-navy { background:linear-gradient(145deg,#68868c,#324e54); }
.map-place-visual.visual-orange { background:linear-gradient(145deg,#efaa86,#c8673f); }
.map-place-visual.visual-green { background:linear-gradient(145deg,#92bea2,#4e7f63); }
.map-place-visual.visual-beige { background:linear-gradient(145deg,#d9b78c,#a16c34); }
.map-place-visual.visual-coral { background:linear-gradient(145deg,#ef9992,#c84e48); }
.map-place-visual.visual-mint { background:linear-gradient(145deg,#75ced0,#2c9296); }