/* ====================================================================
   connectivity.css — bandeau "hors ligne" / toast "de retour en ligne".
   ==================================================================== */
#sos-connectivity-banner {
  position: fixed; top: 0; left: 0; right: 0; z-index: 9300;
  background: #d94c6e; color: #fff;
  text-align: center; font-weight: 700; font-size: 12.5px;
  padding: 8px 12px calc(8px + env(safe-area-inset-top));
  font-family: 'Hanken Grotesk', system-ui, sans-serif;
}
#sos-connectivity-toast {
  position: fixed; top: 0; left: 0; right: 0; z-index: 9300;
  background: #0f9156; color: #fff;
  text-align: center; font-weight: 700; font-size: 12.5px;
  padding: 8px 12px calc(8px + env(safe-area-inset-top));
  font-family: 'Hanken Grotesk', system-ui, sans-serif;
  animation: sosToastFade 2.6s ease forwards;
}
@keyframes sosToastFade {
  0% { opacity: 0; transform: translateY(-8px); }
  10% { opacity: 1; transform: translateY(0); }
  85% { opacity: 1; }
  100% { opacity: 0; }
}