/* Review bar of the catalogue (S32, S33 c-d; catalogo-revision.js). Only a reviewer gets this DOM.
   It sits under the book and its controls, outside #book, so nothing here reaches the page-flip. */
.book-revision {
  margin: 1.75rem auto 0; max-width: var(--max);
  padding: 1.25rem clamp(1rem, 3vw, 1.75rem);
  border: 1px solid var(--azul); border-radius: 2px; background: var(--surface);
}
.book-revision--vacia { display: none; }
/* The form and the confirmation carry their own display; `hidden` must still win over it. */
.book-revision [hidden] { display: none !important; }
.book-revision__titulo { font-size: 1.15rem; margin-bottom: .25rem; }
.book-revision__lead { margin: 0 0 1rem; max-width: 40rem; font-size: .95rem; color: var(--ink-soft); }
.book-revision__aviso { margin: 0 0 1rem; font-weight: 600; color: var(--azul); }

/* One card per sheet on screen: a column on a phone, side by side for an open spread on a computer. */
.book-revision__hojas { display: grid; gap: 1rem; }
@media (min-width: 900px) { .book-revision__hojas { grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr)); } }

.revision-hoja { padding: 1rem; border: 1px solid rgba(45, 76, 109, .25); border-radius: 2px; }
.revision-hoja__nombre { font-size: 1.05rem; margin-bottom: .6rem; }
.revision-hoja__estado { margin: 0 0 .8rem; font-size: .95rem; color: var(--ink-soft); }
/* A comment with a long unbroken run (a link, dictation without spaces) must never widen the page. */
.revision-hoja__estado, .revision-hoja__mensaje, .revision-comentario textarea { overflow-wrap: anywhere; }
.revision-hoja__acciones { display: flex; flex-wrap: wrap; gap: .6rem; }
.revision-hoja__acciones .btn { min-height: 2.75rem; }   /* finger-sized on a phone */
.revision-hoja__mensaje { margin: .8rem 0 0; font-size: .95rem; font-weight: 600; color: var(--azul); }

.revision-confirmar { margin-top: .9rem; }
.revision-confirmar p { margin: 0 0 .7rem; }

.revision-form { margin-top: .9rem; display: flex; flex-direction: column; gap: .8rem; }
.revision-motivos { margin: 0; padding: 0; border: 0; display: grid; gap: .45rem; }
.revision-motivos legend { padding: 0; margin-bottom: .5rem; font-weight: 600; }
.revision-motivo { display: flex; align-items: center; gap: .55rem; min-height: 2rem; cursor: pointer; }
.revision-motivo input { width: 1.25rem; height: 1.25rem; margin: 0; accent-color: var(--azul); }
.revision-comentario { display: grid; gap: .4rem; font-size: .95rem; }
.revision-comentario textarea {
  width: 100%; box-sizing: border-box; padding: .6rem; font: inherit; color: var(--ink);
  border: 1px solid rgba(45, 76, 109, .5); border-radius: 2px; background: var(--surface); resize: vertical;
}
.revision-form__hint { margin: 0; font-size: .85rem; color: var(--ink-muted); }