/* PDF Éditeur — styles propres à l'outil. Le design commun (page, carte, boutons, bandeaux, progression…)
   vient de https://chatbot-incyber.com/assets/intranet/intranet.css (source : INTRANET SI/COMMUN/). */

/* Grille de vignettes */
.page-grid{display:grid; grid-template-columns:repeat(auto-fill,minmax(150px,1fr)); gap:14px;}
.page-item{
  background:#fff; border:1px solid var(--border); border-radius:12px; padding:8px;
  cursor:grab; position:relative; user-select:none;
  box-shadow:0 1px 2px rgba(38,34,31,.04);
  transition:border-color .1s, background .1s, transform .1s;
}
.page-item.selected{border-color:var(--blue); background:var(--blue-bg);}
.page-item.dragging{opacity:.4}
/* Repère d'insertion : barre verticale dans la gouttière (gap 14 px, 10 px sous 360 px) */
.page-item.drop-before::after, .page-item.drop-after::after{
  content:""; position:absolute; top:0; bottom:0; width:4px; border-radius:2px;
  background:var(--blue); pointer-events:none;
}
.page-item.drop-before::after{left:-9px;}
.page-item.drop-after::after{right:-9px;}
.page-item img, .page-item .blank-page{
  width:100%; aspect-ratio:1/1.414; object-fit:contain;
  background:#fff; border:1px solid var(--border); border-radius:6px; display:block;
}
.page-item .blank-page{display:flex; align-items:center; justify-content:center; color:var(--muted); font-size:12px;}
.page-meta{display:flex; justify-content:space-between; align-items:center; margin-top:6px; font-size:12px; color:var(--muted);}
.page-remove{border:none; background:transparent; color:var(--faint); cursor:pointer; font-size:14px; line-height:1; padding:2px 4px;}
.page-remove:hover{color:var(--red);}
.page-actions{display:inline-flex; align-items:center; gap:2px;}
.page-move{border:none; background:transparent; color:var(--muted); cursor:pointer; font-size:12px; line-height:1; padding:6px 7px; border-radius:6px;}
.page-move:hover:not(:disabled){background:var(--blue-bg); color:var(--blue);}
.page-move:disabled{opacity:.3; cursor:default;}
.page-check{
  position:absolute; top:10px; left:10px; width:18px; height:18px; border-radius:4px;
  border:1.5px solid var(--border); background:#fff;
  display:flex; align-items:center; justify-content:center; font-size:12px; pointer-events:none;
}
.page-item.selected .page-check{background:var(--blue); border-color:var(--blue); color:#fff;}

@media (max-width:360px){
  .page-grid{grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px;}
}
.hint-block{margin:0 0 14px;}
@media (pointer:coarse){
  .page-move,.page-remove{font-size:16px; padding:11px 12px;}
  .page-actions{gap:0;}
}