/* boot.css — v1 cible : styles de l'écran de chargement, repris à l'identique des
   attributs style="" et de la balise <style> de legacy-medo/index.html (2026-11-05).
   Fichier externe : la page n'a besoin d'aucun style en ligne pour démarrer. */
@keyframes qhc-spin { to { transform: rotate(360deg); } }

#boot-loader {
  min-height: 100vh; display: flex; flex-direction: column; align-items: center;
  justify-content: center; gap: 16px; font-family: system-ui, sans-serif;
  background: #f7f7f7; color: #1a231d; padding: 24px; text-align: center;
}
.qhc-boot-spinner {
  width: 44px; height: 44px; border: 4px solid #d1e7dd; border-top-color: #1d6938;
  border-radius: 50%; animation: qhc-spin 0.9s linear infinite;
}
.qhc-boot-title { font-size: 16px; font-weight: 700; margin: 0; color: #1d6938; }
#boot-status { font-size: 13px; color: #64748b; margin: 0; max-width: 380px; line-height: 1.5; }
#boot-status.qhc-boot-slow { color: #475569; }
#boot-actions {
  display: none; flex-direction: column; gap: 10px; margin-top: 12px;
  width: 100%; max-width: 320px;
}
#boot-actions.qhc-visible { display: flex; }
#boot-reload-btn {
  background: #1d6938; color: #ffffff; border: none; border-radius: 8px;
  padding: 10px 18px; font-size: 13px; font-weight: 600; cursor: pointer;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
#boot-clear-btn {
  background: #ffffff; color: #1d6938; border: 1px solid #1d6938; border-radius: 8px;
  padding: 8px 16px; font-size: 12px; font-weight: 600; cursor: pointer;
}
#qhc-fatal {
  position: fixed; bottom: 12px; left: 12px; right: 12px; z-index: 2147483647;
  background: #7f1d1d; color: #fff; padding: 12px 16px; border-radius: 8px;
  font: 13px/1.4 system-ui, sans-serif; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
  display: flex; align-items: center; justify-content: space-between; gap: 12px;
}
#qhc-fatal button {
  background: #fff; color: #7f1d1d; border: none; padding: 6px 12px;
  border-radius: 6px; font-weight: 600; cursor: pointer; white-space: nowrap;
}