/* 출발점 단계·친구 집 비공개 기본 지도 선택 UI */
.haru-departure-panel{border:1px solid #cbe1f5}
.haru-departure-panel h2{margin:6px 0 10px}
.haru-departure-panel .field{margin:11px 0}
.haru-departure-consent,.haru-departure-visibility{padding:12px;border-radius:13px;margin:13px 0;background:#f2f8ff;border:1px solid #dcecfb}
.haru-departure-consent>label,.haru-departure-visibility>label{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:750}
.haru-departure-consent input,.haru-departure-visibility input{width:18px;height:18px;accent-color:#0773e3;flex:none}
.haru-departure-consent .muted,.haru-departure-visibility .muted{margin:7px 0 0}
.haru-departure-members{background:#f8fafc;border:1px solid #e0eaf4;border-radius:11px;padding:12px;margin:10px 0}
.haru-meet-members{display:flex;gap:7px;flex-wrap:wrap;margin-top:9px}
.haru-meet-members label{display:flex;align-items:center;gap:5px;background:#fff;border-radius:8px;padding:7px;border:1px solid #d6e2ef;font-size:12px}
.haru-meet-list{margin:10px 0}
.haru-departure-map-options{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:11px;background:#e8f3ff;border:1px solid #b8d5f0;border-radius:12px;margin-bottom:14px;font-size:12px}
.haru-departure-map-options label{display:flex;align-items:center;gap:6px;font-weight:700}
.haru-departure-map-options input{accent-color:#0a72dc;width:16px;height:16px}
#haru-start-legs{padding:11px;background:#f3f6ff;border-radius:11px;margin-top:12px;font-size:12px}
.haru-stage-chip{display:inline-block;font-size:11px;border-radius:6px;padding:5px 7px;background:#dcedff;color:#1b62ad;font-weight:750}
.haru-map-special-button{border:2px solid #1978d4;border-radius:10px;padding:8px;background:white;color:#146fbc;font-weight:750}
.haru-map-bottom-overlays{position:absolute;z-index:440;left:8px;bottom:9px;display:flex;gap:6px;flex-wrap:wrap}
.haru-map-bottom-overlays label{display:flex;align-items:center;gap:5px;background:#f9fdff;border:2px solid #2681d7;color:#285179;border-radius:10px;padding:7px;font-weight:750;font-size:11px;box-shadow:0 1px 10px #112e4c55}
.haru-map-bottom-overlays input{accent-color:#176dd8}
@media(max-width:750px){.haru-departure-panel{padding:13px}.haru-departure-map-options{padding:8px}.haru-map-bottom-overlays{bottom:5px;gap:4px}.haru-map-bottom-overlays label{padding:5px;font-size:10px}}

.haru-map-side-tools{position:absolute;right:8px;top:108px;z-index:440;display:grid;gap:8px}
.haru-map-side-tools button{border:2px solid #2579d3;border-radius:12px;background:#fff;color:#1068ba;font-size:19px;padding:7px;width:43px;height:43px;box-shadow:0 3px 12px #13395755}
@media(max-width:850px){.haru-map-side-tools{right:4px;top:95px}.haru-map-side-tools button{width:38px;height:38px;font-size:17px}}

/* 사진 참고 모바일 지도 조작 배치: 왼쪽 찾기/위치, 위 지도모드, 오른쪽 도구 */
.haru-map-tools{left:7px;top:8px;display:flex;flex-direction:column;gap:7px;max-width:none}
.haru-map-tools button{width:51px;min-height:48px;border-radius:13px;font-size:12px;line-height:1.25;background:#fff;border:3px solid #167cdb}
.haru-map-tools button:nth-child(n+3){display:none}
.haru-map-toggles{top:8px;left:50%;right:auto;transform:translateX(-50%);display:flex;gap:5px;padding:5px;background:#ffffffeb;border-radius:19px;box-shadow:0 3px 14px #113e5f55;max-width:calc(100% - 136px)}
.haru-map-toggles button{width:67px;min-width:0;height:60px;padding:5px 4px;font-size:12px;line-height:1.3;border-radius:13px;border:3px solid #207dd7;color:#fff;font-weight:850;text-shadow:0 2px 3px #072f4cbb;box-shadow:inset 0 2px 5px #ffffff55,0 2px 6px #0d3d5e44;background:linear-gradient(150deg,#c7dfbd 0%,#6da5bc 41%,#516d67 42%,#233746 100%)}
.haru-map-toggles button:first-child{background:linear-gradient(150deg,#dbeadd,#a4cdd3 48%,#627b85 49%,#435867)}
.haru-map-toggles button:nth-child(2){background:linear-gradient(150deg,#7ba0c1,#5c9b8c 45%,#365c56 46%,#2b4650)}
.haru-map-toggles button:nth-child(3){background:linear-gradient(150deg,#547f59,#2d6151 48%,#253c3e 49%,#172c37)}
.haru-map-toggles button:nth-child(4){background:linear-gradient(150deg,#99a8b2,#657385 48%,#293b50 49%,#213347)}
.haru-map-toggles button.selected{outline:3px solid #e2f4ff;border-color:#006bd3}
.haru-map-side-tools{top:86px;right:7px}
@media(max-width:600px){
 .haru-map-tools{left:5px;top:7px}
 .haru-map-tools button{width:44px;min-height:44px;font-size:10px;padding:5px 2px}
 .haru-map-toggles{top:7px;max-width:calc(100% - 114px);gap:3px;padding:4px;border-radius:13px}
 .haru-map-toggles button{width:54px;height:53px;padding:3px 2px;font-size:10px;border-width:2px;border-radius:10px}
 .haru-map-side-tools{top:76px;right:5px}
}