/* Kamu Risk Haritası Portalı - Özel Stiller */

body.kamu-body {
  overflow: hidden;
}

.kamu-layout {
  display: flex;
  height: calc(100vh - 58px);
  position: relative;
}

#kamu-harita {
  flex: 1;
  height: 100%;
}

/* Harita üst overlay başlık */
.harita-overlay-baslik {
  position: absolute;
  top: 12px;
  left: 12px;
  background: rgba(13, 17, 23, 0.85);
  border: 1px solid var(--izts-border);
  border-radius: var(--radius);
  padding: 0.6rem 0.9rem;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  z-index: 5;
  pointer-events: none;
}

/* Sağ Panel */
.kamu-panel {
  width: 320px;
  background: var(--izts-dark-2);
  border-left: 1px solid var(--izts-border);
  overflow-y: auto;
  padding: 1rem;
  display: flex;
  flex-direction: column;
  gap: 0;
  z-index: 10;
}

.kamu-panel .izts-card {
  margin-bottom: 0.75rem;
  border-radius: var(--radius);
  padding: 1rem;
}

/* En riskli ilçeler listesi */
.riskli-liste .riskli-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  padding: 0.55rem 0;
  border-bottom: 1px solid var(--izts-border);
  font-size: 0.85rem;
}

.riskli-liste .riskli-item:last-child { border-bottom: none; }

.riskli-sira {
  width: 22px; height: 22px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.7rem;
  font-weight: 700;
  flex-shrink: 0;
}

.riskli-skor {
  font-size: 0.82rem;
  font-weight: 700;
  padding: 0.18rem 0.45rem;
  border-radius: 6px;
  color: white;
  min-width: 36px;
  text-align: center;
}

/* Mapbox Popup */
.izts-popup .mapboxgl-popup-content {
  background: rgba(13, 17, 23, 0.95) !important;
  border: 1px solid var(--izts-border) !important;
  border-radius: var(--radius) !important;
  padding: 0.75rem 1rem !important;
  color: var(--text-primary) !important;
  box-shadow: 0 8px 32px rgba(0,0,0,0.6) !important;
  min-width: 190px;
  backdrop-filter: blur(8px);
}

.izts-popup .mapboxgl-popup-tip {
  border-top-color: rgba(13, 17, 23, 0.95) !important;
}

.mapboxgl-popup-content {
  background: rgba(13, 17, 23, 0.95) !important;
  border: 1px solid var(--izts-border) !important;
  border-radius: var(--radius) !important;
  padding: 0.75rem 1rem !important;
  color: var(--text-primary) !important;
  box-shadow: 0 8px 32px rgba(0,0,0,0.6) !important;
  min-width: 190px;
}

.mapboxgl-popup-tip { border-top-color: rgba(13, 17, 23, 0.95) !important; }

.popup-il { font-weight: 700; font-size: 0.95rem; margin-bottom: 0.35rem; }
.popup-skor { font-size: 1.5rem; font-weight: 800; line-height: 1.2; }
.popup-tur { font-size: 0.78rem; color: var(--text-secondary); margin-top: 0.3rem; }
.popup-bildirim { font-size: 0.72rem; color: var(--text-muted); margin-top: 0.15rem; }

/* Risk Skalası Göstergesi (sol alt) */
.risk-olcek {
  position: absolute;
  bottom: 36px;
  left: 12px;
  background: rgba(13, 17, 23, 0.88);
  border: 1px solid var(--izts-border);
  border-radius: var(--radius);
  padding: 0.65rem 0.9rem;
  z-index: 5;
  min-width: 180px;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

.risk-olcek-baslik {
  font-size: 0.68rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--text-secondary);
  margin-bottom: 0.45rem;
  text-align: center;
}

.risk-olcek-bar {
  height: 12px;
  border-radius: 6px;
  background: linear-gradient(to right, #0d2b0d, #1a7a1a, #7ab317, #f5c518, #e67e22, #c0392b, #7b241c);
}

.risk-olcek-etiketler {
  display: flex;
  justify-content: space-between;
  margin-top: 0.25rem;
  font-size: 0.68rem;
  color: var(--text-muted);
  font-weight: 600;
}

.risk-olcek-renk-etiketler {
  display: flex;
  justify-content: space-between;
  margin-top: 0.1rem;
  font-size: 0.65rem;
  font-weight: 600;
}

/* Mobil */
@media (max-width: 900px) {
  body.kamu-body { overflow: auto; }
  .kamu-layout { flex-direction: column; height: auto; }
  #kamu-harita { height: 65vw; min-height: 280px; max-height: 55vh; }
  .kamu-panel {
    width: 100%;
    border-left: none;
    border-top: 1px solid var(--izts-border);
    max-height: none;
    overflow: visible;
  }
  .risk-olcek { display: none; }
  .harita-overlay-baslik { font-size: 0.8rem; padding: 0.4rem 0.65rem; }
}