/*
 * Boot Sentinel stylesheet — CSP-safe.
 *
 * Carregado SINCRONAMENTE no <head> via <link rel="stylesheet"> para que o
 * sentinel pre-mount em index.html já tenha animação de spinner sem precisar
 * de bloco <style> inline (que seria bloqueado por CSP `style-src 'self'`
 * sem `'unsafe-inline'`).
 *
 * Mantemos os atributos `style="…"` no HTML/JS — eles são `style-src-attr`
 * e a maioria das CSPs práticas (incl. a default do Lovable) permite. Se um
 * tenant quiser CSP estrita sem inline-style, basta servir este stylesheet
 * com classes equivalentes (`.bv-host`, `.bv-spinner`, etc.) — a estrutura
 * já está pronta para isso, ver classes opcionais abaixo.
 */

@keyframes bv-spin {
  to {
    transform: rotate(360deg);
  }
}

/* Classes opcionais para CSP estrita (sem inline styles).
   O sentinel atual usa `style="…"` por compatibilidade ampla; estas classes
   são a alternativa drop-in se um deploy precisar bloquear `style-src-attr`. */
.bv-host {
  position: fixed;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #0b1220;
  color: #e5e7eb;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  z-index: 2147483647;
}

.bv-spinner {
  display: inline-block;
  width: 22px;
  height: 22px;
  border: 2px solid rgba(229, 231, 235, 0.18);
  border-top-color: #d4af37;
  border-radius: 50%;
  animation: bv-spin 0.9s linear infinite;
}

.bv-label {
  font-size: 11px;
  letter-spacing: 0.3em;
  text-transform: uppercase;
  color: #9ca3af;
  margin-bottom: 14px;
}

.bv-hint {
  margin-top: 14px;
  font-size: 10px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #6b7280;
}
