/* Multi-page score uploader. */

/* ── Multi-page score uploader (page-uploader.js) ─────────── */
.page-drop-zone {
  border: 2px dashed #dee2e6;
  border-radius: .375rem;
  padding: 2rem 1rem;
  text-align: center;
  cursor: pointer;
  transition: border-color .15s, background .15s;
}
.page-drop-zone.drag-over { border-color: var(--gp-gold); background: rgba(200,169,107,.12); }
.page-drop-label { cursor: pointer; display: block; }

.pages-list li {
  display: flex;
  align-items: center;
  gap: .6rem;
  padding: .5rem .6rem;
  border: 1px solid #dee2e6;
  border-radius: .375rem;
  margin-bottom: .4rem;
  background: #fff;
  cursor: default;
}
.pages-list li.drag-over-top    { border-top: 2px solid var(--gp-gold); }
.pages-list li.drag-over-bottom { border-bottom: 2px solid var(--gp-gold); }
.pages-list li.dragging         { opacity: .4; }

.page-handle { cursor: grab; color: #adb5bd; font-size: 1.1rem; line-height: 1; flex-shrink: 0; }
.page-thumb {
  height: 52px; width: auto; max-width: 60px; object-fit: contain;
  border: 1px solid #dee2e6; border-radius: 3px; flex-shrink: 0; background: #f8f9fa;
}
.page-name { flex: 1; font-size: .85rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.page-index { font-size: .75rem; color: #adb5bd; flex-shrink: 0; }
.btn-remove-page {
  flex-shrink: 0; background: none; border: none; color: #adb5bd;
  font-size: 1.1rem; line-height: 1; padding: 0 2px; cursor: pointer;
}
.btn-remove-page:hover { color: #dc3545; }