/* GPSPOL Unified Theme R1 */

:root {
  --gpspol-bg: #f3f7fb;
  --gpspol-card: rgba(255,255,255,.96);
  --gpspol-border: rgba(15,23,42,.09);
  --gpspol-text: #0f172a;
  --gpspol-muted: #64748b;
  --gpspol-green: #16a34a;
  --gpspol-green2: #22c55e;
  --gpspol-navy: #0b2440;
  --gpspol-shadow: 0 14px 36px rgba(15,23,42,.10);
  --gpspol-radius: 18px;
}

/* ogólne tło */
body:not(.gpspol-login) {
  background: var(--gpspol-bg) !important;
}

/* lewy panel */
body:not(.gpspol-login) [class*="MuiDrawer-paper"] {
  background: var(--gpspol-card) !important;
  border-right: 1px solid var(--gpspol-border) !important;
  box-shadow: 14px 0 42px rgba(15,23,42,.08) !important;
  backdrop-filter: blur(14px) !important;
}

/* pozycje menu po lewej */
body:not(.gpspol-login) [class*="MuiListItemButton-root"],
body:not(.gpspol-login) [role="button"] {
  border-radius: 16px !important;
}

body:not(.gpspol-login) [class*="MuiListItemButton-root"]:hover,
body:not(.gpspol-login) [role="button"]:hover {
  background: rgba(22,163,74,.07) !important;
}

body:not(.gpspol-login) .Mui-selected,
body:not(.gpspol-login) [aria-selected="true"] {
  color: #0f766e !important;
  background: rgba(22,163,74,.09) !important;
}

/* karty, popupy, ustawienia, raporty */
body:not(.gpspol-login) [class*="MuiPaper-root"],
body:not(.gpspol-login) [class*="MuiAccordion-root"],
body:not(.gpspol-login) [class*="MuiCard-root"] {
  border-radius: var(--gpspol-radius) !important;
  border: 1px solid var(--gpspol-border) !important;
  box-shadow: var(--gpspol-shadow) !important;
}

/* pola formularzy */
body:not(.gpspol-login) [class*="MuiOutlinedInput-root"],
body:not(.gpspol-login) input {
  border-radius: 15px !important;
  background: rgba(255,255,255,.97) !important;
}

/* zwykłe przyciski */
body:not(.gpspol-login) button {
  border-radius: 15px !important;
}

/* dolny panel akcji: Widok ulicy / Wyloguj */
#gpspol-action-dock {
  left: 385px !important;
  right: auto !important;
  bottom: 24px !important;
  top: auto !important;
  z-index: 99998 !important;
  display: flex !important;
  gap: 10px !important;
  padding: 8px !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.94) !important;
  border: 1px solid var(--gpspol-border) !important;
  box-shadow: 0 18px 48px rgba(15,23,42,.15) !important;
  backdrop-filter: blur(16px) !important;
}

.gpspol-action-btn {
  border: 0 !important;
  border-radius: 999px !important;
  padding: 11px 16px !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  cursor: pointer !important;
  box-shadow: none !important;
}

.gpspol-action-btn.green {
  color: #fff !important;
  background: linear-gradient(135deg, var(--gpspol-green), var(--gpspol-green2)) !important;
}

.gpspol-action-btn.dark {
  color: var(--gpspol-text) !important;
  background: #fff !important;
  border: 1px solid var(--gpspol-border) !important;
}

/* Blokada PRO ma wyglądać jak element panelu, nie jak obcy baner */
#gpspol-immobilizer-menu-item {
  width: calc(100% - 18px) !important;
  margin: 8px 9px !important;
  padding: 13px 16px !important;
  border-radius: 16px !important;
  background: #ffffff !important;
  color: var(--gpspol-text) !important;
  border: 1px solid rgba(22,163,74,.18) !important;
  box-shadow: 0 10px 28px rgba(15,23,42,.08) !important;
}

#gpspol-immobilizer-menu-item:hover {
  background: rgba(22,163,74,.06) !important;
  transform: translateY(-1px) !important;
}

.gpspol-immobilizer-icon {
  width: 34px !important;
  height: 34px !important;
  background: rgba(22,163,74,.10) !important;
  color: var(--gpspol-green) !important;
}

.gpspol-immobilizer-title {
  color: var(--gpspol-text) !important;
  font-size: 15px !important;
}

.gpspol-immobilizer-subtitle {
  color: var(--gpspol-muted) !important;
  font-size: 12px !important;
}

/* okno Blokady PRO */
#gpspol-immobilizer-box {
  border-radius: 24px !important;
  box-shadow: 0 34px 110px rgba(15,23,42,.28) !important;
}

#gpspol-immobilizer-head {
  background: linear-gradient(135deg, var(--gpspol-navy), #12385b) !important;
}

.gpspol-immobilizer-btn.block {
  background: linear-gradient(135deg, #f97316, #ea580c) !important;
}

.gpspol-immobilizer-btn.unblock {
  background: linear-gradient(135deg, var(--gpspol-green), var(--gpspol-green2)) !important;
}

/* okno widoku ulicy */
#gpspol-streetview-box {
  border-radius: 24px !important;
  box-shadow: 0 34px 110px rgba(15,23,42,.30) !important;
}

#gpspol-streetview-header {
  background: linear-gradient(135deg, var(--gpspol-navy), #12385b) !important;
}

/* ukryj starą kartę informacyjną, jeżeli jeszcze gdzieś siedzi */
#gpspol-client-info-card {
  display: none !important;
}

/* małe ekrany */
@media (max-width: 900px) {
  #gpspol-action-dock {
    left: 12px !important;
    right: 12px !important;
    bottom: 16px !important;
    justify-content: center !important;
  }
}