/* Shared Leaflet surface contract.  Data-driven maps use this on every portal. */
[data-lead-map] {
  position: relative;
  isolation: isolate;
  min-height: 16rem;
  background: linear-gradient(135deg, #eaf2ff 0%, #f8fafc 52%, #eefbf4 100%);
}

.map-runtime-status {
  position: absolute;
  z-index: 650;
  right: 0.75rem;
  bottom: 0.75rem;
  max-width: min(19rem, calc(100% - 1.5rem));
  padding: 0.5rem 0.7rem;
  border: 1px solid rgba(148, 163, 184, 0.45);
  border-radius: 0.65rem;
  background: rgba(255, 255, 255, 0.94);
  color: #475569;
  font-size: 0.75rem;
  line-height: 1.35;
  box-shadow: 0 4px 14px rgba(15, 23, 42, 0.12);
}

[data-lead-map][data-map-state='ready'] .map-runtime-status { display: none; }
[data-lead-map][data-map-state='error'] .map-runtime-status { color: #9a3412; }
html.dark .map-runtime-status { background: rgba(15, 23, 42, 0.94); border-color: #475569; color: #cbd5e1; }
html.dark [data-lead-map][data-map-state='error'] .map-runtime-status { color: #fed7aa; }

@media (max-width: 767px) {
  [data-lead-map] { min-height: 13.5rem; }
  .map-runtime-status { left: 0.6rem; right: auto; bottom: 0.6rem; max-width: calc(100% - 1.2rem); }
}