/* PDF Tools components — layered on top of the site theme (style.css). Only the
   pieces the site does not already have; buttons, panels, seg, fields all reuse
   the shared classes. Everything scoped under .pdft. */

.pdft-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 4px}
.pdft-tabs .tab{border:1px solid var(--line);background:var(--card);border-radius:999px;padding:9px 16px;font:600 13.5px var(--sans);color:var(--muted);cursor:pointer}
.pdft-tabs .tab:hover{border-color:var(--green);color:var(--green-d)}
.pdft-tabs .tab.on{background:var(--ink);color:#fff;border-color:var(--ink)}

.pdft .panel{margin-top:16px}
.pdft .panel[hidden]{display:none}

/* dropzone */
.pdft .drop{border:2px dashed var(--line);border-radius:var(--radius);padding:32px 20px;text-align:center;cursor:pointer;transition:border-color .15s,background .15s;display:block}
.pdft .drop:hover,.pdft .drop.over{border-color:var(--green);background:var(--green-t)}
.pdft .drop .ico{width:38px;height:38px;color:var(--green);display:inline-block}
.pdft .drop .big{font-size:16px;font-weight:700;margin:10px 0 4px;color:var(--ink)}
.pdft .drop .small{font-size:13.5px;color:var(--muted)}
.pdft input[type=file]{display:none}

/* file list */
.pdft .files{list-style:none;margin:16px 0 0;padding:0}
.pdft .file{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:10px;padding:11px 13px;margin-bottom:8px;background:var(--card)}
.pdft .file .fname{flex:1;min-width:0;font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pdft .file .fsize{font-family:var(--mono);font-size:12px;color:var(--muted);white-space:nowrap}
.pdft .file .fmove,.pdft .file .fdel{border:0;background:none;color:var(--muted);cursor:pointer;font-size:15px;line-height:1;padding:4px}
.pdft .file .fmove:hover,.pdft .file .fdel:hover{color:var(--green-d)}
.pdft .file .fdel:hover{color:var(--red)}
.pdft .file .fmove:disabled{opacity:.3;cursor:default}

/* seg sublabels + text input */
.pdft .seg .subline{display:block;font-size:10.5px;font-weight:500;color:var(--muted);margin-top:2px}
.pdft .seg button.on .subline{color:rgba(255,255,255,.75)}
.pdft .text-in{width:100%;border:1px solid var(--line);border-radius:10px;padding:11px 13px;font:500 15px var(--sans);color:var(--ink);background:#fff}
.pdft .text-in:focus{border-color:var(--green);outline:none;box-shadow:0 0 0 3px var(--green-t)}

/* full-width action button */
.pdft .btn-block{display:flex;width:100%;justify-content:center;margin-top:18px}

/* progress + status + result */
.pdft .bar{height:8px;background:var(--paper);border:1px solid var(--line);border-radius:99px;overflow:hidden;margin-top:14px}
.pdft .bar[hidden]{display:none}
.pdft .bar i{display:block;height:100%;background:var(--green);width:0;transition:width .2s}
.pdft .status{font-size:13.5px;color:var(--muted);margin-top:12px;min-height:20px}
.pdft .status.err{color:var(--red)}
.pdft .result{margin-top:18px;border-top:1px solid var(--line);padding-top:16px}
.pdft .result[hidden]{display:none}
.pdft .result .rrow{display:flex;justify-content:space-between;align-items:center;gap:14px;font-size:14px;padding:6px 0}
.pdft .result .rrow b{font-family:var(--mono)}
.pdft .result .saved{color:var(--green-d);font-weight:700}

.pdft .privacy-pill{display:inline-flex;align-items:center;gap:7px;background:var(--green-t);color:var(--green-d);border-radius:999px;padding:6px 14px;font-size:13px;font-weight:600;margin-top:4px}
.pdft .privacy-pill .dot{width:7px;height:7px;border-radius:50%;background:var(--green)}