/* ═══ DELETE PDF PAGES — TOOL-SPECIFIC STYLES ═══ */

/* ── Config Hint ── */
.dp-config-hint {
  font-size: 0.75rem;
  color: var(--text-tertiary);
  margin: 0;
}

/* ── Thumb Grid ── */
.dp-thumb-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(90px, 1fr));
  gap: 0.5rem;
  max-height: 400px;
  overflow-y: auto;
  animation: toolSlideIn 0.3s cubic-bezier(0.16,1,0.3,1);
}
.dp-thumb-item {
  display: flex; align-items: center; justify-content: center;
  padding: 1rem 0.5rem; background: var(--t-bg);
  border: 1px solid var(--t-border-glass); border-radius: var(--t-radius-sm);
  cursor: pointer; transition: all 0.2s;
  backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px);
  min-height: 60px; position: relative;
}
.dp-thumb-item:hover {
  border-color: var(--t-accent);
  box-shadow: 0 2px 10px var(--t-accent-glow);
}
.dp-thumb-item.selected {
  background: var(--t-red-light);
  border-color: var(--t-red);
  box-shadow: 0 0 0 2px rgba(239,68,68,0.2);
}
.dp-thumb-item.selected::after {
  content: '✕'; position: absolute; top: 4px; right: 6px;
  font-size: 0.6rem; color: var(--t-red); font-weight: 700;
}
.dp-thumb-label {
  font-family: var(--t-mono); font-size: 0.72rem; font-weight: 700;
  color: var(--text);
}

/* ── Selected Info ── */
.dp-selected-info {
  font-family: var(--t-mono); font-size: 0.78rem; font-weight: 600;
  color: var(--t-red); background: var(--t-red-light);
  padding: 0.35rem 0.65rem; border-radius: var(--t-radius-sm);
}

/* ── Config Label ── */
.dp-config-label {
  font-size: 0.7rem; font-weight: 700; text-transform: uppercase;
  letter-spacing: 0.08em; color: var(--text-tertiary);
}

/* ── Toast ── */
.dp-toast {
  position: fixed; bottom: 1.5rem; left: 50%;
  transform: translateX(-50%) translateY(1rem);
  padding: 0.75rem 1.5rem; border-radius: 100px;
  font-family: var(--t-font); font-size: 0.85rem; font-weight: 600;
  z-index: 9999; opacity: 0;
  transition: all 0.3s cubic-bezier(0.16,1,0.3,1);
  pointer-events: none; white-space: nowrap;
  box-shadow: 0 8px 32px rgba(0,0,0,0.12);
  backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);
  background: var(--t-accent); color: #fff;
}
.dp-toast.show { opacity: 1; transform: translateX(-50%) translateY(0); }
.dp-toast.error { background: var(--t-red); box-shadow: 0 8px 32px rgba(239,68,68,0.3); }

/* ── Responsive ── */
@media (max-width: 768px) {
  .dp-thumb-grid { grid-template-columns: repeat(auto-fill, minmax(70px, 1fr)); }
}
@media (max-width: 480px) {
  .dp-thumb-grid { grid-template-columns: repeat(4, 1fr); gap: 0.35rem; }
  .dp-thumb-item { padding: 0.6rem 0.3rem; min-height: 45px; }
  .dp-thumb-label { font-size: 0.65rem; }
  .dp-toast { bottom: 5rem; font-size: 0.72rem; padding: 0.5rem 1rem; max-width: 85%; white-space: normal; text-align: center; }
}