/* Container */
.drm-map { position: relative; width: 100%; min-height: 300px; }
.drm-error { padding: 12px; background:#fff3cd; border:1px solid #ffeeba; border-radius:6px; color:#856404; }
.leaflet-container .drm-label span { 
  background: rgba(255,255,255,0.9); 
  padding: 2px 6px; 
  border-radius: 4px; 
  border: 1px solid rgba(0,0,0,0.1); 
  font-size: 12px; 
  color: #111;
}

/* Modal */
#drm-modal-root { position: fixed; inset: 0; z-index: 99999; display: none; }
#drm-modal-root.active { display: block; }
.drm-modal-backdrop { position: absolute; inset:0; background: rgba(0,0,0,.5); }
.drm-modal { position: absolute; inset: 5%; background: #fff; border-radius: 12px; overflow: auto; padding: 20px; box-shadow: 0 20px 50px rgba(0,0,0,.3); }
.drm-modal-close { position: absolute; top: 8px; right: 10px; border: none; background: transparent; font-size: 28px; line-height: 1; cursor: pointer; }
.drm-modal-content img { max-width: 100%; height: auto; }