/* ══════════════════════════════════════════════════════════════════════
   EQUIPE AO VIVO — mapa real (Leaflet) + card de "modo equipe" (plantão).
   ══════════════════════════════════════════════════════════════════════ */

.tl-map-card{background:var(--bg2);border:0.5px solid var(--bdr);border-radius:14px;overflow:hidden;margin-bottom:14px}
.tl-map{width:100%;height:260px;background:var(--bg3)}
/* Leaflet injeta seus próprios estilos via leaflet.css; aqui só garantimos
   que os controles (zoom +/-) fiquem com cara consistente com o resto do app. */
.tl-map .leaflet-control-zoom a{color:var(--ink2)}
.tl-map .leaflet-popup-content{font-family:var(--font-sans);font-size:.74rem}

/* Marcador da equipe: bolinha colorida + pulso, tudo via CSS (sem imagem) */
.tl-marker-dot{width:16px;height:16px;border-radius:50%;border:2px solid #fff;box-shadow:0 1px 4px rgba(0,0,0,.35);position:relative;z-index:2}
.tl-marker-pulse{position:absolute;top:0;left:0;width:16px;height:16px;border-radius:50%;opacity:.45;animation:tlMarkerPulse 1.8s ease-out infinite}
@keyframes tlMarkerPulse{0%{transform:scale(1);opacity:.5}100%{transform:scale(2.6);opacity:0}}

/* Card "Estou de plantão" (visível só para a equipe/staff) */
.tl-staff-card{background:var(--teal-bg);border:0.5px solid var(--teal-bdr);border-radius:14px;padding:12px 13px;margin-bottom:12px}
.tl-staff-row{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.tl-staff-ic{width:38px;height:38px;border-radius:11px;background:rgba(10,122,106,.12);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s}
.tl-staff-ic i{font-size:18px;color:var(--teal)}
.tl-staff-ic.on{background:var(--teal)}
.tl-staff-ic.on i{color:#fff}
.tl-staff-txt{display:flex;flex-direction:column;gap:1px}
.tl-staff-txt strong{font-family:var(--sora);font-size:.8rem;color:var(--ink)}
.tl-staff-txt span{font-size:.65rem;color:var(--ink3);line-height:1.4}
.tl-staff-note{font-size:.65rem;color:var(--teal);margin-top:7px;line-height:1.5;min-height:1px}
.btn-pri.tl-staff-on{background:var(--red)}

/* Modal informativo dos cards "Por que nos escolher?" */
.seg-info-ic{width:52px;height:52px;border-radius:16px;background:var(--acc-bg);display:flex;align-items:center;justify-content:center;margin:2px auto 12px}
.seg-info-ic i{font-size:24px;color:var(--acc)}