
    <style id="leaflet-theme-resets">
      /* =========================================================
         Leaflet Map & Role=Button Resets for Blades / Pico / Quark2
         ========================================================= */
      #map, .leaflet-container {
        font-family: inherit !important;
      }

      /* 1. Reset Marker and Flame Pin (Removes the purple button box) */
      .leaflet-container .leaflet-marker-icon,
      .leaflet-container .leaflet-marker-icon[role="button"],
      .leaflet-container .custom-flame-pin,
      .leaflet-container .custom-flame-pin[role="button"],
      .leaflet-container .leaflet-div-icon,
      .leaflet-container .leaflet-div-icon[role="button"] {
        background: transparent !important;
        background-color: transparent !important;
        border: none !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        outline: none !important;
        padding: 0 !important;
        margin: 0 !important;
        cursor: pointer !important;
      }

      /* 2. Reset Zoom Controls (+ / -) */
      .leaflet-container .leaflet-control-zoom,
      .leaflet-container .leaflet-bar {
        border: 2px solid rgba(0,0,0,0.15) !important;
        background: #ffffff !important;
        border-radius: 6px !important;
        box-shadow: 0 1px 5px rgba(0,0,0,0.2) !important;
        overflow: hidden !important;
        margin: 12px !important;
        padding: 0 !important;
        display: flex !important;
        flex-direction: column !important;
      }

      .leaflet-container .leaflet-control-zoom a,
      .leaflet-container .leaflet-control-zoom a[role="button"],
      .leaflet-container .leaflet-bar a,
      .leaflet-container .leaflet-bar a[role="button"] {
        background: #ffffff !important;
        background-color: #ffffff !important;
        border: none !important;
        border-bottom: 1px solid #e2e8f0 !important;
        border-radius: 0 !important;
        width: 32px !important;
        height: 32px !important;
        min-width: 32px !important;
        min-height: 32px !important;
        max-width: 32px !important;
        max-height: 32px !important;
        line-height: 32px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
        text-decoration: none !important;
        color: #1e293b !important;
        font-size: 18px !important;
        font-weight: 700 !important;
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
        padding: 0 !important;
        margin: 0 !important;
        box-shadow: none !important;
        box-sizing: border-box !important;
        cursor: pointer !important;
        transition: background-color 0.15s ease !important;
      }

      .leaflet-container .leaflet-control-zoom a:last-child,
      .leaflet-container .leaflet-control-zoom a[role="button"]:last-child,
      .leaflet-container .leaflet-bar a:last-child,
      .leaflet-container .leaflet-bar a[role="button"]:last-child {
        border-bottom: none !important;
      }

      .leaflet-container .leaflet-control-zoom a:hover,
      .leaflet-container .leaflet-control-zoom a[role="button"]:hover,
      .leaflet-container .leaflet-bar a:hover,
      .leaflet-container .leaflet-bar a[role="button"]:hover {
        background: #f1f5f9 !important;
        background-color: #f1f5f9 !important;
        color: #0f172a !important;
      }

      .leaflet-container .leaflet-control-zoom a.leaflet-disabled,
      .leaflet-container .leaflet-bar a.leaflet-disabled {
        cursor: default !important;
        background: #f8fafc !important;
        background-color: #f8fafc !important;
        color: #94a3b8 !important;
      }

      /* 3. Reset Popup */
      .leaflet-container .leaflet-popup-content-wrapper {
        background: #ffffff !important;
        color: #0f172a !important;
        box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1) !important;
        border-radius: 8px !important;
        padding: 2px !important;
      }
      .leaflet-container .leaflet-popup-content {
        margin: 12px 16px !important;
        line-height: 1.5 !important;
        font-size: 13px !important;
      }
      .leaflet-container .leaflet-popup-tip {
        background: #ffffff !important;
      }
    </style>
