/* body { */
	/* margin: 0; */
	/* padding: 0; */
	/* background: #f8f9fa; */
	/* font-family: 'Vazir FD'; */
	/* display: flex; */
	/* justify-content: center; */
	/* align-items: center; */
	/* height: 100vh; */
/* } */

/* کانتینر را reset کن و همهٔ فرزندانش را هم unset کن */
.Panel_74
{
	all: unset;
	box-sizing: border-box; /* معمولاً مفیده تا layout به هم نخوره */
}

/* کانتینر خودش باید نوع نمایش داشته باشد */
/* .Panel_74 */
/* { */
	/* display: block; */
/* } */

.Panel_74
{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	padding: 20px;
	margin: auto;
}

.Panel_74 .panel74
{
	text-align: center;
	background: white;
	padding: 40px 50px;
	border-radius: 20px;
	box-shadow: 0 10px 35px rgba(0,0,0,0.08);
	direction: rtl;
	width: 100%;
	max-width: 480px;
	animation: fadeIn 0.8s ease-in-out;
}

@keyframes fadeIn
{
	from { opacity: 0; transform: translateY(30px); }
	to { opacity: 1; transform: translateY(0); }
}

/* آیکون اصلی */
.Panel_74 .icon74
{
	font-size: 85px;
	margin-bottom: 15px;
	animation: pop 0.6s ease-out;
}

@keyframes pop
{
	0% { transform: scale(0); }
	80% { transform: scale(1.2); }
	100% { transform: scale(1); }
}

/* حالت موفق */
.Panel_74.success .icon74,
.Panel_74.success .title74
{
	color: #28a745;
}

/* حالت ناموفق */
.Panel_74.failed .icon74,
.Panel_74.failed .title74
{
	color: #dc3545;
}

/* عنوان */
.Panel_74 .title74
{
	font-size: 30px;
	margin-bottom: 20px;
	font-family: 'Vazir';
}

/* شماره پیگیری */
.Panel_74 .tracking-box
{
	
	background: #eef5ff;
	padding: 12px 20px;
	border-radius: 10px;
	display: inline-flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 30px;
}

.Panel_74 .tracking-box *
{
	font-size: 22px;
}

.Panel_74 .tracking-box span
{
	font-family: 'Vazir';
}

.Panel_74 .tracking-box strong
{
	font-family: 'Vazir';
}

.Panel_74 .tracking-box button
{
	font-family: 'Vazir';
}

.Panel_74 .copy-btn
{
	border: none;
	background: none;
	cursor: pointer;
	font-size: 20px;
}

/* متن خطا در ناموفق */
.Panel_74 .error-msg
{
	font-size: 18px;
	color: #555;
	background: #ffeaea;
	padding: 15px;
	border-radius: 10px;
	margin-bottom: 25px;
	font-family: 'Vazir';
}

/* دکمه‌ها */
.Panel_74 .actions74
{
	margin-top: 10px;
	display: flex;
	justify-content: center;
	gap: 12px;
	flex-wrap: wrap;
}

.Panel_74 .btn74
{
	font-size: 18px;
	text-decoration: none;
	padding: 10px 25px;
	border-radius: 10px;
	transition: 0.2s;
	display: inline-block;
	color: white;
	font-family: 'Vazir';
}

.Panel_74 .btn74.back74 { background: #6c757d; }
.Panel_74 .btn74.track74 { background: #007bff; }

.Panel_74 .btn74:hover { filter: brightness(1.1); }

/* شمارش معکوس */
.Panel_74 .countdown74
{
	margin-top: 25px;
	font-size: 15px;
	color: #777;
	font-family: 'Vazir';
}

.Panel_74 .countdown74 #timer
{
	font-size: 15px;
}


/* واکنش‌گرا */
@media (max-width: 500px)
{
	.Panel_74 .panel74
	{
		padding: 25px;
	}
	.Panel_74 .title74 { font-size: 25px; }
	.Panel_74 .icon74 { font-size: 70px; }
	.Panel_74 .tracking-box { font-size: 18px; }
	.Panel_74 .btn74 { font-size: 16px; padding: 8px 18px; }
}