/*----------------------------------------------------------
	PDF TABLE OF CONTENTS GENERATOR — MODULE CSS

	YAHAN SIRF IS MODULE KA APNA HISSA HAI.

	Dropzone (.pdf-drop), status (.wiz-status), panels (.wiz-panel),
	progress (.pdf-progress) aur result (.pdf-result) global CSS ke
	section 125 me hain. Yahan wo cheezein hain jo sirf is safhe par
	chahiyen.
----------------------------------------------------------*/

.ptc-file{
	display:		flex;
	align-items:	center;
	gap:			.75rem;
	padding:		.75rem 1rem;
	border:			1px solid var(--wiz-border, #e5e7eb);
	border-radius:	12px;
	background:		var(--wiz-soft-bg, #f8fafc);
}

.ptc-file-icon{
	flex:			0 0 auto;
	width:			2.25rem;
	height:			2.25rem;
	display:		inline-flex;
	align-items:	center;
	justify-content:center;
	border-radius:	10px;
	background:		rgba(220, 38, 38, .1);
	color:			#dc2626;
	font-size:		1.1rem;
}

.ptc-file-meta{
	min-width:		0;
	flex:			1 1 auto;
	font-size:		.9rem;
}

.ptc-summary{
	font-size:		.88rem;
	color:			var(--wiz-muted, #6b7280);
}

.ptc-summary b{ color: var(--wiz-body, #111827); }

/*
	NATEEJE KI TABLE — inspector modules ka asal output.

	Mobile par har khana apni qatar me aata hai aur unwan `data-th` se
	aage lagta hai: chaar column wali table phone par kabhi parhi nahi
	jati.
*/
.ptc-report{
	width:			100%;
	border-collapse:collapse;
	font-size:		.88rem;
}

.ptc-report th{
	text-align:		left;
	font-weight:	600;
	padding:		.6rem .75rem;
	border-bottom:	2px solid var(--wiz-border, #e5e7eb);
	white-space:	nowrap;
}

.ptc-report td{
	padding:		.6rem .75rem;
	border-bottom:	1px solid var(--wiz-border, #e5e7eb);
	vertical-align:	top;
}

.ptc-report tr:last-child td{ border-bottom: 0; }

.ptc-tag{
	display:		inline-flex;
	align-items:	center;
	gap:			.3rem;
	padding:		.15rem .5rem;
	border-radius:	999px;
	font-size:		.75rem;
	font-weight:	600;
}

.ptc-tag.is-ok{		background: rgba(21, 128, 61, .12);	color: #15803d; }
.ptc-tag.is-warn{	background: rgba(180, 83, 9, .12);	color: #b45309; }
.ptc-tag.is-bad{		background: rgba(185, 28, 28, .12);	color: #b91c1c; }
.ptc-tag.is-off{		background: rgba(107, 114, 128, .12);color: #6b7280; }

.ptc-stats{
	display:		grid;
	grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr));
	gap:			.75rem;
}

.ptc-stat{
	padding:		.75rem .9rem;
	border:			1px solid var(--wiz-border, #e5e7eb);
	border-radius:	12px;
	background:		var(--wiz-card-bg, #fff);
}

.ptc-stat b{
	display:		block;
	font-size:		1.25rem;
	line-height:	1.2;
}

.ptc-stat span{
	display:		block;
	font-size:		.76rem;
	color:			var(--wiz-muted, #6b7280);
	margin-top:		.15rem;
}

.ptc-mono{
	font-family:	ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
	font-size:		.84rem;
	word-break:		break-all;
}

@media (max-width: 575.98px){

	.ptc-report thead{ display: none; }

	.ptc-report tr{
		display:		block;
		padding:		.5rem 0;
		border-bottom:	1px solid var(--wiz-border, #e5e7eb);
	}

	.ptc-report td{
		display:		flex;
		gap:			.75rem;
		justify-content:space-between;
		padding:		.25rem 0;
		border:			0;
	}

	.ptc-report td::before{
		content:		attr(data-th);
		font-weight:	600;
		flex:			0 0 auto;
	}
}

/*
	NATEEJE KA JUMLA.

	Ye global `.pdf-note` par nahi chhora ja sakta: wo class sirf un
	purane modules ki apni CSS me hai jinhon ne likhi thi, global me
	nahi. Yahan har module ke pass apna hai, apne chaar rangon ke sath.
*/
.ptc-verdict{
	display:		flex;
	align-items:	flex-start;
	gap:			.6rem;
	padding:		.8rem .9rem;
	border-radius:	var(--wiz-radius-card, 12px);
	font-size:		.84rem;
	line-height:	1.65;
	border:			1px solid var(--wiz-border, #e5e7eb);
	background:		var(--wiz-surface, #f8fafc);
	color:			var(--wiz-text-muted, #6b7280);
}

.ptc-verdict > i{
	flex-shrink:	0;
	margin-top:		.15rem;
	font-size:		1rem;
}

.ptc-verdict b{ color: var(--wiz-text, #111827); }

.ptc-verdict.is-ok{	background: rgba(21, 128, 61, .08);		border-color: rgba(21, 128, 61, .25); }
.ptc-verdict.is-warn{	background: rgba(245, 158, 11, .10);	border-color: rgba(245, 158, 11, .30); }
.ptc-verdict.is-bad{	background: rgba(185, 28, 28, .08);		border-color: rgba(185, 28, 28, .25); }
.ptc-verdict.is-off{	background: var(--wiz-surface, #f8fafc);border-color: var(--wiz-border, #e5e7eb); }


.ptc-tools{ display: flex; flex-wrap: wrap; gap: .4rem; }

.ptc-row{
	display:		grid;
	grid-template-columns: auto 1fr 5.5rem 6.5rem auto;
	gap:			.5rem;
	align-items:	center;
	padding:		.4rem 0;
	border-bottom:	1px solid var(--wiz-border, #e5e7eb);
}

.ptc-row:last-child{ border-bottom: 0; }

.ptc-row .ptc-title{ min-width: 0; }

.ptc-drop{
	border:			0;
	background:		transparent;
	color:			#b91c1c;
	font-size:		.8rem;
	padding:		0 .2rem;
}

@media (max-width: 575.98px){

	.ptc-row{ grid-template-columns: auto 1fr auto; }
	.ptc-row .ptc-page, .ptc-row .ptc-level{ grid-column: 2 / 3; }
}