/* Toolbantu — PDF tools (merge, split, compress, JPG to PDF, PDF to JPG).
   Loaded after css/brand.css on the five PDF tool pages. Reuses the site's tokens and the t-* tool components. */

/* file rows (merge, JPG to PDF) */
.pdf-list{display:grid;gap:8px;margin:0 0 14px;padding:0;list-style:none}
.pdf-row{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--border);border-radius:var(--r);background:var(--bg)}
.pdf-row[draggable=true]{cursor:grab}
.pdf-row.is-dragging{opacity:.5}
.pdf-row.is-over{border-color:var(--ta);box-shadow:0 0 0 3px color-mix(in srgb,var(--ta) 22%,transparent)}
.pdf-row-n{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--surface-2);color:var(--muted);font-size:.78rem;font-weight:700;font-variant-numeric:tabular-nums}
.pdf-badge{display:grid;place-items:center;flex:none;width:44px;height:44px;border:1px solid color-mix(in srgb,var(--cat-pdf) 35%,var(--border));border-radius:10px;background:color-mix(in srgb,var(--cat-pdf) 9%,var(--surface));color:var(--cat-ink,var(--cat-pdf));font-size:.72rem;font-weight:800;letter-spacing:.03em}
.pdf-thumb{flex:none;width:44px;height:44px;border-radius:8px;object-fit:cover;border:1px solid var(--border);background:var(--surface-2)}
.pdf-row-main{display:grid;min-width:0}
.pdf-row-main strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.95rem}
.pdf-row-main small{color:var(--muted);font-size:.82rem}
.pdf-row-actions{display:flex;gap:6px}
.pdf-row-actions .t-btn{width:40px;min-height:40px}
.pdf-addrow{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin:0 0 16px}
.pdf-need{margin:0;color:var(--warn);font-size:.9rem;font-weight:600}
.pdf-need:empty{display:none}

/* bench states */
.t-bench.is-drag{outline:2px dashed var(--ta);outline-offset:-6px}
.pdf-progress{height:8px;margin:14px 0 0;border-radius:99px;background:var(--surface-2);overflow:hidden}
.pdf-progress span{display:block;height:100%;width:0;border-radius:99px;background:var(--ta);transition:width .2s}
.pdf-note.is-warn{color:var(--warn);font-weight:600}
.t-metric.is-warn strong{color:var(--warn)}
.t-actions{margin-top:2px}
#pStatus{margin-top:12px}
#pResult{margin-top:16px}
#pResult[hidden]{display:none}

/* options */
.pdf-opts{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px 20px}
.pdf-opts .t-field{min-width:0}
.pdf-err{margin:0;color:var(--err);font-size:.88rem;font-weight:600}
.pdf-err[hidden]{display:none}
.pdf-callout{margin:0;padding:10px 12px;border:1px solid color-mix(in srgb,var(--warn) 40%,var(--border));border-left:4px solid var(--warn);border-radius:10px;background:color-mix(in srgb,var(--warn) 8%,var(--surface));font-size:.9rem}
.pdf-callout strong{color:var(--text)}

/* output list */
.pdf-outs{display:grid;gap:8px;margin:0;padding:0;list-style:none}
.pdf-out{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--border);border-radius:var(--r);background:var(--bg)}
.pdf-out-thumb{display:block;width:56px;height:auto;border:1px solid var(--border);border-radius:6px;background:#fff}
.pdf-outs.has-thumbs .pdf-out{align-items:center}

/* page picker (PDF to JPG) */
.pdf-pages{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:10px;margin:0;max-height:420px;overflow:auto;padding:2px}
.pdf-pages:empty{display:none}
.pdf-pg{position:relative;display:grid;justify-items:center;gap:6px;padding:8px 6px 6px;border:1px solid var(--border);border-radius:10px;background:var(--surface);cursor:pointer;font-size:.8rem;color:var(--muted)}
.pdf-pg canvas{display:block;max-width:100%;height:auto;border:1px solid var(--border);background:#fff}
.pdf-pg input{position:absolute;top:10px;left:10px;width:20px;height:20px;margin:0;accent-color:var(--ta);cursor:pointer}
.pdf-pg:has(input:checked){border-color:var(--ta);background:var(--ta-soft);color:var(--text)}
.pdf-pg:has(input:focus-visible){outline:3px solid color-mix(in srgb,var(--ta) 55%,transparent);outline-offset:2px}
.pdf-pg-more{grid-column:1/-1;margin:0}

/* category accent on cards/panels that use --cat */
@media (max-width:560px){
  .pdf-row{grid-template-columns:auto minmax(0,1fr) auto;gap:10px}
  .pdf-row-n{display:none}
  .pdf-row-actions .t-btn{width:36px}
  .pdf-out{grid-template-columns:minmax(0,1fr) auto}
  .pdf-out>.pdf-badge,.pdf-out>.pdf-out-thumb{display:none}
  .pdf-opts{grid-template-columns:minmax(0,1fr)}
}