/* offline – Hinweis „Neue Version – jetzt laden“: Pille über der Tab-Leiste (iPhone), ab 768 px unten mittig */
@layer module {
  .offline-hinweis {
    position: fixed; z-index: 40; inset-inline: 0;
    bottom: calc(var(--leiste-hoehe) + max(var(--a2), env(safe-area-inset-bottom)));
    display: flex; justify-content: center; padding-inline: var(--rand);
    pointer-events: none;
  }
  .offline-hinweis button {
    pointer-events: auto;
    min-block-size: var(--tipp); padding-inline: var(--a5);
    border-radius: 999px; background: var(--akzent); color: var(--akzent-kontrast);
    font-size: var(--fs-klein); font-weight: 600; box-shadow: var(--schatten);
  }
  .offline-hinweis button:active { opacity: .6; }
  .offline-hinweis button:disabled { opacity: .7; }
  @media (min-width: 768px) { .offline-hinweis { bottom: max(var(--a4), env(safe-area-inset-bottom)); } }
}