/* layers.js のカスタムコントロール共通スタイル（公開・管理の両地図で使用） */
.maplibregl-ctrl.maplabel{
  font-family:inherit;font-size:11px;color:#3c4654;background:#fff;
  border:1px solid #cfd6df;border-radius:6px;padding:2px 10px;cursor:pointer;
  box-shadow:none;
}
.maplibregl-ctrl.maplabel small{color:#8b96a5;font-size:10px;}

.maplibregl-ctrl.legend-ctrl{
  background:rgba(255,255,255,.96);border:1px solid #cfd6df;border-radius:8px;
  font-size:12px;color:#3c4654;padding:0;min-width:150px;box-shadow:none;
}
.legend-head{display:flex;align-items:center;justify-content:space-between;gap:14px;
  font-weight:600;padding:6px 12px;}
.legend-head button{font-family:inherit;font-size:11px;border:1px solid #cfd6df;background:#fff;
  border-radius:6px;padding:1px 8px;cursor:pointer;color:#3c4654;}
.legend-body{padding:2px 12px 8px;display:grid;gap:4px;}
.legend-body .row{display:flex;align-items:center;gap:8px;}
.legend-body .sw{width:18px;height:5px;border-radius:2px;flex:none;}
.legend-body .dot{width:11px;height:11px;border-radius:50%;flex:none;}
.legend-body .icon{width:20px;height:20px;object-fit:contain;flex:none;}
.legend-body .legend-sub{font-weight:600;font-size:11px;color:#5c6878;
  margin:6px 0 0;padding-top:6px;border-top:1px solid #e3e8ee;}

.lb-note{color:#8b96a5;font-size:11px;margin-left:2px;}

/* 作図カーソル。mapbox-gl-draw は MapLibre ではモードクラスを付与しないため、
   manage-draw.js が作図中にコンテナへ .is-drawing を付ける。地図標準の白い手だと
   見えづらいので、作図中は見やすい十字カーソルにする。 */
.maplibregl-map.is-drawing .maplibregl-canvas-container.maplibregl-interactive {
  cursor: crosshair;
}