.legenda-colaboradores {
    background: white;
    padding: 10px;
    border-radius: 8px;
    box-shadow: 0 0 8px rgba(0,0,0,0.2);
    font-size: 14px;
    line-height: 1.4;
}
.legenda-colaboradores h4 { margin:0 0 6px 0; font-size:15px; color:#1276e1; text-align:center; }
#rotasAdminContainer { font-size:14px; }
.leaflet-popup-content-wrapper{ background-color:#ddecfcff; opacity:0.95; }
.leaflet-popup-close-button{ background-color:#a72e2eff !important; color:white !important; }
#geoPrompt button { min-width: 120px; }



/* NOVO CSS DO MAPA COLETADOR */


    :root { --nav-h: 60px; }            /* altura do seu navbar */

    html, body { height: 100%; }
    body {
      margin: 0; padding: 0;
      overflow: hidden;                 /* remove scroll da página */
      background: #f6f7fb;              /* cor de fundo da app */
    }

    /* Container fixo que ocupa todo o viewport menos o navbar */
    .map-frame {
      position: fixed;
      top: var(--nav-h);
      left: 0;
      right: 0;
      bottom: 0;
      box-sizing: border-box;
      background: transparent;
      z-index: 1;
      padding: 0; /* ✅ remove o padding */
    }


    /* Aqui aplicamos o radius/clip/ sombra ao redor do canvas */
    .map-card {
      width: 100%; height: 100%;
      border-radius: 14px;
      overflow: hidden;                  /* recorta o canvas do map */
      box-shadow: 0 10px 30px rgba(0,0,0,.12);
      background: #ddd;                  /* evita “faixa” de fundo ao carregar */
    }

    /* O #map ocupa 100% do card */
    #map { width: 100%; height: 100%; }

        .map-frame {
      position: fixed;
      top: var(--nav-h); left: 0; right: 0;
      height: calc(100dvh - var(--nav-h)); /* <- evita "pulo" da barra */
      box-sizing: border-box;
    }
    .map-card {
      width: 100%; height: 100%;
      border-radius: 14px; overflow: hidden;
      box-shadow: 0 10px 30px rgba(0,0,0,.12);
      background: #ddd;
      transform: translateZ(0); /* força composição GPU */
    }
    #map { width: 100%; height: 100%; touch-action: none; }