/* Text pre vyhľadávače v index.html (#root > .seo-shell). Aby pred štartom appky
   neblikol, je schovaný a ukáže sa až po 3 s (veľmi pomalá sieť). Na /app/…
   ostáva skrytý úplne (html.inp-app nastaví theme-init.js). */
.seo-shell {
  max-width: 640px;
  margin: 12vh auto 0;
  padding: 0 20px;
  font: 16px/1.6 Manrope, system-ui, sans-serif;
  color: #2b2540;
  opacity: 0;
  animation: seo-shell-in 0.4s ease 3s forwards;
}
.seo-shell h1 { font: 800 28px/1.2 Sora, system-ui, sans-serif; margin: 0 0 12px; }
.seo-shell h2 { font: 700 18px/1.3 Sora, system-ui, sans-serif; margin: 24px 0 8px; }
.seo-shell a { color: #5b42a4; font-weight: 700; }
html.inp-app .seo-shell { display: none; }
html[data-theme='dark'] .seo-shell { color: #ece8f7; }
html[data-theme='dark'] .seo-shell a { color: #b9a6f0; }
@media (prefers-color-scheme: dark) {
  html:not([data-theme='light']) .seo-shell { color: #ece8f7; }
  html:not([data-theme='light']) .seo-shell a { color: #b9a6f0; }
}
@keyframes seo-shell-in { to { opacity: 1; } }

/* 22. 10. (1.1.0): štart appky zlyhal (napr. bez internetu) — namiesto čiernej obrazovky (theme-init.js) */
.inp-boot-fail { position: fixed; inset: 0; z-index: 2147483000; display: grid; place-items: center; padding: 24px; background: #fdf9f4; font: 16px/1.55 Manrope, system-ui, sans-serif; color: #1f1b2e; }
.inp-boot-card { width: min(420px, 100%); padding: 26px 22px; border-radius: 22px; background: #fff; text-align: center; box-shadow: 0 20px 50px -30px rgba(0, 0, 0, 0.45); }
.inp-boot-card b { display: block; margin-bottom: 6px; font: 800 21px/1.25 Sora, system-ui, sans-serif; }
.inp-boot-card p { margin: 0 0 16px; color: #6b6580; }
.inp-boot-card button { width: 100%; min-height: 46px; border: 0; border-radius: 999px; background: #5b42a4; color: #fff; font: inherit; font-weight: 700; cursor: pointer; }
html[data-theme='dark'] .inp-boot-fail { background: #13131c; color: #ece8f7; }
html[data-theme='dark'] .inp-boot-card { background: #1d1c29; }
html[data-theme='dark'] .inp-boot-card p { color: #a8a3bd; }
@media (prefers-color-scheme: dark) {
  html:not([data-theme='light']) .inp-boot-fail { background: #13131c; color: #ece8f7; }
  html:not([data-theme='light']) .inp-boot-card { background: #1d1c29; }
  html:not([data-theme='light']) .inp-boot-card p { color: #a8a3bd; }
}