/* ═══════════════════════════════════════════════════════
   Split PDF Tool — split-specific styling
   ───────────────────────────────────────────────────────
   Shared full-screen workspace layout lives in
   tools/shared/pdf-workspace.css (the generic `pdftool`
   classes). This file only adds the pieces unique to the
   Split tool: page-range rows, range coloring on
   thumbnails, range badges, the file-size mode and stats.
   ═══════════════════════════════════════════════════════ */

/* ── Thumbnail range coloring (range mode) ───────────── */

.pdftool__thumb.is-in-range.range-0 { border-color: var(--sp-c0); background: #fff5f4; }
.pdftool__thumb.is-in-range.range-1 { border-color: var(--sp-c1); background: #f0f7ff; }
.pdftool__thumb.is-in-range.range-2 { border-color: var(--sp-c2); background: #f0fff4; }
.pdftool__thumb.is-in-range.range-3 { border-color: var(--sp-c3); background: #fffbf0; }
.pdftool__thumb.is-in-range.range-4 { border-color: var(--sp-c4); background: #fdf5ff; }

.split-pdf__thumb-badge {
    position: absolute;
    top: 6px;
    inset-inline-end: 6px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
}

.range-badge-0 { background: var(--sp-c0); }
.range-badge-1 { background: var(--sp-c1); }
.range-badge-2 { background: var(--sp-c2); }
.range-badge-3 { background: var(--sp-c3); }
.range-badge-4 { background: var(--sp-c4); }

/* ── Range mode rows ─────────────────────────────────── */

.split-pdf__range-row {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    background: var(--sp-gray-bg);
    border-radius: 10px;
    padding: 0.75rem 0.85rem;
    border-inline-start: 4px solid var(--sp-border);
}

.split-pdf__range-row:nth-child(1) { border-color: var(--sp-c0); }
.split-pdf__range-row:nth-child(2) { border-color: var(--sp-c1); }
.split-pdf__range-row:nth-child(3) { border-color: var(--sp-c2); }
.split-pdf__range-row:nth-child(4) { border-color: var(--sp-c3); }
.split-pdf__range-row:nth-child(5) { border-color: var(--sp-c4); }

.split-pdf__range-label {
    font-size: 0.82rem;
    font-weight: 600;
    color: var(--sp-text);
}

.split-pdf__range-inputs {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    flex-wrap: wrap;
}

.split-pdf__range-inp-label {
    font-size: 0.8rem;
    color: var(--sp-text-muted);
}

.split-pdf__range-inp {
    width: 64px;
    border: 1px solid var(--sp-border);
    border-radius: 8px;
    padding: 0.35rem 0.5rem;
    font-size: 0.88rem;
    text-align: center;
    background: #fff;
    direction: ltr;
}

.split-pdf__range-inp:focus {
    outline: none;
    border-color: var(--sp-red);
    box-shadow: 0 0 0 3px rgba(232, 85, 79, 0.12);
}

.split-pdf__range-remove {
    background: none;
    border: 1px solid var(--sp-border);
    border-radius: 6px;
    color: var(--sp-text-muted);
    cursor: pointer;
    padding: 0.2rem 0.5rem;
    font-size: 0.75rem;
    margin-inline-start: auto;
}

.split-pdf__range-remove:hover {
    border-color: #c0392b;
    color: #c0392b;
}

.split-pdf__add-range {
    background: none;
    border: 1px dashed var(--sp-border);
    border-radius: 10px;
    padding: 0.55rem;
    font-size: 0.88rem;
    color: var(--sp-text-muted);
    cursor: pointer;
    width: 100%;
    transition: border-color 0.15s, color 0.15s;
}

.split-pdf__add-range:hover {
    border-color: var(--sp-red);
    color: var(--sp-red);
}

/* ── Size mode ───────────────────────────────────────── */

.split-pdf__file-stats {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.65rem;
    margin-bottom: 0.25rem;
}

.split-pdf__file-stat {
    background: var(--sp-gray-bg);
    border-radius: 10px;
    padding: 0.65rem 0.75rem;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.split-pdf__file-stat-label {
    font-size: 0.72rem;
    color: var(--sp-text-muted);
}

.split-pdf__file-stat-value {
    font-size: 0.92rem;
    font-weight: 600;
    color: var(--sp-text);
    direction: ltr;
    text-align: end;
}

.split-pdf__size-row {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.split-pdf__size-inp {
    flex: 1;
    min-width: 0;
    border: 1px solid var(--sp-border);
    border-radius: 10px;
    padding: 0.55rem 0.75rem;
    font-size: 0.95rem;
    font-weight: 600;
    text-align: center;
    background: #fff;
    direction: ltr;
}

.split-pdf__size-inp:focus {
    outline: none;
    border-color: var(--sp-red);
    box-shadow: 0 0 0 3px rgba(232, 85, 79, 0.12);
}

.split-pdf__toggle-group--units {
    flex-shrink: 0;
    min-width: 96px;
}

.split-pdf__toggle-group--units .pdftool__toggle {
    font-size: 0.78rem;
    font-weight: 700;
    direction: ltr;
}