/*==================================================================================

	DELETE PAGES FROM PDF — MODULE CSS


	Yahan SIRF wo cheez hai jo global-custom-web.css me nahi mili.

	Dropzone, haalat ki patti, panel ke unwan, progress bar, result card
	aur bara button sab global ke section 125 me hain — ye module unhen
	bina kuch likhe istemal kar raha hai.

	Bache sirf teen hisse jo waqai sirf isi module ke hain: nuskhon ke
	button, file ki patti, aur safhon ka grid.

	Grid ka rang SPLIT module se ULTA hai. Wahan nishan zada safha wo tha
	jo RAKHA jayega; yahan wo hai jo JAYEGA. Ek hi rang dono jagah
	istemal karna sab se aasan ghalti hoti aur sab se mehngi bhi — user
	do tools ke darmiyan aata jata hai aur nishan ka matlab ulta samajh
	leta hai. Is liye yahan surkh hai, banafshi nahi.

	Rang, radius aur shadow sirf --wiz-* se.

==================================================================================*/


/*----------------------------------------------------------------------------------
	001 — JALDI KE NUSKHE

	"First page", "Even pages", "Pages that look blank" wagera. Ye tabs
	nahi hain — inhen dabane par khana bharta hai, aur user us ke baad
	khud tabdeeli kar sakta hai. Is liye ye chhote button hain, na ke
	koi chuni hui haalat.
----------------------------------------------------------------------------------*/

.dp-presets{
	display: flex;
	flex-wrap: wrap;
	gap: .4rem;
	margin-top: .35rem;
}

.dp-preset{
	padding: .4rem .8rem;
	cursor: pointer;
	border: 1px solid var(--wiz-border);
	border-radius: 999px;
	background: var(--wiz-surface);
	color: var(--wiz-text-muted);
	font-size: .8rem;
	font-weight: 600;
	transition: border-color .15s ease, color .15s ease, background .15s ease;
}

.dp-preset:hover{
	border-color: var(--wiz-primary);
	color: var(--wiz-primary-ink);
}

.dp-preset:focus-visible{
	outline: none;
	border-color: var(--wiz-primary);
	box-shadow: 0 0 0 3px rgba(124, 58, 237, .15);
}

/*
	Khali safhe dhoondne wala button baqi se alag hai: wo akela hai jo
	file ko PARHTA hai bajaye ek qaida lagane ke, aur wahi is page ki
	asal wajah hai. Us ka alag dikhna theek hai.
*/
.dp-preset.is-magic{
	border-color: color-mix(in srgb, var(--wiz-primary) 40%, transparent);
	color: var(--wiz-primary-ink);
	background: color-mix(in srgb, var(--wiz-primary) 8%, transparent);
}

.dp-preset[disabled]{
	opacity: .55;
	cursor: default;
}


/*----------------------------------------------------------------------------------
	002 — KAUNSI FILE KHULI HAI

	File aane ke baad dropzone patli patti ban jata hai, is liye ek aur
	patti chahiye jo hamesha yaad dilaye ke kaam kis file par ho raha
	hai.

	min-width: 0 flex ke andar text-truncate ke liye lazmi hai — us ke
	bagair lamba naam patti ko chaura kar deta hai bajaye kat-ne ke.
----------------------------------------------------------------------------------*/

.dp-file{
	display: flex;
	align-items: center;
	gap: .75rem;
	padding: .75rem .9rem;
	border: 1px solid var(--wiz-border);
	border-radius: var(--wiz-radius-card);
	background: var(--wiz-surface-2);
}

.dp-file-icon{
	flex-shrink: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	border-radius: var(--wiz-radius-btn);
	font-size: 1.1rem;
	color: var(--wiz-primary-ink);
	background: color-mix(in srgb, var(--wiz-primary) 12%, transparent);
}

.dp-file-meta{
	flex: 1 1 auto;
	min-width: 0;
	font-size: .86rem;
	color: var(--wiz-text);
}


/*----------------------------------------------------------------------------------
	003 — NATEEJE KA KHULASA
----------------------------------------------------------------------------------*/

.dp-summary{
	font-size: .84rem;
	line-height: 1.6;
	color: var(--wiz-text-muted);
}

