/* EarthWatch "my location" feature: a monitored-location entry whose
   position comes from the device's own geolocation instead of a manual
   pin (js/ew-shell-my-location.js). Loads after ew-shell-sidebar.css
   (where #locationsPanelAdd's styling lives) so the shared sizing here
   wins on the two buttons sitting side by side. */

#locationsPanelMyLocation{
  height:28px;padding:0 9px;border-radius:5px;
  border:1px solid var(--ew2-border-strong);
  background:transparent;color:var(--ew2-accent);
  font:700 9px/1 var(--ew2-font-mono);
  cursor:pointer;white-space:nowrap;
}
#locationsPanelMyLocation.tracking{
  background:rgba(47,208,176,.14);
  border-color:#2FD0B0;color:#2FD0B0;
}
#locationsPanelMyLocation.error{
  background:rgba(255,90,61,.14);
  border-color:#FF5A3D;color:#FF5A3D;
}
/* Match height with its sibling now that a second button sits next to it */
#locationsPanelAdd{height:28px;}

/* LIVE badge on the location card (js/inline-2018.js's syncSavedLocationCards()) --
   same bordered-pill convention as ALERT SEVERITY / GDACS impact tiers
   (earthwatch-visual-system.js's .sev, ew734-gdacs-style.css's .gdLvl)
   so it reads consistently with the rest of the app rather than
   introducing a new badge style. */
.savedLocationCard .savedLocationLive{
  display:inline-block;padding:1px 5px;margin-left:6px;
  border:1px solid #2FD0B0;color:#2FD0B0;
  border-radius:2px;font-size:8px;font-weight:800;letter-spacing:.06em;
  vertical-align:middle;
}