/* Hide cruft we don't want in the self-hosted version. */

/* Top header — PAX logo + DEVICE/EXPLORE/ACCOUNT/FAQ nav.
   styled-components hashes are stable per build of main.54fae5f0.js. */
.sc-kLsvkR.cWaVMm { display: none !important; }

/* Banner area in <main> that hosts the EOL / "servers busy" / etc. flash banners.
   The wrapper renders empty space when the inner banner is hidden, so hide both. */
.sc-gHTqzY.evYfex { display: none !important; }
.sc-jrAFXE.sc-jCcQjt { display: none !important; }

/* Reclaim the vertical space the hidden header used. */
main.sc-hgxWJO { padding-top: 24px !important; }

/* Notifications bell — no backend to ever populate real notifications. */
.sc-ddDeZa.cpoujY { display: none !important; }

/* Header menu nav. */
nav.sc-crYdMx.gbfeeM { display: none !important; }

/* Footer nav. */
nav.sc-lkGCbz.eZjOpy { display: none !important; }

/* Plus icon on pod dose (pod switcher — no PAX backend pod data to switch to). */
.sc-ihsTQM.fylvsC.pod-switcher { display: none !important; }

/* "Add a PAX pod for stats" text prompt — no backend to ever fulfill it. */
.sc-kQEIXH.MsYOq.sc-bcmZex.ffTWJB { display: none !important; }

/* Text wordmark that replaces the PAX SVG logo everywhere it's hidden. */
.pfeuax-logo-text {
  font-weight: 700;
  letter-spacing: 0.02em;
  font-size: 1.1em;
  color: inherit;
}

/* Floating device log-event tally panel. */
#pfeuax-stats-panel {
  position: fixed;
  bottom: 12px;
  right: 12px;
  background: rgba(20, 20, 20, 0.88);
  color: #fff;
  font-size: 12px;
  padding: 10px 12px;
  border-radius: 8px;
  z-index: 9999;
  max-width: 220px;
  font-family: monospace;
  line-height: 1.5;
}
#pfeuax-stats-panel .pfeuax-stats-header { font-weight: 700; margin-bottom: 4px; }
#pfeuax-stats-panel .pfeuax-stats-hint { opacity: 0.7; margin-bottom: 6px; font-size: 11px; }
#pfeuax-stats-panel .pfeuax-stats-empty { opacity: 0.7; }
#pfeuax-stats-panel > div:not(.pfeuax-stats-header):not(.pfeuax-stats-hint) {
  display: flex; justify-content: space-between; gap: 10px;
}

/* Battery % readout — top-right, next to where the icon-only indicator sits. */
#pfeuax-battery {
  position: fixed;
  top: 12px;
  right: 60px;
  background: rgba(20, 20, 20, 0.88);
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  padding: 6px 10px;
  border-radius: 6px;
  z-index: 9999;
  font-family: monospace;
}