/* PAMPA connection status and safe-area spacing */
#pwa-tools {
  display: contents;
}
.app { padding-left: env(safe-area-inset-left, 0px); padding-right: env(safe-area-inset-right, 0px); }
#pwa-network {
  margin: 0;
  padding: .55rem 1rem;
  color: var(--gris, #5e6b78);
  background: var(--card, #fff);
  border-bottom: 1px solid var(--linea, #e7ecf2);
  font: 500 .78rem/1.4 var(--ui, 'Figtree', system-ui, sans-serif);
}

#pwa-network:not([hidden]) {
  padding: .35rem .55rem;
  border-radius: 8px;
  background: var(--azul-wash, #e4f1f9);
}

#pwa-network[hidden] { display: none; }

/* Keep controls clear of device cutouts without changing the scan viewport. */
.barra {
  padding-top: calc(.72rem + env(safe-area-inset-top, 0px));
}

.hoja {
  padding-bottom: calc(2.4rem + env(safe-area-inset-bottom, 0px));
}

@media (max-width: 380px) {
  #pwa-network { padding-inline: .75rem; }
}