/* @xrf/tactical-render — required styles for the Leaflet adapter.
   Consumers can theme via the custom properties:
   --xrf-tr-ink, --xrf-tr-muted, --xrf-tr-accent (fall back to --ink/--muted/--accent-strong,
   then to neutral defaults), and --entity-summary-bottom for card anchoring. */

.leaflet-tooltip.app6-multipoint-label {
  padding: 1px 4px;
  border: 0;
  border-radius: 2px;
  background: rgba(255, 255, 255, 0.86);
  box-shadow: none;
  font-size: 11px;
  font-weight: 800;
  line-height: 1.05;
}

.leaflet-tooltip.app6-multipoint-label::before {
  display: none;
}

.entity-summary-card {
  position: absolute;
  left: 50%;
  bottom: var(--entity-summary-bottom, 48px);
  display: grid;
  gap: 4px;
  width: 192px;
  padding: 8px;
  border: 1px solid rgba(255, 255, 255, 0.42);
  border-radius: 8px;
  color: #15202b;
  background: rgba(248, 250, 252, 0.94);
  box-shadow: 0 12px 34px rgba(5, 12, 20, 0.24);
  font-size: 11px;
  line-height: 1.15;
  pointer-events: none;
  transform: translateX(-50%);
  z-index: 0;
}

.entity-summary-card::after {
  position: absolute;
  left: 50%;
  bottom: -6px;
  width: 10px;
  height: 10px;
  border-right: 1px solid rgba(255, 255, 255, 0.42);
  border-bottom: 1px solid rgba(255, 255, 255, 0.42);
  background: rgba(248, 250, 252, 0.94);
  content: "";
  transform: translateX(-50%) rotate(45deg);
}

.entity-summary-card strong,
.entity-summary-card em,
.entity-summary-row span,
.entity-summary-row b,
.entity-summary-row i {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.entity-summary-card > strong {
  color: var(--xrf-tr-ink, var(--ink, #f4f4f4));
  font-size: 12px;
  font-style: normal;
  font-weight: 900;
}

.entity-summary-card > em {
  color: var(--xrf-tr-muted, var(--muted, #a9afb8));
  font-style: normal;
}

.entity-summary-lines {
  display: grid;
  gap: 3px;
}

.entity-summary-row {
  display: grid;
  grid-template-columns: minmax(0, 0.85fr) minmax(0, 1fr) auto;
  align-items: center;
  gap: 5px;
  padding: 4px 5px;
  border: 1px solid rgba(69, 84, 101, 0.12);
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.78);
}

.entity-summary-row span,
.entity-summary-row i {
  color: var(--xrf-tr-muted, var(--muted, #a9afb8));
  font-style: normal;
  font-weight: 750;
}

.entity-summary-row b {
  color: var(--xrf-tr-ink, var(--ink, #f4f4f4));
  font-size: 12px;
  font-weight: 900;
}

.entity-summary-row i {
  padding: 2px 5px;
  border-radius: 999px;
  background: rgba(22, 117, 111, 0.1);
  color: var(--xrf-tr-accent, var(--accent-strong, #ff376f));
  font-size: 10px;
}

.entity-summary-row.warning i {
  background: rgba(187, 123, 24, 0.14);
  color: #8a5a10;
}

.entity-summary-row.critical i {
  background: rgba(180, 51, 60, 0.14);
  color: #913039;
}