/*
 * Dosya: apps/panel/public/boot.css
 * Amaç: React bağlanmadan ÖNCE (ve desteklenmeyen tarayıcıda) görünen statik açılış mesajının stili; panelin geri kalan stilinden bağımsızdır.
 * Katman: apps/panel (statik)
 * Notlar: CSP `style-src 'self'` satır içi stile izin vermez, bu yüzden dış dosyadır; Vite'ın CSS paketine GİRMEZ (public/) ve tasarım belirteçlerine bağlanmaz: eski tarayıcıda
 *         çalışması şart olduğundan yalnız düz özellikler (flexbox yok, grid yok, CSS değişkeni yok) ve önekli animasyon kullanılır. Renkler marka kitabından (Patlıcan / Leylak).
 *         `.ms-boot__late` 8 sn sonra görünür (animasyon IE 10+, Chrome 49, Firefox 52'de çalışır); yeni sürümde React `#root` içeriğini değiştirdiği için mesaj kendiliğinden kaybolur.
 */
body {
  margin: 0;
  background: #efe8f7;
  color: #2a1b3d;
  font-family: "Segoe UI", Tahoma, Arial, sans-serif;
}

.ms-boot {
  padding: 96px 16px 0;
  text-align: center;
  font-size: 18px;
  line-height: 1.5;
}

.ms-boot p {
  margin: 0 0 12px;
}

.ms-boot a {
  color: #5d2e8c;
  text-decoration: underline;
}

.ms-boot__late {
  font-size: 15px;
  opacity: 0;
  -webkit-animation: ms-boot-late 0s 8s forwards;
  animation: ms-boot-late 0s 8s forwards;
}

@-webkit-keyframes ms-boot-late {
  to {
    opacity: 1;
  }
}

@keyframes ms-boot-late {
  to {
    opacity: 1;
  }
}