/* meEdificio · Herramientas · Auto-ordenar un documento pegado o cargado
   como un solo bloque. Lo usan firmas.html (crear el pliego) y revisar.html
   (el borrador que un comité corrige). Capa fina sobre /meedificio.css. */

/* ── el aviso inline: «¿Lo ordenamos?» / antes de sellar ── */
.ordenar-aviso{background:var(--sage-mist);border-radius:var(--radio);
  padding:var(--s14) var(--s18);margin-top:var(--s14);display:flex;
  gap:var(--s14);align-items:center;flex-wrap:wrap}
.ordenar-aviso p{margin:0;flex:1 1 240px;color:var(--charcoal);font-size:var(--text-body)}
.ordenar-aviso .btn{margin:0}

/* ── una acción principal, un enlace quieto: mismas reglas que el portal ── */
.accion-quieta{background:none;border:0;padding:0;margin:0;font:inherit;
  color:var(--texto-suave);text-decoration:none;cursor:pointer}
.accion-quieta:hover{text-decoration:underline;color:var(--charcoal)}

/* ── la vista previa lado a lado: «Así está» / «Así quedaría» ── */
.ordenar-fondo{position:fixed;inset:0;background:rgba(15,62,23,.35);z-index:70;
  display:flex;align-items:center;justify-content:center;padding:var(--s18)}
.ordenar-modal{background:var(--cream-paper);border-radius:var(--radio);
  max-width:960px;width:100%;max-height:92vh;display:flex;flex-direction:column;
  overflow:hidden}
.ordenar-modal .cab{display:flex;align-items:center;justify-content:space-between;
  gap:var(--s11);padding:var(--s18) var(--s21);border-bottom:1px solid var(--border-mist);
  flex-shrink:0}
.ordenar-modal .cab h2{margin:0;font-size:var(--text-heading-sm)}
.ordenar-modal .cerrar{background:none;border:1px solid var(--border-mist);
  border-radius:var(--radio-pill);width:36px;height:36px;padding:0;cursor:pointer;
  font-size:18px;color:var(--charcoal);margin:0}
.ordenar-nota{margin:0;padding:var(--s11) var(--s21);font-size:13px;
  color:var(--texto-suave);background:var(--mint-veil);flex-shrink:0}
.ordenar-comparar{display:grid;grid-template-columns:1fr 1fr;gap:var(--s18);
  padding:var(--s21);overflow-y:auto;flex:1}
@media (max-width:760px){.ordenar-comparar{grid-template-columns:1fr}}
.ordenar-col h3{margin:0 0 var(--s9);font-family:var(--sans);font-size:11px;
  letter-spacing:.06em;text-transform:uppercase;color:var(--forest-ink)}
.ordenar-papel{background:#fff;color:#111927;border:1px solid var(--border-mist);
  border-radius:var(--radio);padding:var(--s18);font-family:Georgia,"Times New Roman",serif;
  font-size:14.5px;line-height:1.65;overflow-y:auto;max-height:min(50vh,480px);
  word-wrap:break-word}
.ordenar-pie{display:flex;gap:var(--s14);align-items:center;flex-wrap:wrap;
  padding:var(--s14) var(--s21);border-top:1px solid var(--border-mist);flex-shrink:0}
.ordenar-pie .btn{margin:0}
.ordenar-cifras{font-size:13px;color:var(--texto-suave)}