.dp-summary b{
	color: var(--wiz-text);
}

.dp-summary.is-bad,
.dp-summary.is-bad b{
	color: var(--wiz-danger);
}


/*----------------------------------------------------------------------------------
	004 — SAFHON KA GRID

	minmax me neechay wali hadd 7rem hai: is se chhota karne par safhe ka
	number to nazar aata hai magar us par kya likha hai wo nahi — aur
	grid ka poora maqsad yehi tha ke user parh kar faisla kare.
----------------------------------------------------------------------------------*/

.dp-grid{
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(7rem, 1fr));
	gap: .6rem;
	max-height: 30rem;
	overflow-y: auto;
	padding: .6rem;
	border: 1px solid var(--wiz-border);
	border-radius: var(--wiz-radius-card);
	background: var(--wiz-surface-2);

	/* grid apni scrollbar khud dikhaye — warna "aur bhi safhe hain" ka koi ishara nahi */
	scrollbar-width: thin;
	scrollbar-color: var(--wiz-border-strong) var(--wiz-surface-2);
}

.dp-grid::-webkit-scrollbar{			width: 10px; }
.dp-grid::-webkit-scrollbar-track{		background: var(--wiz-surface-2); }
.dp-grid::-webkit-scrollbar-thumb{
	background: var(--wiz-border-strong);
	border: 3px solid var(--wiz-surface-2);
	border-radius: 999px;
}

.dp-page{
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: .35rem;
	padding: .4rem;
	cursor: pointer;
	border: 2px solid var(--wiz-border);
	border-radius: var(--wiz-radius-sm);
	background: var(--wiz-surface);
	transition: border-color .15s ease, background .15s ease, opacity .15s ease;
}

.dp-page:hover{			border-color: var(--wiz-danger); }

.dp-page:focus-visible{
	outline: none;
	border-color: var(--wiz-danger);
	box-shadow: 0 0 0 3px rgba(239, 68, 68, .18);
}

/*
	SURKH — kyunke nishan ka matlab "ye JAYEGA" hai.

	Safha halka bhi kar diya jata hai, taake ek nazar me nazar aa jaye
	ke kya bachega. Sirf border badalna kaafi nahi tha: bees safhon ke
	grid me chaar surkh kinare aankh se chhoot jate hain.
*/
.dp-page.is-doomed{
	border-color: var(--wiz-danger);
	background: color-mix(in srgb, var(--wiz-danger) 10%, transparent);
}

.dp-page.is-doomed canvas,
.dp-page.is-doomed .dp-page-wait{
	opacity: .35;
}

/*
	Canvas ke sath aspect-ratio nahi lagayi ja sakti: har safha alag naap
	ka ho sakta hai (A4 ke sath ek landscape scan). Isi liye sirf oonchai
	ki hadd hai aur chaurai khud us ke tanasub se banti hai.
*/
.dp-page canvas{
	display: block;
	max-width: 100%;
	height: auto;
	max-height: 9rem;
	border-radius: 2px;
	background: #fff;
	box-shadow: var(--wiz-shadow-sm);
}

/* render hone se pehle ki khali jagah — warna grid har safhe par uchhalta hai */
.dp-page-wait{
	width: 100%;
	height: 6.5rem;
	border-radius: 2px;
	background: var(--wiz-surface-2);
}

.dp-page-num{
	display: flex;
	align-items: center;
	gap: .3rem;
	font-family: var(--wiz-font-mono);
	font-size: .75rem;
	font-weight: 700;
	color: var(--wiz-text-muted);
}

.dp-page.is-doomed .dp-page-num{
	color: var(--wiz-danger);
}

/*
	Jis safhe ko tool ne khali samjha us par ek chhota nishan. Ye faisla
	nahi, andaza hai — is liye wo mutmain rang me hai, khatre wale me
	nahi.
*/
.dp-page-blank{
	font-size: .6rem;
	font-weight: 700;
	letter-spacing: .04em;
	text-transform: uppercase;
	color: var(--wiz-text-muted);
	border: 1px solid var(--wiz-border);
	border-radius: 999px;
	padding: 0 .3rem;
}

.dp-grid-bar{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: .5rem;
}