.camCard{padding:24px;border-radius:14px;background:#fff;border:1px solid #e6edf4;box-shadow:0 9px 28px rgba(28,63,92,.05)}
.camLegend{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:16px;font-size:13px;font-weight:700;color:#3e4b5f}
.camLegendItem{display:flex;align-items:center;gap:7px}
.camDot{width:14px;height:14px;border-radius:3px;flex-shrink:0}
.camDot--active{background:#3299ff}
.camDot--planned{background:#c79d25}
#service-area-map-wrap{width:100%;position:relative}
#service-area-map-svg{width:100%;height:auto;display:block}
.camPrefPath{stroke:#fff;stroke-width:.6;cursor:pointer;transition:opacity .12s,stroke-width .12s}
.camPrefPath:hover{opacity:.8;stroke-width:1.4;stroke:#1e2530}
#service-area-map-loading{display:flex;align-items:center;justify-content:center;height:320px;color:#94a3b8;font-size:14px}
.camNote{margin-top:16px;padding:16px 18px;border-left:5px solid #c79d25;background:#fffbeb;border-radius:10px;font-size:13px;color:#5a4a1f;line-height:1.8}
.camNote p{margin:0}
.camNote p+p{margin-top:12px}
#service-area-tooltip{position:fixed;pointer-events:none;background:rgba(6,93,168,.95);color:#fff;padding:10px 14px;border-radius:10px;font-size:13px;box-shadow:0 4px 20px rgba(0,0,0,.3);z-index:9999;display:none}
.camTtTitle{font-weight:800;font-size:14px;margin-bottom:4px}
.camTtStatus{font-size:12.5px;color:#dbeeff}
.camTtStatus--planned{color:#ffe9ad}
.camTtStatus--none{color:#c9d3dd}
@media(max-width:560px){
  .camCard{padding:18px}
  .camLegend{gap:10px;font-size:12px}
  #service-area-map-loading{height:240px}
}