/* PDF Toolkit — tool-specific styles (Brief 6.6).
   Shared components (tool-workspace, dropzone, form-field, action-bar, btn,
   alert-*, status-line, accordion, tabs) live in site.css; this file covers
   only the file list, the thumbnail grid and drag states. Loaded by a
   <link> in templates/tools/pdf-toolkit.php because the shared header has
   no per-tool stylesheet hook yet. */

.pdf-file-list { list-style: none; margin: 0 0 var(--space-4); padding: 0; }
.pdf-file-row {
  display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-2);
  padding: var(--space-3); margin-bottom: var(--space-2);
  border: 1px solid var(--color-line); border-radius: var(--radius-md);
  background: var(--color-surface);
}
.pdf-file-row[draggable="true"] { cursor: grab; }
.pdf-file-row.is-dragging { opacity: 0.45; }
.pdf-file-row.is-drag-over { border-color: var(--color-action-blue); box-shadow: 0 0 0 2px var(--color-action-blue-tint); }
.pdf-file-info { flex: 1 1 220px; min-width: 0; }
.pdf-file-name { font-weight: var(--weight-semibold); overflow-wrap: anywhere; }
.pdf-file-meta { font-size: var(--text-sm); color: var(--color-muted); }
.pdf-file-actions { display: flex; flex-wrap: wrap; gap: var(--space-1); }

.pdf-thumb-grid {
  display: grid; gap: var(--space-4);
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  margin-bottom: var(--space-4);
}
.pdf-thumb {
  border: 1px solid var(--color-line); border-radius: var(--radius-md);
  background: var(--color-surface); padding: var(--space-2);
  display: flex; flex-direction: column; gap: var(--space-2); align-items: stretch;
}
.pdf-thumb[draggable="true"] { cursor: grab; }
.pdf-thumb.is-dragging { opacity: 0.45; }
.pdf-thumb.is-drag-over { border-color: var(--color-action-blue); box-shadow: 0 0 0 2px var(--color-action-blue-tint); }
.pdf-thumb-canvas-wrap {
  background: var(--color-surface-alt); border: 1px solid var(--color-line);
  border-radius: var(--radius-sm); display: flex; align-items: center; justify-content: center;
  min-height: 120px; overflow: hidden;
}
.pdf-thumb canvas { display: block; max-width: 100%; height: auto; }
.pdf-thumb-label { font-size: var(--text-sm); font-weight: var(--weight-medium); text-align: center; }
.pdf-thumb-rot { font-size: var(--text-xs); color: var(--color-muted); text-align: center; min-height: 1.2em; }
.pdf-thumb-actions { display: flex; flex-wrap: wrap; gap: var(--space-1); justify-content: center; }

.pdf-progress { font-size: var(--text-sm); color: var(--color-muted); min-height: 1.4em; }
.pdf-radio-row { display: flex; flex-direction: column; gap: var(--space-2); margin-bottom: var(--space-4); }
.pdf-inline-num { max-width: 120px; }