.app-layout{display:grid;grid-template-columns:390px minmax(0,1fr);height:calc(100vh - 76px)}.sidebar{overflow:auto;padding:18px;display:grid;gap:16px;align-content:start}.map-stage{position:relative;min-width:0;overflow:hidden;background:#dff3ff}#map{width:100%;height:100%;min-height:560px;z-index:1}
.map-toolbar{position:absolute;top:18px;left:18px;display:flex;flex-direction:column;gap:10px;z-index:800}.legend{position:absolute;right:18px;bottom:52px;z-index:800;background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:14px;box-shadow:var(--shadow);min-width:170px}.legend strong{display:block;margin-bottom:8px}.legend div{display:flex;align-items:center;gap:8px;margin:7px 0;font-size:.9rem}
.dot{width:12px;height:12px;border-radius:999px;display:inline-block}.dot.heritage,.marker-heritage{background:#8e24aa}.dot.beach,.marker-beach{background:#ffb300}.dot.wildlife,.marker-wildlife{background:#43a047}.dot.hiking,.marker-hiking{background:#5d4037}.dot.tea,.marker-tea{background:#00a86b}.dot.city,.marker-city{background:#1e88e5}.dot.waterfall,.marker-waterfall{background:#00acc1}.dot.railway,.marker-railway{background:#c62828}
.custom-marker{width:28px;height:28px;border-radius:999px;border:3px solid white;box-shadow:0 8px 16px rgba(0,0,0,.32);display:grid;place-items:center;transition:transform .2s}.custom-marker::after{content:'';width:8px;height:8px;border-radius:999px;background:white}.custom-marker:hover{transform:scale(1.18)}
.search-results{position:absolute;top:18px;left:78px;z-index:850;width:min(420px,calc(100% - 120px));max-height:360px;overflow:auto;background:var(--surface);border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow);padding:8px}.result-item{display:flex;gap:10px;padding:10px;border-radius:14px;cursor:pointer}.result-item:hover{background:var(--surface-2)}.result-item strong,.result-item span{display:block}.result-item span{color:var(--muted);font-size:.85rem}
.statusbar{position:absolute;left:0;right:0;bottom:0;z-index:790;display:flex;justify-content:space-between;gap:12px;padding:10px 18px;background:rgba(255,255,255,.88);backdrop-filter:blur(10px);border-top:1px solid var(--border);color:#263238}.leaflet-popup-content-wrapper{border-radius:18px}.popup-card{max-width:250px}.popup-card img{width:100%;height:120px;object-fit:cover;border-radius:12px}.popup-card h3{margin:10px 0 4px}.popup-card p{margin:0 0 10px}.popup-card button{width:100%;border:0;border-radius:999px;padding:8px 10px;background:var(--primary);color:white;cursor:pointer}