/* css/pdf-split.css - the PDF Splitter screen (js/pdf-split/split-ui.js), the
   TC Desk's look, used on the TC Desk and in Waypoint Sign (owner 2026-10-21).
   Scoped to .pdfs so it never restyles the page around it. */
.pdfs { --pdfs-navy: #1a2a44; --pdfs-gold: #b89548; --pdfs-gold-light: #d4af6a; --pdfs-red: #c0392b; color: var(--pdfs-navy); }
.pdfs * { box-sizing: border-box; }
.pdfs .pdfs-panel { background: #fff; border-radius: 14px; padding: 22px; box-shadow: 0 4px 18px rgba(26,42,68,0.06); margin-bottom: 22px; }
.pdfs .pdfs-panel h2 { font-size: 15px; text-transform: uppercase; letter-spacing: 0.6px; color: #8a6d1a; margin: 0 0 14px; }

.pdfs .pdfs-drop { border: 2px dashed #c3cbd6; border-radius: 12px; padding: 40px 20px; text-align: center; cursor: pointer; transition: border-color .15s, background .15s; }
.pdfs .pdfs-drop:hover, .pdfs .pdfs-drop.over, .pdfs .pdfs-drop:focus-visible { border-color: var(--pdfs-gold); background: rgba(184,149,72,0.05); outline: none; }
.pdfs .pdfs-drop small { display: block; color: #5f6672; margin-top: 6px; font-size: 12px; }

.pdfs .pdfs-warn { margin-top: 12px; padding: 10px 14px; border-radius: 8px; font-size: 13px; display: none; }
.pdfs .pdfs-warn.soft { background: #fff6e0; color: #6e5512; border: 1px solid #f0dca0; display: block; }
.pdfs .pdfs-warn.hard { background: #fdecea; color: #8f2b21; border: 1px solid #f2c0ba; display: block; }

.pdfs .pdfs-meta { font-size: 13px; color: #4a5260; margin-bottom: 14px; }
.pdfs .pdfs-meta b { color: var(--pdfs-navy); }

.pdfs .pdfs-thumbs { display: grid; grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); gap: 14px; }
.pdfs .pdfs-thumb { border: 1px solid #dde3ea; border-radius: 8px; padding: 8px; text-align: center; background: #fafbfc; position: relative; }
.pdfs .pdfs-thumb canvas { width: 100%; height: auto; border: 1px solid #e5e9ef; border-radius: 4px; display: block; }
.pdfs .pdfs-thumb.excluded { opacity: 0.4; }
.pdfs .pdfs-thumb.excluded canvas { filter: grayscale(1); }
.pdfs .pdfs-thumb-num { font-size: 12px; font-weight: 700; color: var(--pdfs-navy); margin-top: 6px; }
.pdfs .pdfs-thumb-ex { margin-top: 4px; font-size: 12px; color: var(--pdfs-red); cursor: pointer; user-select: none; display: inline-flex; align-items: center; gap: 4px; min-height: 32px; }
.pdfs .pdfs-thumb-ex input { cursor: pointer; width: 18px; height: 18px; }

.pdfs .pdfs-piece-row { display: flex; align-items: center; gap: 10px; margin-bottom: 10px; flex-wrap: wrap; }
.pdfs .pdfs-piece-row input[type=text] { flex: 1 1 200px; min-width: 160px; padding: 9px 11px; border: 1px solid #cdd5df; border-radius: 8px; font-family: inherit; font-size: 14px; }
.pdfs .pdfs-piece-row input[type=number] { width: 78px; padding: 9px 8px; border: 1px solid #cdd5df; border-radius: 8px; font-family: inherit; font-size: 14px; }
.pdfs .pdfs-piece-row label { font-size: 12px; color: #4a5260; font-weight: 600; }
.pdfs .pdfs-piece-count { font-size: 12px; color: #5f6672; min-width: 70px; }

.pdfs .pdfs-btn { border: none; border-radius: 8px; padding: 10px 16px; font-family: inherit; font-size: 14px; font-weight: 600; cursor: pointer; min-height: 44px; }
.pdfs .pdfs-btn-primary { background: var(--pdfs-navy); color: #fff; }
.pdfs .pdfs-btn-primary:hover { background: #24395c; }
.pdfs .pdfs-btn-primary:disabled { background: #cdd5df; color: #4a5260; cursor: not-allowed; }
.pdfs .pdfs-btn-secondary { background: #eef1f5; color: var(--pdfs-navy); }
.pdfs .pdfs-btn-secondary:hover { background: #e2e7ee; }
.pdfs .pdfs-btn-mini { background: #eef1f5; color: var(--pdfs-navy); border: none; border-radius: 6px; padding: 8px 12px; font-size: 13px; font-weight: 600; cursor: pointer; min-height: 36px; }
.pdfs .pdfs-btn-remove { background: transparent; color: var(--pdfs-red); border: none; cursor: pointer; font-size: 20px; line-height: 1; padding: 6px 10px; min-height: 36px; }

.pdfs .pdfs-result-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 0; border-bottom: 1px solid #eef1f5; font-size: 14px; }
.pdfs .pdfs-result-row:last-child { border-bottom: none; }
.pdfs .pdfs-result-name { font-weight: 600; word-break: break-word; }
.pdfs .pdfs-result-meta { color: #5f6672; font-size: 12px; }

.pdfs .pdfs-hidden { display: none !important; }
.pdfs .pdfs-actions { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 4px; }
.pdfs .pdfs-status { font-size: 13px; color: #4a5260; margin-top: 10px; min-height: 18px; }

/* A page's own step after the split (Waypoint Sign: make drafts). */
.pdfs .pdfs-field { display: grid; gap: 6px; margin-bottom: 12px; }
.pdfs .pdfs-field label { font-size: 13px; font-weight: 700; }
.pdfs .pdfs-field input, .pdfs .pdfs-field select { padding: 10px 11px; border: 1px solid #cdd5df; border-radius: 8px; font-family: inherit; font-size: 15px; min-height: 44px; background: #fff; color: inherit; }
.pdfs .pdfs-lead { font-size: 14px; color: #4a5260; margin: 0 0 14px; line-height: 1.45; }