.barra-referencias.leyenda-criticidades{display:flex!important;flex-direction:column;align-items:flex-start;gap:6px!important;padding:8px 10px;white-space:normal!important}
.leyenda-criticidades .ref-fila{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;width:100%;font-size:11px;line-height:1.35}
.leyenda-criticidades .ref-item{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
.leyenda-criticidades .ref-punto{display:inline-block;flex-shrink:0;border-radius:50%;box-shadow:0 0 0 1px #64748b66}

.criticidad.muy-baja{background:#00C853!important;border-color:#00C853!important;color:#101827!important}
.criticidad.baja{background:#AEEA00!important;border-color:#AEEA00!important;color:#101827!important}
.criticidad.media{background:#FFD600!important;border-color:#FFD600!important;color:#101827!important}
.criticidad.alta{background:#FF6D00!important;border-color:#FF6D00!important;color:#101827!important}
.criticidad.critica{background:#D50000!important;border-color:#D50000!important;color:#fff!important}

/* Las vistas compactas antiguas fijaban la leyenda en 28 px. */
html body .panel-mapa > .barra-referencias.leyenda-criticidades {
  flex: 0 0 auto !important;
  height: auto !important;
  min-height: 48px !important;
  max-height: none !important;
  padding: 6px 8px !important;
  overflow: visible !important;
  flex-wrap: nowrap !important;
  box-sizing: border-box;
}
html body .panel-mapa > .leyenda-criticidades .ref-fila {
  flex: 0 0 auto;
  min-height: 14px;
}
.panel-mapa:has(> .leyenda-criticidades) {
  grid-template-rows: auto minmax(0, 1fr) auto !important;
}

html body .leyenda-criticidades .ref-punto {
  box-shadow: inset 0 0 0 0.75px #000;
}
html body .leaflet-container path.rpas-punto {
  stroke: #000 !important;
  stroke-width: 0.75px !important;
  stroke-opacity: 1 !important;
}

html body .leyenda-criticidades .ref-punto {
  border: 0.75px solid #000 !important;
  box-sizing: border-box !important;
  box-shadow: none !important;
}
html body #planoHallazgos .punto-plano,
html body #planoClienteViewport .punto-plano {
  border: 0.75px solid #000 !important;
}