/* OptiWake tracker panel polish v2 */

/* Formularz Zawodnicy nie należy do panelu Aktywne trackery */
.ow-sailor-config {
  display: none !important;
}

/* Zwężenie / uporządkowanie okna trackerów */
.desktop-trackers-popover,
.mobile-trackers-panel,
.mobile-tracker-panel,
.tracker-legend {
  max-width: 430px !important;
}

.desktop-trackers-popover {
  width: 430px !important;
  min-width: 360px !important;
}

@media (max-width: 760px) {
  .desktop-trackers-popover,
  .mobile-trackers-panel,
  .mobile-tracker-panel,
  .tracker-legend {
    width: calc(100vw - 24px) !important;
    max-width: calc(100vw - 24px) !important;
    min-width: 0 !important;
  }
}

/* Wiersze trackerów bardziej kompaktowe */
.tracker-legend-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto auto auto !important;
  gap: 8px !important;
  align-items: center !important;
  padding: 10px 0 !important;
}

/* Przyciski: Tylko / Śledź / Wszyscy */
button.ow-tracker-action-button {
  width: 52px !important;
  min-width: 52px !important;
  height: 52px !important;
  min-height: 52px !important;
  padding: 0 !important;
  border: 1px solid #b8d0e3 !important;
  border-radius: 14px !important;
  background: #ffffff !important;
  color: #153a5b !important;
  box-shadow: none !important;
}

/* Ukryj tekst pod ikoną, zostaje czytelny stan graficzny */
button.ow-tracker-action-button .ow-tracker-action-caption {
  display: none !important;
}

/* AKTYWNE: ciemne wypełnienie zgodne z logo */
button.ow-tracker-action-active,
button.ow-tracker-show-all-active {
  background: #0b2b55 !important;
  border-color: #0b2b55 !important;
  color: #ffffff !important;
  box-shadow:
    0 6px 18px rgba(11, 43, 85, 0.24),
    0 0 0 2px rgba(0, 166, 221, 0.14) !important;
}

/* Ikony SVG na aktywnym przycisku */
button.ow-tracker-action-active svg,
button.ow-tracker-show-all-active svg,
button.ow-tracker-action-active path,
button.ow-tracker-show-all-active path,
button.ow-tracker-action-active circle,
button.ow-tracker-show-all-active circle {
  stroke: currentColor !important;
}

/* Nie pokazuj napisu AKTYWNE nad ikoną — wystarczy ciemne wypełnienie */
button.ow-tracker-action-active::after {
  display: none !important;
}

/* Status aktywny zostaje zielony */
.tracker-legend-state.active,
.tracker-legend-state,
.ow-tracker-status-active {
  border-radius: 999px !important;
  background: #dff4e7 !important;
  color: #08733c !important;
  font-weight: 900 !important;
}

/* Informacja o trybie */
.ow-tracker-current-mode {
  margin-top: 6px !important;
  padding: 0 !important;
  background: transparent !important;
  color: #0057b8 !important;
  font-size: 13px !important;
  font-weight: 900 !important;
}

.ow-tracker-current-mode strong {
  color: #0057b8 !important;
}

/* Etykiety na mapie */
.leaflet-tooltip.tracker-label {
  z-index: 1801 !important;
  background: rgba(255, 255, 255, 0.96) !important;
  color: #0f233d !important;
  border: 0 !important;
  border-radius: 14px !important;
  box-shadow: 0 8px 22px rgba(15, 35, 61, 0.22) !important;
  font-weight: 900 !important;
}

/* OptiWake tracker panel polish v2.1 */

/* Popover bardziej kompaktowy */
.desktop-status-popover.desktop-trackers-popover,
.desktop-trackers-popover.ow-trackers-popover-v2 {
  width: min(420px, calc(100vw - 24px)) !important;
  max-width: 420px !important;
  min-width: 0 !important;
}

/* Przyciski narzędzi trackerów */
button.ow-tracker-show-all,
button.ow-tracker-action-button {
  width: 44px !important;
  min-width: 44px !important;
  height: 44px !important;
  min-height: 44px !important;
  padding: 0 !important;
  border: 1px solid #b8d0e3 !important;
  border-radius: 14px !important;
  background: #ffffff !important;
  color: #153a5b !important;
  opacity: 1 !important;
  box-shadow: none !important;
}

/* Aktywny stan: granatowe wypełnienie zgodne z logo */
button.ow-tracker-show-all.active,
button.ow-tracker-show-all.ow-tracker-show-all-active,
button.ow-tracker-show-all[aria-pressed="true"],
button.ow-tracker-action-button.active,
button.ow-tracker-action-button.ow-tracker-action-active,
button.ow-tracker-action-button[aria-pressed="true"] {
  background: #0b2b55 !important;
  border-color: #0b2b55 !important;
  color: #ffffff !important;
  opacity: 1 !important;
  box-shadow:
    0 6px 18px rgba(11, 43, 85, 0.25),
    0 0 0 2px rgba(0, 166, 221, 0.14) !important;
}

button.ow-tracker-show-all.active svg,
button.ow-tracker-show-all[aria-pressed="true"] svg,
button.ow-tracker-action-button.active svg,
button.ow-tracker-action-button[aria-pressed="true"] svg,
button.ow-tracker-show-all.active path,
button.ow-tracker-show-all[aria-pressed="true"] path,
button.ow-tracker-action-button.active path,
button.ow-tracker-action-button[aria-pressed="true"] path,
button.ow-tracker-show-all.active circle,
button.ow-tracker-show-all[aria-pressed="true"] circle,
button.ow-tracker-action-button.active circle,
button.ow-tracker-action-button[aria-pressed="true"] circle {
  stroke: currentColor !important;
}

/* Tekst trybu */
.ow-tracker-view-mode {
  margin-top: 6px !important;
  padding: 0 !important;
  color: #0057b8 !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1.25 !important;
}

/* Wiersze bez dużych pustych odstępów */
.tracker-legend-row {
  grid-template-columns: minmax(0, 1fr) auto auto auto !important;
  gap: 8px !important;
}

.ow-tracker-row-actions {
  display: inline-flex !important;
  gap: 8px !important;
}