/* Çevrimdışı uyarı banner'ı — React yüklenmeden önce saf CSS ile gösterilir.
   (Eskiden index.html içinde inline <style> idi; Vite html-inline-css proxy
   build race'ini tetiklediği için ayrı dosyaya taşındı.) */
#offline-banner {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999999;
  background: #d32f2f;
  color: white;
  font-family: sans-serif;
  text-align: center;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 2rem;
}
#offline-banner h2 {
  margin: 1rem 0 0.5rem;
  font-size: 1.5rem;
}
#offline-banner p {
  margin: 0;
  opacity: 0.9;
  font-size: 1rem;
  max-width: 400px;
}
html.offline #offline-banner {
  display: flex;
}