html, body {
	      height: 100%;
	      width: 100%;
	      margin: 0;
	      padding: 0;
	    }
	    body *, #map, .leaflet-container, .leaflet-container * {
	      -webkit-user-select: none !important;
	      user-select: none !important;
	      -webkit-touch-callout: none !important;
	      -webkit-tap-highlight-color: rgba(0,0,0,0);
	    }
	    #map {
	      height: 100%;
	      width: 100%;
	      margin: 0;
	      padding: 0;
	    }
    .leaflet-control-attribution { 
      position: absolute !important;
      left: 12px !important;
      bottom: calc(156px + env(safe-area-inset-bottom, 0px)) !important;
      top: auto !important;
      right: auto !important;
      background: rgba(255, 255, 255, 0.85) !important;
      padding: 2px 8px !important;
      border-radius: 4px !important;
      font-size: 10px !important;
      max-width: 240px !important;
      white-space: nowrap !important;
      overflow: hidden !important;
      text-overflow: ellipsis !important;
      box-shadow: none !important;
      z-index: 900 !important;
      color: #4a4a4a !important;
      border: 0 !important;
      opacity: 0.85 !important;
    }

    .leaflet-top.leaflet-right {
      top: 39% !important;
      right: 16px !important;
      transform: translateY(-50%);
      bottom: auto !important;
      margin-top: 0 !important;
    }

    .leaflet-top.leaflet-right .leaflet-control-zoom {
      width: 44px !important;
      border: 0 !important;
      border-radius: 14px !important;
      overflow: hidden !important;
      box-shadow: 0 10px 22px rgba(15,23,42,0.24) !important;
      background: #111827 !important;
    }

    .leaflet-top.leaflet-right .leaflet-control-zoom a {
      width: 44px !important;
      height: 44px !important;
      line-height: 44px !important;
      border: 0 !important;
      border-bottom: 1px solid rgba(255,255,255,0.1) !important;
      background: #111827 !important;
      color: #fff !important;
      font-size: 22px !important;
      font-weight: 400 !important;
      text-shadow: none !important;
    }

    .leaflet-top.leaflet-right .leaflet-control-zoom a:last-child {
      border-bottom: 0 !important;
    }

    .leaflet-top.leaflet-right .leaflet-control-zoom a:hover,
    .leaflet-top.leaflet-right .leaflet-control-zoom a:focus {
      background: #1f2937 !important;
      color: #fff !important;
    }

    .marker-actions { margin-top: 6px; }
    .del-btn {
      display:inline-block; padding:4px 8px; font-size:12px;
      border:1px solid #d33; border-radius:6px; background:#fff; color:#d33; cursor:pointer;
    }

    .pinned-marker-icon {
      width: 30px !important;
      height: 38px !important;
      border: none !important;
      background: transparent !important;
    }

    .pinned-marker-pin {
      position: relative;
      width: 30px;
      height: 30px;
      border-radius: 16px 16px 16px 4px;
      transform: rotate(-45deg);
      background: linear-gradient(145deg, #2563eb, #0f766e);
      border: 2px solid #fff;
      box-shadow: 0 4px 12px rgba(15,23,42,0.28);
    }

    .pinned-marker-number {
      position: absolute;
      inset: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      transform: rotate(45deg);
      color: #fff;
      font-size: 13px;
      line-height: 1;
      font-weight: 900;
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    }

    .pinned-popup {
      min-width: 118px;
      font-size: 12px;
      line-height: 1.25;
    }

    .pinned-popup strong {
      display: block;
      margin-bottom: 3px;
      font-size: 13px;
    }

    .pinned-popup .marker-actions {
      margin-top: 5px;
    }

    .pinned-popup .del-btn {
      padding: 3px 7px;
      font-size: 11px;
      border-radius: 5px;
    }

    .pinned-popup-compact .leaflet-popup-content {
      margin: 6px 8px !important;
    }

    .pinned-popup-compact .pinned-popup {
      min-width: 92px;
      font-size: 10px;
      line-height: 1.18;
    }

    .pinned-popup-compact .pinned-popup strong {
      margin-bottom: 2px;
      font-size: 11px;
    }

    .pinned-popup-compact .pinned-popup .marker-actions button {
      padding: 3px 6px;
      font-size: 10px;
    }

    .pinned-popup-tiny .leaflet-popup-content {
      margin: 4px 6px !important;
    }

    .pinned-popup-tiny .pinned-popup {
      min-width: 64px;
      max-width: 82px;
      font-size: 9px;
      line-height: 1.12;
    }

    .pinned-popup-tiny .pinned-popup strong {
      margin-bottom: 1px;
      font-size: 10px;
    }

    .pinned-popup-tiny .pinned-popup { max-width: 150px; }
    .pinned-popup-tiny .pinned-popup .marker-actions button {
      padding: 3px 5px;
      font-size: 10px;
    }

    .leaflet-popup-content {
      margin: 8px 10px !important;
    }

    .plane-icon {
      font-size: 30px;            /* размер эмодзи */
      line-height: 26px;
      text-align: center;
      filter: drop-shadow(0 1px 2px rgba(0,0,0,0.35));
    }

    .event-marker-div {
      width: 112px !important;
      height: 86px !important;
      background: none !important;
      border: none !important;
    }

    .event-marker-wrapper {
      position: relative;
      width: 112px;
      height: 86px;
      pointer-events: none;
    }

    .event-marker-glow {
      position: absolute;
      left: 29px;
      top: 2px;
      width: 52px;
      height: 52px;
      border-radius: 50%;
      border: 3px solid rgba(250, 204, 21, 0.88);
      background: rgba(250, 204, 21, 0.16);
      box-shadow: 0 0 20px rgba(250, 204, 21, 0.38);
      animation: event-marker-pulse 2.4s ease-out infinite;
    }

    .event-marker-wrapper.event-soon .event-marker-glow {
      border-color: rgba(249, 115, 22, 0.9);
      background: rgba(249, 115, 22, 0.18);
      box-shadow: 0 0 22px rgba(249, 115, 22, 0.45);
    }

    .event-marker-wrapper.event-live .event-marker-glow {
      border-color: rgba(239, 68, 68, 0.95);
      background: rgba(239, 68, 68, 0.20);
      box-shadow: 0 0 24px rgba(239, 68, 68, 0.5);
      animation-duration: 1.35s;
    }

    .event-marker-wrapper.event-exit .event-marker-glow {
      border-color: rgba(248, 113, 113, 0.86);
      background: rgba(248, 113, 113, 0.14);
      box-shadow: 0 0 18px rgba(248, 113, 113, 0.32);
    }

    .event-marker-core {
      position: absolute;
      left: 31px;
      top: 5px;
      width: 50px;
      height: 58px;
      border-radius: 19px 19px 22px 22px;
      background: linear-gradient(145deg, #ffdf54 0%, #f7b500 48%, #d88900 100%);
      display: flex;
      align-items: center;
      justify-content: center;
      color: #101828;
      font-size: 20px;
      font-weight: 700;
      text-shadow: 0 1px 0 rgba(255,255,255,0.28);
      border: 2px solid rgba(255,255,255,0.9);
      box-shadow: 0 12px 24px rgba(15, 23, 42, 0.34);
    }

    .event-marker-core::after {
      content: '';
      position: absolute;
      bottom: -10px;
      left: 50%;
      transform: translateX(-50%) rotate(45deg);
      width: 18px;
      height: 18px;
      background: linear-gradient(145deg, #f7b500, #d88900);
      border-right: 2px solid rgba(255,255,255,0.9);
      border-bottom: 2px solid rgba(255,255,255,0.9);
      border-radius: 5px;
      box-shadow: 0 8px 14px rgba(15, 23, 42, 0.25);
    }

    .event-marker-wrapper.event-has-image .event-marker-core {
      left: 27px;
      top: 4px;
      width: 58px;
      height: 58px;
      border-radius: 20px;
      background: #05070a;
      overflow: hidden;
      padding: 0;
      border: 2px solid rgba(255,255,255,0.94);
      box-shadow:
        0 12px 24px rgba(15, 23, 42, 0.35),
        0 0 0 3px rgba(250, 204, 21, 0.28);
      text-shadow: none;
    }

    .event-marker-wrapper.event-has-image .event-marker-core::after {
      display: none;
    }

    .event-marker-wrapper.event-has-image.event-soon .event-marker-core {
      border-color: rgba(251, 146, 60, 0.96);
      box-shadow:
        0 12px 24px rgba(15, 23, 42, 0.35),
        0 0 0 3px rgba(251, 146, 60, 0.35),
        0 0 20px rgba(249, 115, 22, 0.42);
      animation: event-marker-image-attention 1.8s ease-in-out infinite;
    }

    .event-marker-wrapper.event-has-image.event-live .event-marker-core {
      border-color: rgba(248, 113, 113, 0.98);
      box-shadow:
        0 12px 24px rgba(15, 23, 42, 0.38),
        0 0 0 4px rgba(239, 68, 68, 0.35),
        0 0 28px rgba(239, 68, 68, 0.62);
      animation: event-marker-live-beat 1.1s ease-in-out infinite;
    }

    .event-marker-wrapper.event-has-image.event-exit .event-marker-core {
      border-color: rgba(216, 180, 254, 0.95);
      box-shadow:
        0 12px 24px rgba(15, 23, 42, 0.36),
        0 0 0 3px rgba(168, 85, 247, 0.28),
        0 0 22px rgba(168, 85, 247, 0.36);
    }

    .event-marker-emoji {
      pointer-events: none;
      font-size: 20px;
      line-height: 1;
      transform: translateY(-1px);
    }

    .event-marker-image {
      width: 42px;
      height: 42px;
      border-radius: 15px;
      object-fit: cover;
      background: #0f172a;
      box-shadow: inset 0 0 0 1px rgba(255,255,255,0.34);
      z-index: 1;
    }

    .event-marker-wrapper.event-has-image .event-marker-image {
      width: 100%;
      height: 100%;
      border-radius: 18px;
      box-shadow: none;
    }

    .event-marker-label {
      position: absolute;
      left: 50%;
      top: 64px;
      transform: translateX(-50%);
      max-width: 108px;
      padding: 4px 8px 5px;
      border-radius: 999px;
      background: rgba(15, 23, 42, 0.92);
      color: #fff;
      border: 1px solid rgba(250, 204, 21, 0.78);
      box-shadow: 0 8px 18px rgba(15, 23, 42, 0.24);
      font-size: 10px;
      line-height: 1.15;
      font-weight: 900;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      letter-spacing: 0.2px;
      text-transform: uppercase;
    }

    .event-marker-wrapper.event-soon .event-marker-label {
      background: rgba(154, 52, 18, 0.94);
      border-color: rgba(251, 146, 60, 0.95);
    }

    .event-marker-wrapper.event-live .event-marker-label {
      background: rgba(127, 29, 29, 0.96);
      border-color: rgba(248, 113, 113, 0.95);
    }

    .event-marker-wrapper.event-exit .event-marker-label {
      background: rgba(88, 28, 135, 0.94);
      border-color: rgba(216, 180, 254, 0.9);
    }

    @keyframes event-marker-pulse {
      0% {
        transform: scale(0.78);
        opacity: 0.72;
      }
      60% {
        transform: scale(1.55);
        opacity: 0;
      }
      100% {
        transform: scale(0.78);
        opacity: 0;
      }
    }

    @keyframes event-marker-image-attention {
      0%, 100% {
        transform: translateY(0);
      }
      50% {
        transform: translateY(-2px);
      }
    }

    @keyframes event-marker-live-beat {
      0%, 100% {
        transform: scale(1);
      }
      50% {
        transform: scale(1.08);
      }
    }

    .event-popup .leaflet-popup-content-wrapper {
      border-radius: 16px;
      overflow: hidden;
      border: 1px solid rgba(15, 23, 42, 0.08);
      box-shadow: 0 18px 45px rgba(15, 23, 42, 0.18);
    }

    .event-popup .leaflet-popup-content {
      margin: 0 !important;
      width: 248px !important;
    }

    .event-card {
      width: 248px;
      padding: 14px;
      color: #0f172a;
      background: #fff;
      box-sizing: border-box;
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    }

    .event-card-hero {
      width: 100%;
      height: 96px;
      border-radius: 13px;
      object-fit: cover;
      display: block;
      margin-bottom: 12px;
      background: #0f172a;
    }

    .event-card-title {
      font-size: 17px;
      line-height: 1.18;
      font-weight: 900;
      color: #0f172a;
      margin-bottom: 5px;
    }

    .event-card-venue {
      font-size: 13px;
      line-height: 1.28;
      color: #334155;
      font-weight: 800;
      margin-bottom: 4px;
    }

    .event-card-meta,
    .event-card-address {
      font-size: 12px;
      line-height: 1.32;
      color: #64748b;
      font-weight: 650;
    }

    .event-card-watch {
      margin-top: 10px;
      padding: 9px 10px;
      border-radius: 12px;
      background: #f8fafc;
      color: #334155;
      font-size: 12px;
      line-height: 1.3;
      font-weight: 750;
    }

    .event-card-actions {
      display: flex;
      gap: 8px;
      margin-top: 12px;
    }

    .event-card-button {
      width: 100%;
      border: 0;
      border-radius: 12px;
      padding: 9px 10px;
      font-size: 12px;
      line-height: 1;
      font-weight: 900;
      color: #0f172a;
      background: #e2e8f0;
      cursor: pointer;
    }

    .event-card-button.primary {
      background: #0f172a;
      color: #fff;
    }

    .event-card-button.link {
      background: #fff7d6;
      color: #854d0e;
    }

    .banner-marker-div {
      width: 120px !important;
      height: 96px !important;
      background: none !important;
      border: none !important;
    }

    .banner-marker-wrapper {
      position: relative;
      width: 120px;
      height: 96px;
      pointer-events: none;
    }

    .banner-marker-glow {
      position: absolute;
      inset: 8px 8px 24px 8px;
      border-radius: 50%; 
      background: radial-gradient(circle at center, rgba(59, 130, 246, 0.85), rgba(16, 185, 129, 0.35));
      box-shadow: 0 0 16px rgba(59, 130, 246, 0.45);
      animation: banner-marker-pulse 2.8s ease-out infinite;
    }

    .banner-marker-core {
      position: absolute;
      inset: 14px 14px 28px 14px;
      border-radius: 50%;
      background: linear-gradient(150deg, #10b981, #0ea5e9 45%, #6366f1);
      display: flex;
      align-items: center;
      justify-content: center;
      color: #fff;
      font-size: 16px;
      font-weight: 700;
      text-shadow: 0 1px 3px rgba(0,0,0,0.3);
      box-shadow: 0 10px 18px rgba(79, 70, 229, 0.45);
    }

    .banner-marker-core::after {
      content: '';
      position: absolute;
      bottom: -14px;
      left: 50%;
      transform: translateX(-50%) rotate(45deg);
      width: 18px;
      height: 18px;
      background: linear-gradient(150deg, #10b981, #0ea5e9 45%, #6366f1);
      border-radius: 5px;
      box-shadow: 0 7px 12px rgba(79, 70, 229, 0.4);
    }

    .banner-marker-emoji {
      pointer-events: none;
      font-size: 17px;
    }

    .banner-photo-wrapper {
      position: relative;
      width: 120px;
      height: 90px;
      pointer-events: none;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .banner-photo-frame {
      position: relative;
      width: 100%;
      height: 100%;
      background: transparent;
      box-shadow: none;
      border-radius: 0;
      overflow: visible;
      border: none;
    }

    .banner-popup strong {
      display: block;
      margin-bottom: 6px;
      color: rgba(15, 23, 42, 0.95);
      font-size: 15px;
    }

    .partner-popup .leaflet-popup-content-wrapper {
      border-radius: 18px;
      box-shadow: 0 18px 42px rgba(15, 23, 42, 0.2);
    }

    .partner-popup .leaflet-popup-content {
      margin: 16px 18px 18px;
    }

    .partner-popup-card {
      width: 230px;
      color: #0f172a;
    }

    .partner-popup-title {
      margin: 0 0 8px;
      font-size: 19px;
      line-height: 1.15;
      font-weight: 800;
    }

    .partner-popup-offer {
      margin: 0 0 8px;
      color: #0f172a;
      font-size: 15px;
      line-height: 1.35;
      font-weight: 700;
    }

    .partner-popup-note {
      margin: 0 0 14px;
      color: #64748b;
      font-size: 13px;
      line-height: 1.35;
      font-weight: 600;
    }

    .partner-popup-button {
      width: 100%;
      border: 0;
      border-radius: 14px;
      padding: 12px 14px;
      background: #0f172a;
      color: #fff;
      font-size: 15px;
      line-height: 1;
      font-weight: 800;
      text-align: center;
      box-shadow: 0 10px 22px rgba(15, 23, 42, 0.22);
    }

    .banner-photo-img {
      width: 100%;
      height: 100%;
      object-fit: contain;
      display: block;
      background: transparent;
      filter: drop-shadow(0 2px 6px rgba(15, 23, 42, 0.45));
    }

    .partner-card-marker-div {
      width: 48px !important;
      height: 58px !important;
      background: none !important;
      border: none !important;
    }

    .partner-card-marker {
      width: 48px;
      height: 58px;
      display: flex;
      align-items: center;
      justify-content: center;
      pointer-events: auto;
      position: relative;
    }

    .partner-card-marker::after {
      content: '';
      position: absolute;
      left: 50%;
      bottom: 1px;
      width: 14px;
      height: 14px;
      transform: rotate(45deg);
      transform-origin: center;
      margin-left: -7px;
      background: #0f172a;
      border-right: 2px solid rgba(250, 204, 21, 0.92);
      border-bottom: 2px solid rgba(250, 204, 21, 0.92);
      border-radius: 3px;
      box-shadow: 0 5px 10px rgba(15, 23, 42, 0.28);
    }

    .partner-card-logo-frame {
      width: 44px;
      height: 44px;
      border-radius: 14px;
      background: #06111f;
      border: 2px solid rgba(250, 204, 21, 0.96);
      box-shadow: 0 6px 14px rgba(15, 23, 42, 0.34), 0 0 0 3px rgba(250, 204, 21, 0.16);
      position: relative;
      z-index: 2;
      display: flex;
      align-items: center;
      justify-content: center;
      overflow: hidden;
    }

    .partner-card-logo-img {
      width: 100%;
      height: 100%;
      display: block;
      object-fit: cover;
    }

    .partner-card-logo-fallback {
      color: #fff;
      font-size: 9px;
      line-height: 1.05;
      font-weight: 900;
      text-align: center;
      letter-spacing: -0.2px;
    }

    .banner-desc-list {
      margin: 6px 0 0 0;
      padding: 0 0 0 12px;
      list-style: disc;
      list-style-position: outside;
      color: rgba(15, 23, 42, 0.9);
      font-size: 13px;
      line-height: 1.45;
    }

    .banner-desc-list li {
      margin-bottom: 4px;
    }

    .banner-desc-list li:last-child {
      margin-bottom: 0;
    }

    @keyframes banner-marker-pulse {
      0% {
        transform: scale(0.85);
        opacity: 0.9;
      }
      60% {
        transform: scale(1.3);
        opacity: 0;
      }
      100% {
        transform: scale(0.85);
        opacity: 0;
      }
    }

    .user-location-div {
      width: 56px !important;
      height: 62px !important;
      background: none !important;
      border: none !important;
      pointer-events: none !important;
    }

    .user-location-wrapper {
      position: relative;
      width: 56px;
      height: 62px;
      pointer-events: none;
    }

    .user-location-wave {
      position: absolute;
      inset: 8px 8px 22px 8px;
      border-radius: 50%;
      border: 2px solid rgba(56, 189, 248, 0.4);
      animation: user-location-pulse 2.6s ease-out infinite;
      box-shadow: 0 0 15px rgba(56, 189, 248, 0.35);
    }

    .user-location-pin {
      position: absolute;
      inset: 14px 14px 26px 14px;
      border-radius: 50%;
      background: linear-gradient(140deg, #34d399, #22d3ee 45%, #2563eb);
      box-shadow: 0 8px 18px rgba(37, 99, 235, 0.35);
      display: flex;
      align-items: center;
      justify-content: center;
      color: #fff;
      font-size: 18px;
    }

    .user-location-pin::after {
      content: '';
      position: absolute;
      bottom: -14px;
      left: 50%;
      transform: translateX(-50%) rotate(45deg);
      width: 18px;
      height: 18px;
      background: inherit;
      border-radius: 4px;
      box-shadow: 0 8px 12px rgba(37, 99, 235, 0.35);
    }

    .user-location-pin::before {
      content: '';
      position: absolute;
      inset: 6px;
      border-radius: 50%;
      background: rgba(255, 255, 255, 0.18);
      box-shadow: inset 0 2px 4px rgba(255, 255, 255, 0.3);
    }

    .user-location-emoji {
      z-index: 2;
      font-size: 18px;
      line-height: 1;
      filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.35));
    }

    .delivery-marker {
      width: 32px;
      height: 32px;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #fff;
      font-weight: 700;
      font-size: 16px;
      border: 2px solid #fff;
      box-shadow: 0 6px 16px rgba(0,0,0,0.3);
    }
    .delivery-marker.origin {
      background: linear-gradient(135deg, #2563eb, #1d4ed8);
    }
	    .delivery-marker.destination {
	      background: linear-gradient(135deg, #16a34a, #15803d);
	    }
    @keyframes user-location-pulse {
      0% {
        transform: scale(0.9);
        opacity: 0.7;
      }
      60% {
        transform: scale(1.25);
        opacity: 0;
      }
      100% {
        transform: scale(0.9);
        opacity: 0;
      }
    }

    #cooldownBadge {
      position: fixed;
      left: 50%;
      bottom: 182px;           /* Position above the widget toggle button */
      transform: translateX(-50%);
      z-index: 1500;           /* Above map tiles/markers */
      background: rgba(0,0,0,0.85);
      color: #fff;
      padding: 5px 10px;
      border-radius: 14px;
      font-size: 12px;
      font-weight: 500;
      line-height: 16px;
      text-align: center;
      white-space: nowrap;
      pointer-events: none;    /* Don't interfere with map taps */
      opacity: 0;
      transition: opacity 0.2s ease;
      box-shadow: 0 2px 6px rgba(0,0,0,0.24);
      backdrop-filter: blur(4px);
      -webkit-backdrop-filter: blur(4px);
    }
    #cooldownBadge.show { opacity: 1; }
  
    /* ---- surcharge («надбавка») popup ---- */
    .sg { min-width: 190px; max-width: 238px; font: 12.5px/1.3 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; color: #0f172a; }
    .sg-h { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; margin-bottom: 6px; }
    .sg-h strong { font-size: 14px; }
    .sg-age { font-size: 11px; color: #64748b; white-space: nowrap; }
    .sg-age.old { color: #b45309; }
    .sg-t { width: 100%; border-collapse: collapse; }
    .sg-t th { font-size: 10px; font-weight: 600; color: #94a3b8; text-align: right; padding: 0 0 2px; }
    .sg-t th:first-child, .sg-t td:first-child { text-align: left; }
    .sg-t td { padding: 3px 0; text-align: right; white-space: nowrap; }
    .sg-t td + td, .sg-t th + th { padding-left: 7px; }
    .sg-t .up { font-weight: 800; color: #15803d; }
    .sg-t .zero { color: #94a3b8; }
    .sg-t .na { color: #94a3b8; font-size: 11px; }
    .sg-t .k { font-size: 10px; color: #7c3aed; font-weight: 700; margin-left: 3px; }
    .sg-t .pr { color: #64748b; font-size: 11px; }
    .sg-f { margin-top: 6px; font-size: 10.5px; color: #94a3b8; line-height: 1.3; }
    .sg-err { font-size: 13px; color: #b91c1c; line-height: 1.35; }
    .pinned-popup .sg { min-width: 170px; }
    .pinned-popup-compact .sg-t th, .pinned-popup-compact .sg-f, .pinned-popup-compact .sg-t .pr,
    .pinned-popup-compact .sg-t .k, .pinned-popup-tiny .sg-t th, .pinned-popup-tiny .sg-f,
    .pinned-popup-tiny .sg-t .pr, .pinned-popup-tiny .sg-t .k, .pinned-popup-tiny .sg-h .sg-age { display: none; }
    .pinned-popup-compact .sg, .pinned-popup-tiny .sg { min-width: 0; font-size: inherit; }
    /* pin actions: watch in the КЭФ widget / delete (visible at every zoom) */
    .marker-actions { display: flex; gap: 6px; flex-wrap: wrap; margin-top: 7px; }
    .pw-btn {
      display:inline-block; padding:4px 8px; font-size:12px; font-weight:700; cursor:pointer;
      border:1px solid #16a34a; border-radius:6px; background:#fff; color:#15803d;
    }
    .pw-btn.on { background:#16a34a; color:#fff; }