/* SignalNids DEV — Carte frelons observés V1.2.2
   Fichier séparé volontairement pour contourner le cache global app.css. */

.sn-map-v122 .map-controls{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin:22px 0 18px;
}

.sn-map-v122 .map-view-switch{
  display:flex;
  align-items:center;
  gap:5px;
  width:max-content;
  max-width:100%;
  padding:5px;
  border:1px solid #d9e4d5;
  border-radius:12px;
  background:#eaf0e6;
}

.sn-map-v122 .map-view-switch button,
.sn-map-v122 .map-view-switch a{
  appearance:none;
  min-height:44px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  margin:0;
  padding:10px 17px;
  border:0;
  border-radius:9px;
  background:transparent;
  color:#31584c;
  font:700 .9rem/1.15 Signal,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  text-decoration:none!important;
  white-space:nowrap;
  cursor:pointer;
  box-shadow:none;
}

.sn-map-v122 .map-view-switch button:hover,
.sn-map-v122 .map-view-switch a:hover{
  background:rgba(255,255,255,.7);
  color:#00513e;
}

.sn-map-v122 .map-view-switch button.is-selected,
.sn-map-v122 .map-view-switch a.is-selected,
.sn-map-v122 .map-view-switch a[aria-current="page"]{
  background:#fff;
  color:#00513e;
  box-shadow:0 2px 7px rgba(18,59,48,.10);
}

.sn-map-v122 .map-view-switch small{
  padding:2px 6px;
  border-radius:999px;
  background:#0a7558;
  color:#fff;
  font-size:.52rem;
  font-weight:900;
  letter-spacing:.04em;
}

.sn-map-v122 .map-view-switch .is-selected small,
.sn-map-v122 .map-view-switch [aria-current="page"] small{
  background:#dff2e9;
  color:#075541;
}

.sn-map-v122 #observed-map-refresh{
  min-height:44px;
  padding:0 18px;
  border-radius:10px;
}

/* La hauteur de la carte ne dépend plus du CSS global. */
.sn-map-v122 .observed-map-shell{
  width:100%;
  overflow:hidden;
  border:1px solid #dbe4d6;
  border-radius:14px;
  background:#dceef2;
}

.sn-map-v122 .sn-observed-map-canvas{
  position:relative;
  z-index:1;
  width:100%!important;
  height:60dvh!important;
  min-height:420px!important;
  max-height:760px;
  display:block!important;
  background:#dceef2;
}

.sn-map-v122 .observed-map-shell .map-caption{
  position:relative;
  z-index:2;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:11px 14px;
  border-top:1px solid #dbe4d6;
  background:#fff;
}

.sn-map-v122 #observed-map-legend{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  min-width:0;
}

.sn-map-v122 #observed-map-status{
  color:#607258;
  font-size:.76rem;
  text-align:right;
}

.sn-map-v122 .observed-map-kpis{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
  margin:20px 0;
}

.sn-map-v122 .observed-map-kpis>div{
  min-height:86px;
  display:flex;
  align-items:center;
  gap:12px;
  padding:14px 18px;
  border:1px solid #dbe4d6;
  border-radius:12px;
  background:#fff;
}

.sn-map-v122 .observed-map-kpis strong{
  color:#073f59;
  font-size:1.8rem;
  line-height:1;
  font-variant-numeric:tabular-nums;
}

.sn-map-v122 .observed-map-kpis span{
  color:#607258;
  font-size:.78rem;
  line-height:1.35;
}

.sn-map-v122 .observed-map-explanation{
  margin:18px 0;
  padding:14px 17px;
  border:1px solid #dbe5d4;
  border-left:4px solid #0a7558;
  border-radius:10px;
  background:#edf3e8;
  color:#506848;
}

.sn-map-v122 .leaflet-container{
  font-family:Signal,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}

@media(max-width:760px){
  .sn-map-v122 .map-controls{
    display:grid;
    grid-template-columns:1fr;
    gap:9px;
  }

  .sn-map-v122 .map-view-switch{
    width:100%;
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
  }

  .sn-map-v122 .map-view-switch button,
  .sn-map-v122 .map-view-switch a{
    min-width:0;
    padding:9px 6px;
    font-size:.72rem;
    white-space:normal;
    text-align:center;
  }

  .sn-map-v122 .map-view-switch small{
    display:none;
  }

  .sn-map-v122 #observed-map-refresh{
    width:100%;
  }

  .sn-map-v122 .observed-map-kpis{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:7px;
  }

  .sn-map-v122 .observed-map-kpis>div{
    min-height:82px;
    padding:11px 9px;
    align-items:flex-start;
    flex-direction:column;
    gap:5px;
  }

  .sn-map-v122 .observed-map-kpis strong{
    font-size:1.55rem;
  }

  .sn-map-v122 .observed-map-kpis span{
    font-size:.65rem;
  }

  .sn-map-v122 .sn-observed-map-canvas{
    height:55dvh!important;
    min-height:350px!important;
    max-height:620px;
  }

  .sn-map-v122 .observed-map-shell{
    border-radius:10px;
  }

  .sn-map-v122 .observed-map-shell .map-caption{
    display:grid;
    gap:8px;
  }

  .sn-map-v122 #observed-map-status{
    text-align:left;
  }
}

@media(max-width:480px){
  .sn-map-v122 .map-view-switch{
    gap:3px;
    padding:4px;
  }

  .sn-map-v122 .map-view-switch button,
  .sn-map-v122 .map-view-switch a{
    font-size:.66rem;
  }

  .sn-map-v122 .observed-map-kpis strong{
    font-size:1.4rem;
  }
}