@charset "UTF-8";

/* src/styles.scss */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
html,
body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  position: fixed;
  overflow: hidden;
}
body {
  font-family:
    "Segoe UI",
    Tahoma,
    Geneva,
    Verdana,
    sans-serif;
  background: #f5f5f5;
  touch-action: manipulation;
  -webkit-overflow-scrolling: auto;
  -webkit-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}
app-yandex-map {
  display: block;
  width: 100%;
  height: 100%;
  flex: 1;
  min-height: 500px;
  position: relative;
  z-index: 1;
  pointer-events: auto !important;
}
#yandex-map {
  width: 100% !important;
  height: 100% !important;
  min-height: 500px !important;
  pointer-events: auto !important;
}
#yandex-map * {
  pointer-events: auto !important;
}
.ymaps-2-1-79-map {
  font-family:
    "Segoe UI",
    Tahoma,
    Geneva,
    Verdana,
    sans-serif;
}
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.fade-in {
  animation: fadeIn 0.3s ease-in-out;
}
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-track {
  background: #f1f1f1;
}
::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: #555;
}
@media (max-width: 768px) {
  body {
    overflow: auto;
  }
  button,
  a,
  .clickable {
    min-height: 44px;
    min-width: 44px;
  }
  html,
  body {
    overflow-x: hidden;
    width: 100%;
    -webkit-overflow-scrolling: touch;
  }
  input,
  textarea,
  select {
    font-size: 16px !important;
  }
  #yandex-map,
  .map-container {
    touch-action: pan-x pan-y pinch-zoom !important;
    -ms-touch-action: pan-x pan-y pinch-zoom !important;
  }
  .ymaps-2-1-79-map,
  .ymaps-2-1-79-inner-panes,
  .ymaps-2-1-79-events-pane {
    touch-action: pan-x pan-y pinch-zoom !important;
    -ms-touch-action: pan-x pan-y pinch-zoom !important;
  }
}
@media (display-mode: standalone) {
  body {
    user-select: none;
    -webkit-user-select: none;
    -webkit-touch-callout: none;
  }
}
@media (orientation: landscape) and (max-width: 896px) {
  .header-center .datetime-display {
    font-size: 14px;
  }
}
.ymaps-2-1-79-balloon__content {
  padding: 0 !important;
}
.ymaps-2-1-79-balloon__layout {
  border-radius: 8px !important;
}
ymaps.ymaps-2-1-79-controls-pane {
  display: none !important;
}
.ymaps-2-1-79-balloon,
.ymaps-2-1-79-balloon__layout,
.ymaps-2-1-79-balloon__content,
.ymaps-2-1-79-balloon-pane {
  display: none !important;
}
.ymaps-2-1-79-hint,
.ymaps-2-1-79-hint__text,
.ymaps-2-1-79-hint__tail {
  pointer-events: auto !important;
  z-index: 9999 !important;
  display: block !important;
}
.ymaps-2-1-79-hint {
  opacity: 1 !important;
  visibility: visible !important;
}
body.dark-theme {
  background: #1a1a2e;
  color: #e0e0e0;
}
body.dark-theme .app-header {
  background:
    linear-gradient(
      135deg,
      #16213e 0%,
      #0f3460 100%) !important;
}
body.dark-theme .app-wrapper {
  background: #1a1a2e;
}
body.dark-theme #yandex-map,
body.dark-theme .ymaps-2-1-79-map {
  filter: invert(1) hue-rotate(180deg) brightness(0.95) contrast(0.9);
}
body.dark-theme .ymaps-2-1-79-placemark-overlay {
  filter: invert(1) hue-rotate(-180deg);
}
body.dark-theme .custom-popup {
  background: #16213e !important;
  color: #e0e0e0 !important;
  border-color: #0f3460 !important;
}
body.dark-theme .custom-popup h2,
body.dark-theme .custom-popup h3 {
  color: #ffffff !important;
}
body.dark-theme .custom-popup p {
  color: #e0e0e0 !important;
}
body.dark-theme .custom-popup .popup-date {
  color: #9ca3af !important;
}
body.dark-theme .custom-popup .popup-image {
  border-color: #0f3460 !important;
}
body.dark-theme .custom-popup label {
  color: #e0e0e0 !important;
}
body.dark-theme .popup-overlay {
  background: rgba(0, 0, 0, 0.85) !important;
}
body.dark-theme .popup-close {
  color: #e0e0e0 !important;
  background: rgba(255, 255, 255, 0.1) !important;
}
body.dark-theme .popup-close:hover {
  background: rgba(255, 255, 255, 0.2) !important;
}
body.dark-theme input,
body.dark-theme textarea,
body.dark-theme select {
  background: #0f3460 !important;
  color: #e0e0e0 !important;
  border-color: #16213e !important;
}
body.dark-theme input::placeholder,
body.dark-theme textarea::placeholder,
body.dark-theme select::placeholder {
  color: #9ca3af !important;
}
body.dark-theme input:focus,
body.dark-theme textarea:focus,
body.dark-theme select:focus {
  border-color: #533483 !important;
  background: #16213e !important;
}
body.dark-theme button:not(.theme-toggle-btn):not(.login-btn):not(.logout-btn) {
  background: #533483 !important;
  color: #e0e0e0 !important;
  border-color: #533483 !important;
}
body.dark-theme button:not(.theme-toggle-btn):not(.login-btn):not(.logout-btn):hover {
  background: #6a4a9e !important;
}
body.dark-theme button:not(.theme-toggle-btn):not(.login-btn):not(.logout-btn):disabled {
  background: #374151 !important;
  color: #6b7280 !important;
}
body.dark-theme .markers-list-panel,
body.dark-theme .list-panel {
  background: #16213e !important;
  color: #e0e0e0 !important;
  border-color: #0f3460 !important;
}
body.dark-theme .panel-header {
  background: #0f3460 !important;
  border-bottom-color: #16213e !important;
}
body.dark-theme .panel-header h3 {
  color: #ffffff !important;
}
body.dark-theme .close-btn {
  background: rgba(255, 255, 255, 0.1) !important;
  color: #e0e0e0 !important;
}
body.dark-theme .close-btn:hover {
  background: rgba(255, 255, 255, 0.2) !important;
}
body.dark-theme .markers-toggle-btn {
  background: rgba(255, 255, 255, 0.1) !important;
  color: #e0e0e0 !important;
}
body.dark-theme .markers-toggle-btn:hover {
  background: rgba(255, 255, 255, 0.2) !important;
}
body.dark-theme .marker-item {
  background: #0f3460 !important;
  border-color: #16213e !important;
}
body.dark-theme .marker-item:hover {
  background: #16213e !important;
}
body.dark-theme .marker-item h4 {
  color: #ffffff !important;
}
body.dark-theme .marker-item p {
  color: #d1d5db !important;
}
body.dark-theme .no-markers p {
  color: #9ca3af !important;
}
body.dark-theme .markers-container {
  background: #16213e !important;
}
body.dark-theme .modal-overlay {
  background: rgba(0, 0, 0, 0.85) !important;
}
body.dark-theme .modal-content {
  background: #16213e !important;
  color: #e0e0e0 !important;
  border-color: #0f3460 !important;
}
body.dark-theme .modal-content h2 {
  color: #e0e0e0 !important;
}
body.dark-theme .modal-content .modal-close {
  color: #e0e0e0 !important;
  background: rgba(255, 255, 255, 0.1) !important;
}
body.dark-theme .modal-content .modal-close:hover {
  background: rgba(255, 255, 255, 0.2) !important;
}
body.dark-theme .modal-content .tab-buttons button {
  background: #0f3460 !important;
  color: #9ca3af !important;
}
body.dark-theme .modal-content .tab-buttons button.active {
  background: #533483 !important;
  color: #e0e0e0 !important;
}
body.dark-theme ::-webkit-scrollbar-track {
  background: #16213e;
}
body.dark-theme ::-webkit-scrollbar-thumb {
  background: #533483;
}
body.dark-theme ::-webkit-scrollbar-thumb:hover {
  background: #6a4a9e;
}
body.dark-theme .date-label-clickable {
  background: rgba(255, 255, 255, 0.15) !important;
  border-color: rgba(255, 255, 255, 0.3) !important;
}
body.dark-theme .slider-track {
  background: rgba(255, 255, 255, 0.3) !important;
  border-color: rgba(255, 255, 255, 0.4) !important;
}
body.dark-theme .slider-range {
  background:
    linear-gradient(
      90deg,
      #533483 0%,
      #6a4a9e 100%) !important;
}
body.dark-theme .marker-thumbnail {
  background:
    linear-gradient(
      135deg,
      #533483 0%,
      #764ba2 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.1);
}
body.dark-theme .social-btn.vk {
  background:
    linear-gradient(
      135deg,
      #3a5a7e 0%,
      #0066cc 100%) !important;
}
body.dark-theme .social-btn.telegram {
  background:
    linear-gradient(
      135deg,
      #006699 0%,
      #1a8bbb 100%) !important;
}
body.dark-theme .social-btn.ok {
  background:
    linear-gradient(
      135deg,
      #d16820 0%,
      #e67e1a 100%) !important;
}
body.dark-theme .divider {
  color: #9ca3af !important;
}
body.dark-theme .divider::before,
body.dark-theme .divider::after {
  border-color: rgba(255, 255, 255, 0.2) !important;
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles.css.map */