@keyframes ewLivePulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.65)}}@keyframes ewLiveRing{0%{transform:translate(-50%,-50%) scale(.6);opacity:.6}100%{transform:translate(-50%,-50%) scale(2.6);opacity:0}}.ew-live-dot{position:relative;animation:ewLivePulse 1.4s ease-in-out infinite}.ew-live-dot::after{content:"";position:absolute;top:50%;left:50%;width:8px;height:8px;border-radius:50%;background:rgb(17,136,78);animation:ewLiveRing 1.4s ease-out infinite}.ew-live-dot.slow{animation-duration:2.4s}.ew-live-dot.slow::after{animation-duration:2.4s}.ew-live-dot.fast{animation-duration:.7s}.ew-live-dot.fast::after{animation-duration:.7s}

/* Zoom control synced with EWO pricemap / live map */
#ewLiveMap .maplibregl-ctrl-bottom-right{margin:0 4px 4px 0}
#ewLiveMap .maplibregl-ctrl-group{background:transparent;box-shadow:none;border-radius:0;display:flex;flex-direction:column;gap:6px}
#ewLiveMap .maplibregl-ctrl-group button{width:37px;height:37px;background:#fff;border:none;border-radius:50%;box-shadow:0 2px 8px rgba(0,0,75,.20)}
#ewLiveMap .maplibregl-ctrl-group button+button{border-top:none}
#ewLiveMap .maplibregl-ctrl-group button:hover{background:#F4F6FB}
#ewLiveMap .maplibregl-ctrl-group button:focus{box-shadow:0 0 0 2px rgba(0,103,230,.4)}
#ewLiveMap .maplibregl-ctrl-zoom-in .maplibregl-ctrl-icon{background-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 5.25C12.4142 5.25 12.75 5.58579 12.75 6V11.25H18C18.4142 11.25 18.75 11.5858 18.75 12C18.75 12.4142 18.4142 12.75 18 12.75H12.75V18C12.75 18.4142 12.4142 18.75 12 18.75C11.5858 18.75 11.25 18.4142 11.25 18V12.75H6C5.58579 12.75 5.25 12.4142 5.25 12C5.25 11.5858 5.58579 11.25 6 11.25H11.25V6C11.25 5.58579 11.5858 5.25 12 5.25Z" fill="%2300004B"/></svg>');background-size:22px 22px}
#ewLiveMap .maplibregl-ctrl-zoom-out .maplibregl-ctrl-icon{background-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill-rule="evenodd" clip-rule="evenodd" d="M5.25 12C5.25 11.5858 5.58579 11.25 6 11.25H18C18.4142 11.25 18.75 11.5858 18.75 12C18.75 12.4142 18.4142 12.75 18 12.75H6C5.58579 12.75 5.25 12.4142 5.25 12Z" fill="%2300004B"/></svg>');background-size:22px 22px}

/* MUI-inspired hover/active states for widget buttons */
[data-test=live-map-widget] [data-test=fleet-toggle],[data-test=live-map-widget] [data-test=open-map],[data-test=live-map-widget] [data-test=track-back],[data-test=live-map-widget] [data-test=fleet-close],#ewLiveMap .maplibregl-ctrl-group button{transition:background-color .2s ease,box-shadow .2s ease,filter .2s ease,transform .08s ease}
/* contained primary (Open map) */
[data-test=live-map-widget] [data-test=open-map]:hover{background:#0052CC!important;box-shadow:0 4px 12px rgba(0,0,75,.34)!important}
[data-test=live-map-widget] [data-test=open-map]:active{background:#00429E!important;box-shadow:0 1px 3px rgba(0,0,75,.3)!important}
/* contained/state pill (Vehicles) — brightness keeps it working in both white & active-blue states */
[data-test=live-map-widget] [data-test=fleet-toggle]:hover{filter:brightness(.96);box-shadow:0 4px 12px rgba(0,0,75,.3)!important}
[data-test=live-map-widget] [data-test=fleet-toggle]:active{filter:brightness(.92);transform:translateY(1px)}
/* text button (All vehicles) */
[data-test=live-map-widget] [data-test=track-back]:hover{background:#EEF4FF!important;box-shadow:0 2px 8px rgba(0,0,75,.28)!important}
[data-test=live-map-widget] [data-test=track-back]:active{background:#E0EBFF!important}
/* icon button (panel close) */
[data-test=live-map-widget] [data-test=fleet-close]:hover{background:rgba(0,0,75,.12)!important}
[data-test=live-map-widget] [data-test=fleet-close]:active{background:rgba(0,0,75,.18)!important}
/* zoom buttons */
#ewLiveMap .maplibregl-ctrl-group button:active{background:#E9EEF7;transform:translateY(1px)}

/* Open Vehicles CTA — lighter & smaller */
[data-test=live-map-widget] [data-test=live-map-widget-open-btn]{width:auto!important;height:30px!important;align-self:center;min-width:0!important;min-height:0!important;padding:0 12px 0 14px!important;font-size:11.5px!important;font-weight:600!important;line-height:1!important;letter-spacing:.1px!important;text-transform:none!important;color:#0067E6!important;background:rgba(0,103,230,.07)!important;border:none!important;border-radius:8px!important;box-shadow:none!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;transition:background-color .18s ease}
[data-test=live-map-widget] [data-test=live-map-widget-open-btn]::after{content:"";width:14px;height:14px;flex:0 0 auto;background:no-repeat center/14px url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M9 6l6 6-6 6' stroke='%230067E6' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
[data-test=live-map-widget] [data-test=live-map-widget-open-btn]:hover{background:rgba(0,103,230,.13)!important;border-color:transparent!important}
[data-test=live-map-widget] [data-test=live-map-widget-open-btn]:active{background:rgba(0,103,230,.2)!important}