/* Offline-banner (F7.8, app/offline-banner.js): een gedempte strook onder de
   topbalk die meldt dat de verbinding weg is. Vlak (volledige 1px-onderrand,
   geen accentbalk), rustige tint; hij verdwijnt zodra de verbinding terug is. */
.offline-banner {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px clamp(12px, 3vw, 24px);
  background: var(--bg-50);
  border-bottom: 1px solid var(--line);
  color: var(--muted);
  font-size: var(--fs-data);
}
.offline-banner[hidden] { display: none; }
.offline-banner svg {
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
  color: var(--blue-700);
}
.offline-banner__tekst { min-width: 0; }