/* Styles posés sur le document : curseur du mode commentaire, place de la barre, page d'accès.
   L'interface elle-même est dans revue-ui.css (Shadow DOM). */
html.rv-mode-commentaire, html.rv-mode-commentaire * { cursor: crosshair !important; }
html.rv-mode-commentaire .planche, html.rv-mode-commentaire .planche * { cursor: auto !important; }
/* La barre flottante ne cache pas le bas de page. */
body { padding-bottom: 72px; }
@media (min-width: 960px) { html.rv-panneau-ouvert body { margin-right: 424px; } }
/* Sur téléphone, la barre des gabarits (collée en haut dans la maquette) couvrirait plus de la moitié de l'écran :
   elle défile avec la page pour laisser la place aux éléments à commenter. */
@media (max-width: 720px) { .planche { position: static !important; } }

/* --- Page d'accès --- */
.rv-acces-page {
  margin: 0; min-height: 100vh; padding: 24px 16px; display: grid; place-items: center;
  background: radial-gradient(120% 80% at 80% 0%, #2B1F55 0%, #1A1430 55%, #0E0A1A 100%);
  font-family: "Hanken Grotesk", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #0E0A1A;
}
.rv-acces-page *, .rv-acces-page *::before, .rv-acces-page *::after { box-sizing: border-box; }
.rv-acces-cadre { width: 100%; max-width: 420px; display: grid; gap: 24px; justify-items: center; }
.rv-acces-logo { display: block; height: auto; }
.rv-acces { width: 100%; padding: 32px; border-radius: 24px; background: #FFFFFF; box-shadow: 0 24px 60px rgba(0, 0, 0, .35); }
@media (max-width: 420px) { .rv-acces { padding: 24px 20px; } }
.rv-acces h1 { margin: 0 0 8px; font-size: 26px; line-height: 1.15; }
.rv-acces > p { margin: 0 0 24px; color: #6E6688; }
.rv-acces form { display: grid; gap: 8px; }
.rv-acces label { margin-top: 8px; font-size: 14px; font-weight: 600; color: #6E6688; }
.rv-acces input { padding: 12px 14px; border: 1.5px solid #E0D9FF; border-radius: 12px; font: inherit; font-size: 16px; }
.rv-acces input:focus { outline: none; border-color: #6A28F0; box-shadow: 0 0 0 3px rgba(106, 40, 240, .15); }
.rv-acces button { margin-top: 16px; min-height: 48px; border: 0; border-radius: 999px; background: #6A28F0; color: #FFFFFF; font: inherit; font-weight: 700; font-size: 16px; cursor: pointer; }
.rv-acces button:hover { background: #4A1AA8; }
.rv-acces button:disabled { opacity: .6; cursor: wait; }
.rv-erreur { margin: 4px 0 0; color: #B91C1C; font-size: 14px; font-weight: 600; }