/* PDF нэгтгэх, хуваах, хуудас засах — pdf-tools.css дээр нэмэгдэх хэв маяг. */

.tool-box .pp-tip { margin: 0 0 12px; font-size: .9rem; color: var(--c-muted); }

/* Хуудасны карт */
.tool-box .pp-grid { grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); }
.tool-box .pp-item {
  cursor: grab; touch-action: pan-y;
  -webkit-user-select: none; user-select: none; -webkit-touch-callout: none;
  transition: border-color .15s, box-shadow .15s;
}
.tool-box .pp-item:hover { border-color: color-mix(in srgb, var(--c-accent) 55%, var(--c-line)); }
.tool-box .pp-thumb { background: var(--c-bg); }
.tool-box .pp-thumb img { box-shadow: 0 1px 3px rgba(47, 43, 61, .18); background: #fff; }
.tool-box .pp-cap { display: flex; align-items: center; gap: 4px; min-width: 0; }
.tool-box .pp-dot { flex: none; width: 8px; height: 8px; border-radius: 50%; background: var(--c, var(--c-accent)); }
.tool-box .pp-grip { cursor: grab; touch-action: none; color: var(--c-muted); }
@media (hover: hover) and (pointer: fine) {
  .tool-box .pp-grip { display: none; } /* хулганаар картыг шууд чирнэ */
}

/* Хуваах: сонгоогүй хуудас бүдэг */
.tool-box .pp[data-mode="split"] .pp-item { padding: 6px; }
.tool-box .pp[data-mode="split"] .pp-item.is-on { border-color: var(--c-accent); box-shadow: 0 0 0 1px var(--c-accent); }
.tool-box .pp[data-mode="split"] .pp-item:not(.is-on) .pt-thumb { opacity: .45; }
.tool-box .pp .pp-item .pt-check { top: 10px; right: 10px; }

/* Чирэх үед */
.tool-box .pp-item.is-placeholder {
  border: 2px dashed var(--c-accent); background: color-mix(in srgb, var(--c-accent) 6%, var(--c-surface));
  box-shadow: none;
}
.tool-box .pp-item.is-placeholder > * { visibility: hidden; }
.tool-box .pp-ghost {
  position: fixed; left: 0; top: 0; z-index: 1080; margin: 0; pointer-events: none;
  cursor: grabbing; border-color: var(--c-accent);
  box-shadow: 0 .75rem 2rem rgba(47, 43, 61, .28); will-change: transform;
  list-style: none;
}
.tool-box .pp.is-dragging, .tool-box .pp.is-dragging * { cursor: grabbing !important; }
.tool-box .pp.is-busy .pp-item { cursor: default; }
.tool-box .pp.is-busy .pp-grid { opacity: .7; }

/* Файлын жагсаалт (нэгтгэх) */
.tool-box .pp-files { list-style: none; margin: 0 0 12px; padding: 0; display: flex; flex-direction: column; gap: 6px; }
.tool-box .pp-file {
  display: flex; align-items: center; gap: 8px; min-width: 0;
  padding: 6px 6px 6px 12px; border: 1px solid var(--c-line); border-radius: 8px; background: var(--c-surface);
}
.tool-box .pp-fname { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 500; }
.tool-box .pp-fcount { flex: none; font-size: .85rem; color: var(--c-muted); }
.tool-box .pp-file .pt-ib { flex: none; width: 32px; height: 32px; }

/* Хуваах арга */
.tool-box .pp-modes { margin: 0 0 16px; padding: 0; border: 0; display: grid; gap: 8px; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); }
.tool-box .pp-modes legend { float: none; font-size: .95rem; font-weight: 600; margin-bottom: 4px; }
.tool-box .pp-mode {
  display: flex; align-items: flex-start; gap: 10px; padding: 10px 12px; cursor: pointer;
  border: 1px solid var(--c-line); border-radius: 8px; background: var(--c-surface);
}
.tool-box .pp-mode:has(input:checked) { border-color: var(--c-accent); box-shadow: 0 0 0 1px var(--c-accent); }
.tool-box .pp-mode .form-check-input { flex: none; margin-top: .2rem; }
.tool-box .pp-mode strong { display: block; font-weight: 600; color: var(--c-text); }
.tool-box .pp-mode small { display: block; color: var(--c-muted); }
.tool-box .pp-inline { display: flex !important; align-items: center; gap: 8px; margin-top: 6px; }
.tool-box .pp-inline input[type="number"] { width: 84px; }
.tool-box .pp-inline input[type="text"] { width: 100%; max-width: 220px; }

/* Устгасны дараах «Буцаах» */
.tool-box .pp-toast {
  position: sticky; bottom: 12px; z-index: 5; margin: 14px auto 0; width: fit-content; max-width: 100%;
  display: flex; align-items: center; gap: 10px; padding: 8px 8px 8px 14px; border-radius: 10px;
  background: #2f2b3d; color: #fff; box-shadow: 0 .5rem 1.5rem rgba(47, 43, 61, .3); font-size: .92rem;
}
.tool-box .pp-toast[hidden] { display: none; }
.tool-box .pp-toast .btn { color: #c9c4ff; font-weight: 600; }

@media (max-width: 575.98px) {
  .tool-box .pp-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (prefers-reduced-motion: reduce) {
  .tool-box .pp-item { transition: none; }
}