/* marker styles (копия из десктопа, но можно держать здесь локально) */
.mkr{
  width: var(--sz, 18px);
  height: var(--sz, 18px);
  border-radius: 999px;
  position: relative;
  box-sizing: border-box;
  border: 1px solid rgba(0,0,0,.70);
  color: rgba(0, 0, 0, 0.95);
}
.mkr::after{
  content:"";
  position:absolute;
  left:50%; top:50%;
  transform:translate(-50%,-50%);
  width: var(--dot, 7px);
  height: var(--dot, 7px);
  border-radius:999px;
  background: currentColor;
  display:none;
}
.mkr.p-precise::after{ display:block; }
.mkr.p-coarse::after{ display:none; }

/* colors */
.mkr.t-mineral{ color: rgba(30, 64, 175, 0.95); border-color: rgba(59,130,246,1); background: rgba(59,130,246,.6); }
.mkr.t-biogenic{ color: rgba(4, 120, 87, 0.95); border-color: rgba(16,185,129,1); background: rgba(16,185,129,.6); }
.mkr.t-rock{ color: rgba(120, 53, 15, 0.95); border-color: rgba(161,98,7,1); background: rgba(161,98,7,.6); }
.mkr.t-meteorite{ color: rgba(153, 27, 27, 0.95); border-color: rgba(239,68,68,1); background: rgba(239,68,68,.6); }
.mkr.t-technogenic{ color: rgba(30, 41, 59, 0.95); border-color: rgba(71,85,105,1); background: rgba(71,85,105,.6); }
.mkr.t-concretion{ color: rgba(107, 33, 168, 0.95); border-color: rgba(168,85,247,1); background: rgba(168,85,247,.6); }
.mkr.t-mineraloid{ color: rgba(3, 7, 18, 0.95); border-color: rgba(17,24,39,1); background: rgba(17,24,39,.6); }
.mkr.t-mixed{ color: rgba(146, 64, 14, 0.95); border-color: rgba(234,179,8,1); background: rgba(234,179,8,.6); }

.map-legend{
  display:flex;
  flex-wrap:wrap;
  gap:12px 12px;
  align-items:flex-start;
  font-size: 13px;
}

.map-legend .lg-group{
  display:flex;
  flex-direction:column;
  gap:8px;
  padding:10px 12px;
  border:1px solid var(--line);
  border-radius:12px;
  background: rgba(255,255,255,.02);
}

.map-legend .lg-title{
  font-weight: 850;
  font-size: 12px;
  opacity: .75;
}

.map-legend .lg-row{
  display:flex;
  align-items:center;
  gap:10px;
  white-space:nowrap;
}

.map-legend .lg-sample{
  min-width:22px;
  min-height:22px;
  line-height:0;
}
.map-legend .mkr{ display:block; }