/* combine.css - styles specific to the /combine page (page-per-card PDF combining).
   Relies on clean.css for shared elements (scan buttons, preview-card, combine-bar,
   group-card, modal chrome). */

.preview-card .source-label {
  position: absolute;
  bottom: 34px;
  left: 8px;
  background: rgba(0,0,0,0.6);
  color: white;
  font-size: 10px;
  padding: 1px 6px;
  border-radius: 10px;
  max-width: 85%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.preview-card .page-label {
  position: absolute;
  top: 8px;
  right: 8px;
  background: rgba(0,0,0,0.65);
  color: white;
  font-size: 10px;
  font-weight: 600;
  padding: 2px 6px;
  border-radius: 10px;
}
.preview-card .detected-num {
  background: #dbeafe;
  color: #1e40af;
  font-size: 10px;
  font-weight: 600;
  padding: 1px 6px;
  border-radius: 10px;
}

/* Summary card: subtle visual cue that it's expandable */
.preview-card.summary-card { cursor: pointer; }
.preview-card.summary-card:hover { box-shadow: 0 2px 8px rgba(30, 64, 175, 0.2); border-color: var(--primary); }
.preview-card.summary-card .expand-hint { color: var(--primary); font-weight: 500; }

/* Preview modal for /combine- larger than corner-editor, read-only */
.preview-modal { width: 1100px; }
.preview-modal .modal-body {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 480px;
  background: var(--gray-100);
}
.preview-modal #preview-modal-img {
  max-width: 100%;
  max-height: 80vh;
  object-fit: contain;
}

/* Source-grouping hint on the preview grid- visually separate pages from different sources */
.source-section-header {
  grid-column: 1/-1;
  font-size: 13px;
  font-weight: 600;
  color: var(--gray-700);
  padding: 8px 0 4px;
  border-bottom: 1px solid var(--gray-200);
  margin-top: 8px;
}