/* Estilos del mapa (Leaflet) en el tema oscuro de WellTrack */
.wt-map{height:420px;border-radius:4px;background:#1b1f22;z-index:0}
@media (max-width:520px){.wt-map{height:360px}}
.wt-pin{position:relative;width:26px;height:36px;filter:drop-shadow(0 2px 3px rgba(0,0,0,.55))}
.wt-pin span{position:absolute;left:0;right:0;top:5px;text-align:center;color:var(--bg2);font:700 11px/16px system-ui,sans-serif}
.wt-pin.prob::before{content:"";position:absolute;left:3px;top:0;width:20px;height:20px;border-radius:50%;box-shadow:0 0 0 3px #9C8CFF}
.wt-pin.parado::after,.wt-pin.sincom::after{content:"";position:absolute;left:2px;top:1px;width:22px;height:22px;border-radius:50%;border:2px solid var(--c);animation:wt-pulso 1.6s ease-out infinite}
.wt-pin.sel svg path{stroke:#35C9EC;stroke-width:2.6}
@keyframes wt-pulso{0%{transform:scale(1);opacity:.9}100%{transform:scale(2.2);opacity:0}}
@media (prefers-reduced-motion:reduce){.wt-pin::after{animation:none}}
.wt-bat{display:flex;align-items:center;gap:5px;white-space:nowrap}
.wt-bat i{display:block;width:18px;height:18px;border:2px solid #E6DCC3;background:var(--glass);border-radius:2px}
.wt-bat b{font:700 11px "Roboto Mono",monospace;color:#F2EEE3;text-shadow:0 1px 2px #000,0 0 4px #000}
.wt-coord{background:var(--glass);color:#DCE7EE;font:500 11px "Roboto Mono",monospace;padding:3px 7px;border-radius:3px;border:1px solid #2A3B4A}
.wt-centrar{width:34px;height:34px;border:2px solid rgba(0,0,0,.2);border-radius:4px;background:var(--panel);color:#DCE7EE;font:700 17px system-ui;cursor:pointer}
.leaflet-container{font:12px "Exo 2",system-ui,sans-serif;background:#1b1f22}
.leaflet-bar a,.leaflet-control-layers,.leaflet-control-layers-toggle{background-color:var(--panel)!important;color:#DCE7EE!important;border-color:#2A3B4A!important}
.leaflet-control-layers-expanded{color:#DCE7EE;padding:8px 10px}
.leaflet-control-scale-line{background:var(--glass);color:#DCE7EE;border-color:#DCE7EE}
.leaflet-control-attribution{background:var(--glass)!important;color:#7F93A4!important}
.leaflet-control-attribution a{color:#35C9EC}
.wt-popup .leaflet-popup-content-wrapper,.wt-popup .leaflet-popup-tip{background:var(--panel);color:#DCE7EE;border:1px solid #2A3B4A}
.wt-pop{font:13px/1.45 "Exo 2",system-ui,sans-serif}
.wt-pop b{font-size:15px}
.wt-pop-c{font:11px "Roboto Mono",monospace;color:#7F93A4;margin-top:4px}
.wt-pop-b{margin-top:8px;width:100%;background:var(--cyan-d);border:1px solid #35C9EC;color:#35C9EC;border-radius:4px;padding:6px;font:700 12px "Exo 2",sans-serif;letter-spacing:.8px;text-transform:uppercase;cursor:pointer}
.wt-dot{width:14px;height:14px;border-radius:50%;background:var(--c);border:2px solid var(--bg2);box-shadow:0 1px 3px rgba(0,0,0,.6)}
.wt-dot.prob{box-shadow:0 0 0 2px #9C8CFF,0 1px 3px rgba(0,0,0,.6)}
.wt-dot.parado,.wt-dot.sincom{animation:wt-latido 1.6s ease-in-out infinite}
@keyframes wt-latido{50%{transform:scale(1.35)}}
@media (prefers-reduced-motion:reduce){.wt-dot{animation:none!important}}
/* Mapa vivo */
.wt-vivo{display:flex;gap:4px;background:var(--glass);border:1px solid #2A3B4A;border-radius:5px;padding:3px}
.wt-vivo button{background:none;border:1px solid transparent;border-radius:4px;color:#7F93A4;font:600 12px "Exo 2",system-ui,sans-serif;padding:4px 8px;cursor:pointer}
.wt-vivo button[aria-pressed="true"]{color:#35C9EC;border-color:#35C9EC;background:rgba(53,201,236,.12)}
.wt-flujo{animation:wtflujo 1.1s linear infinite;filter:drop-shadow(0 0 2px #35C9EC)}
@keyframes wtflujo{to{stroke-dashoffset:-28}}
@media (prefers-reduced-motion:reduce){.wt-flujo{animation:none}}

/* inyectores (rombo) y gasíferos (hexágono) en la vista compacta */
.wt-dot.iny{border-radius:2px;transform:rotate(45deg) scale(.85)}
.wt-dot.gas{border-radius:0;clip-path:polygon(25% 4%,75% 4%,100% 50%,75% 96%,25% 96%,0 50%)}