/* Минимальные дополнения поверх gdebenz-port.css */

#map {
  width: 100%;
  height: 100%;
}

.leaflet-container {
  font-family: inherit;
  background: #e8eef4;
}

html[data-theme="dark"] .leaflet-container {
  background: #0a1018;
}

#saved-list .empty,
.msheet-list .empty {
  padding: 24px 16px;
  text-align: center;
  color: var(--dim);
  font-size: 14px;
}

#fg-hint.hidden {
  display: none;
}

#safe-note {
  display: none;
}

#safe-note.show {
  display: flex;
}

#boot-splash {
  position: fixed;
  inset: 0;
  z-index: 20000;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #05070c;
  color: #e8edf4;
  font-size: 16px;
  font-weight: 500;
}

#toast {
  pointer-events: none;
}

#toast.show {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

@media (max-width: 1023px) {
  /* Карта не перехватывает тапы по шапке на телефоне */
  #view-map #map {
    z-index: 0;
    isolation: isolate;
  }
  #view-map .dsk-sidebar {
    position: relative;
    z-index: 10;
    pointer-events: none;
  }
  #view-map .mtop,
  #view-map .msheet,
  #view-map .map-fab,
  #view-map .map-credit,
  #view-map #pick-float,
  #view-map .sg-pickbar,
  #view-map .sg-cross {
    pointer-events: auto;
    touch-action: manipulation;
  }
  #view-map .map-fab {
    z-index: 650;
  }
  body.search-open {
    overflow: hidden;
  }
  #search-wrap {
    z-index: 10000;
  }
  #search-wrap.open {
    display: flex;
    pointer-events: auto;
  }
  #search-wrap.open .search-card,
  #search-wrap.open #city-input,
  #search-wrap.open #search-results,
  #search-wrap.open .sr-item {
    pointer-events: auto;
    touch-action: manipulation;
  }
  #city-input {
    -webkit-user-select: text;
    user-select: text;
  }
  #search-wrap.open .search-card {
    flex: 0 1 auto;
    min-height: 120px;
  }
  #search-results {
    -webkit-overflow-scrolling: touch;
    max-height: 55vh;
    max-height: 55dvh;
  }
}

@media (min-width: 1024px) {
  body.dsk #pick-float {
    display: none;
  }
}

@media (max-width: 1023px) {
  body:not(.dsk) .dsk-sidebar .pick-fab {
    display: inline-flex;
  }
}
