/* PDF Splitter — tool-specific styles. Most styling comes from toolkit.css.
   All selectors scoped under #trp-tool-root / prefixed .trp-ps- so nothing
   collides with Astra / Elementor / other tools. Uses shared tokens.
   Responsive: mode buttons and result rows stack on small screens. */

#trp-tool-root .trp-ps-privacy{
  display:flex;align-items:center;gap:8px;margin:0 0 16px;
  padding:11px 14px;border-radius:var(--trp-r-md);
  background:var(--trp-accent-soft);color:var(--trp-ink-2);font-size:14px;font-weight:600;
}
#trp-tool-root .trp-ps-hint{margin:6px 0 0;font-size:13px;color:var(--trp-muted);line-height:1.45;}

#trp-tool-root .trp-ps-info{
  margin-top:16px;background:var(--trp-surface);border:1px solid var(--trp-border);
  border-radius:var(--trp-r-lg);padding:14px 16px;display:grid;gap:6px;
}
#trp-tool-root .trp-ps-info-row{display:flex;justify-content:space-between;gap:12px;min-width:0;}
#trp-tool-root .trp-ps-info-l{font-size:13px;color:var(--trp-muted);flex:none;}
#trp-tool-root .trp-ps-info-v{font-size:13px;font-weight:700;color:var(--trp-ink);text-align:right;overflow-wrap:anywhere;}

#trp-tool-root .trp-ps-modes{display:grid;grid-template-columns:1fr;gap:8px;margin:18px 0 0;}
@media(min-width:620px){#trp-tool-root .trp-ps-modes{grid-template-columns:repeat(3,1fr);}}
#trp-tool-root .trp-ps-mode{width:100%;}
#trp-tool-root .trp-ps-mode.is-active{background:var(--trp-accent);color:var(--trp-on-accent);border-color:var(--trp-accent);}
#trp-tool-root .trp-ps-mode.is-active:hover{background:var(--trp-accent-hov);}

#trp-tool-root .trp-ps-ctrl{margin-top:16px;}

#trp-tool-root .trp-ps-actions{margin-top:16px;flex-wrap:wrap;}

#trp-tool-root .trp-ps-error{
  margin:14px 0 0;padding:11px 14px;border-radius:var(--trp-r-md);
  background:var(--trp-error-bg);color:var(--trp-error);font-size:14px;font-weight:500;
}
#trp-tool-root .trp-ps-status{margin:12px 0 0;font-size:14px;font-weight:600;color:var(--trp-ink-2);}
#trp-tool-root .trp-ps-status:empty{display:none;}

#trp-tool-root .trp-ps-results-h{
  font-family:var(--trp-font-head);font-size:18px;font-weight:800;color:var(--trp-ink);margin:20px 0 10px;
}
#trp-tool-root .trp-ps-results-h:focus-visible{outline:2px solid var(--trp-accent);outline-offset:3px;}
#trp-tool-root .trp-ps-results{list-style:none;margin:0;padding:0;display:grid;gap:10px;}
#trp-tool-root .trp-ps-ritem{
  display:flex;align-items:center;gap:12px;min-width:0;
  background:var(--trp-surface);border:1px solid var(--trp-border);
  border-radius:var(--trp-r-md);padding:12px 14px;
}
#trp-tool-root .trp-ps-rinfo{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px;}
#trp-tool-root .trp-ps-rname{font-size:14px;font-weight:700;color:var(--trp-ink);overflow-wrap:anywhere;word-break:break-word;}
#trp-tool-root .trp-ps-rmeta{font-size:12.5px;color:var(--trp-muted);font-variant-numeric:tabular-nums;}
#trp-tool-root .trp-ps-dl{flex:none;padding:8px 16px;font-size:13px;text-decoration:none;}

@media(max-width:520px){
  #trp-tool-root .trp-ps-ritem{flex-wrap:wrap;}
  #trp-tool-root .trp-ps-rinfo{flex:1 1 100%;order:1;}
  #trp-tool-root .trp-ps-dl{order:2;margin-left:auto;}
  #trp-tool-root .trp-ps-actions .trpk-btn{flex:1 1 auto;}
}

/* instruction/feature lists in the content section (outside the widget root) */
.trp-ps-list-c{list-style:none;margin:0;padding:0;display:grid;gap:8px;}
.trp-ps-list-c li{
  background:var(--trp-surface);border:1px solid var(--trp-border);
  border-radius:var(--trp-r-md);padding:11px 14px;font-size:14px;color:var(--trp-ink-2);
}
.trp-ps-list-c li strong{color:var(--trp-ink);}
.trp-ps-list-c code{font-family:var(--trp-font-mono);font-size:.9em;background:var(--trp-accent-soft);color:var(--trp-ink);padding:1px 6px;border-radius:5px;}
