/**
 * کمک‌های مردمی (Donation) — STEP 128. همه رنگ‌ها از توکنِ پالت؛ هیچ هکسِ خام روی متن.
 * چیپ‌ها و دکمه‌ها از کلاس‌های مشترکِ سیستمِ طراحی (.clinic-chip/.clinic-btn) ⇒ کنتراستِ تأییدشده.
 *
 * @package Clinic_Manager
 */

.clinic-donation { max-width: 560px; margin: 0 auto; }
.clinic-donation__card { padding: 22px var( --clinic-space-10 ); border-radius: var( --clinic-border-radius, 14px ); }
.clinic-donation__title { color: var( --clinic-primary, #4B2E83 ); font-weight: 700; margin: 0 0 var( --clinic-space-7 ); font-size: 20px; }
.clinic-donation__hint { color: var( --clinic-text-muted, #6b7280 ); font-size: 13px; margin: var( --clinic-space-3 ) 0 0; }

/* honeypot — کاملاً پنهان از کاربر، در دسترسِ ربات. */
.clinic-donation__hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }

/* اعلان‌ها: متنِ تیره روی تینتِ روشن (خوانا)؛ رنگِ وضعیت در نوارِ کناری. */
.clinic-donation__notice {
	padding: var( --clinic-space-5 ) var( --clinic-space-7 );
	border-radius: var( --clinic-form-radius, 8px );
	margin-bottom: var( --clinic-space-7 );
	font-size: 14px;
	color: var( --clinic-text, #2B2240 );
	background: var( --clinic-bg-light, #F3E8FF );
	border-inline-start: 4px solid var( --clinic-primary, #4B2E83 );
}
.clinic-donation__notice--ok { border-inline-start-color: var( --clinic-success, #22A06B ); }
.clinic-donation__notice--bad { border-inline-start-color: var( --clinic-warning, #D98282 ); background: #FBEEEE; }

/* گروه‌های چیپ. */
.clinic-donation__types,
.clinic-donation__amounts { display: flex; flex-wrap: wrap; gap: var( --clinic-space-4 ); margin-top: var( --clinic-space-3 ); }
.clinic-donation__amt { cursor: pointer; }
.clinic-donation__types .clinic-chip { cursor: pointer; }
/* رادیوی نوعِ کمک پنهان (انتخاب با .is-active دیده می‌شود)؛ ولی فوکوس‌پذیر می‌ماند. */
.clinic-donation__types input[type="radio"] { position: absolute; opacity: 0; width: 1px; height: 1px; }
.clinic-donation__types .clinic-chip:focus-within { outline: 2px solid var( --clinic-primary, #4B2E83 ); outline-offset: 2px; }

.clinic-donation__amount-input { margin-top: var( --clinic-space-5 ); max-width: 100%; }

.clinic-donation__anon { display: inline-flex; align-items: center; gap: var( --clinic-space-4 ); color: var( --clinic-text, #2B2240 ); cursor: pointer; }

.clinic-donation__submit { width: 100%; margin-top: var( --clinic-space-4 ); min-height: 44px; }

/* صفحه‌ی تشکر. */
.clinic-donation__thanks { text-align: center; }
.clinic-donation__check {
	width: 64px; height: 64px; margin: var( --clinic-space-3 ) auto var( --clinic-space-7 );
	display: flex; align-items: center; justify-content: center;
	border-radius: 50%; font-size: 34px; font-weight: 700;
	background: var( --clinic-success, #22A06B );
	/* متنِ تیره‌ی خودکار روی سبز (سفید روی سبز < AA؛ هم‌راستا با دکمه‌ی موفقیتِ STEP 125). */
	color: var( --clinic-btn-success-text, #1F1535 );
}
.clinic-donation__code {
	display: inline-block;
	margin: var( --clinic-space-4 ) auto;
	padding: var( --clinic-space-5 ) 22px;
	border-radius: var( --clinic-form-radius, 8px );
	background: var( --clinic-bg-light, #F3E8FF );
	color: var( --clinic-primary, #4B2E83 );
	font-weight: 800;
	font-size: 22px;
	letter-spacing: 2px;
	font-family: monospace; /* عمدی: تراز/خوانایی کدِ رهگیری. */
}

/* --------------------------------------------------------------------
 * نمای پیشخوانِ داده (زیرمنوی مالی) — STEP 121. همه از توکنِ پالت.
 * -------------------------------------------------------------------- */
.clinic-donation-admin__kpis {
	display: grid;
	/* STEP 132: minmax کوچک‌تر تا هر ۵ کارت در دسکتاپ یک‌ردیفه و هم‌عرض بمانند. */
	grid-template-columns: repeat( auto-fit, minmax( 150px, 1fr ) );
	gap: var( --clinic-space-6 );
	margin: var( --clinic-space-7 ) 0;
}
.clinic-donation-admin__kpi {
	display: flex;
	flex-direction: column;
	gap: var( --clinic-space-3 );
	padding: var( --clinic-space-8 ) var( --clinic-space-9 );
	border-inline-start: 4px solid var( --clinic-primary, #4B2E83 );
}
/* STEP 132: دکمه‌ی شبحِ <a> در toolbar بدونِ box-sizing به ۶۲px می‌رسد (height:40 + padding با
 * content-box) و با <button>ِ ۴۰px ناهم‌تراز می‌شود ⇒ border-box تا هر دو دقیقاً ۴۰px و هم‌تراز. */
.clinic-donation-admin .clinic-list-head__toolbar .clinic-btn { box-sizing: border-box; }
.clinic-donation-admin__klabel { color: var( --clinic-text-muted, #6b7280 ); font-size: 13px; }
.clinic-donation-admin__kvalue { color: var( --clinic-text, #2B2240 ); font-size: 22px; font-weight: 800; }
.clinic-donation-admin__kvalue small { font-size: 12px; font-weight: 600; color: var( --clinic-text-muted, #6b7280 ); }

/* جدولِ کلید-مقدارِ جزئیات. */
.clinic-table--kv th { width: 38%; color: var( --clinic-text-muted, #6b7280 ); font-weight: 600; text-align: start; }
.clinic-table--kv td { color: var( --clinic-text, #2B2240 ); }
.clinic-card__subtitle { color: var( --clinic-primary, #4B2E83 ); font-size: 15px; font-weight: 700; margin: var( --clinic-space-8 ) 0 var( --clinic-space-4 ); }

/* جعبه‌ی متنِ خامِ هدف — هرگز حذف نمی‌شود؛ خوانا روی تینتِ روشن. */
.clinic-donation__rawbox {
	padding: var( --clinic-space-6 ) var( --clinic-space-7 );
	border-radius: var( --clinic-form-radius, 8px );
	background: var( --clinic-bg-light, #F3E8FF );
	color: var( --clinic-text, #2B2240 );
	white-space: pre-wrap;
	word-break: break-word;
	line-height: 1.9;
}

/* --------------------------------------------------------------------
 * STEP 145 — صفحه‌ی جزئیاتِ کمک: لیبلِ فارسی (بزرگ) + کلیدِ خامِ کوچکِ کم‌رنگ زیرش.
 * همه از توکنِ پالت؛ کنتراست ≥ ۴٫۵:۱ (متن=--clinic-text، کلید=--clinic-text-muted روی سفید).
 * -------------------------------------------------------------------- */
.clinic-donation-detail .clinic-card__title { margin-top: 0; }
.clinic-donation__rawkv th { vertical-align: top; }
.clinic-donation__rawlabel {
	display: block;
	color: var( --clinic-text, #2B2240 );
	font-weight: 700;
	font-size: 14px;
	line-height: 1.6;
}
.clinic-donation__rawkey {
	display: block;
	margin-top: var( --clinic-space-1 );
	color: var( --clinic-text-muted, #6b7280 );
	font-size: 11px;
	font-weight: 400;
	letter-spacing: .3px;
	font-family: monospace; /* عمدی: کلیدِ خامِ لاتین برای مرجع/دیباگ. */
}
.clinic-donation__rawkv td { color: var( --clinic-text, #2B2240 ); word-break: break-word; }

/* جزئیاتِ کمک — موبایل: بدونِ اسکرولِ افقی + ردیف‌های label/value مرتب. media-scoped (تله‌ی STEP 125). */
@media ( max-width: 768px ) {
	/* خنثی‌کردنِ min-width:560px ـِ STEP 110 روی جدولِ کلید-مقدار (مشخصه‌ی 0,3,0 > قاعده‌ی پایه‌ی 0,2,0). */
	.clinic-card > .clinic-table.clinic-table--kv { min-width: 0; }
	.clinic-donation-detail .clinic-table--kv th { width: 44%; }
}

/* STEP 132: جدولِ کمک‌ها — دسکتاپ جدولِ کامل، موبایل کارتِ لیبل‌محور (نه اسکرولِ افقی). */
@media ( max-width: 768px ) {
	/* KPI و فیلترها تک‌ستونه در موبایل (طبقِ اسپک). */
	.clinic-donation-admin__kpis { grid-template-columns: 1fr; }
	.clinic-donation-table thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect( 0 0 0 0 ); white-space: nowrap; }
	/* خنثی‌کردنِ min-width:560px ـِ STEP 110 (مشخصه‌ی بالاتر) + box-sizing تا سرریزِ RTL نشود. */
	.clinic-card > .clinic-donation-table.clinic-table { min-width: 0; }
	.clinic-donation-table,
	.clinic-donation-table tbody,
	.clinic-donation-table tr,
	.clinic-donation-table td { display: block; width: 100%; min-width: 0; box-sizing: border-box; }
	.clinic-donation-table tr {
		border: 1px solid var( --clinic-border, #E5E0F0 );
		border-radius: var( --clinic-border-radius, 14px );
		margin-bottom: var( --clinic-space-6 );
		padding: var( --clinic-space-3 ) var( --clinic-space-6 );
		background: var( --clinic-surface, #fff );
	}
	.clinic-donation-table td {
		display: flex;
		justify-content: space-between;
		align-items: center;
		gap: var( --clinic-space-6 );
		border: none;
		padding: var( --clinic-space-4 ) 0;
		text-align: start;
	}
	.clinic-donation-table td::before {
		content: attr( data-label );
		font-weight: 600;
		color: var( --clinic-text-muted, #6b7280 );
		flex: 0 0 auto;
	}
	/* ردیفِ بدونِ لیبل (دکمه‌ی جزئیات) — وسط‌چین. */
	.clinic-donation-table td[data-label=""] { justify-content: center; }
}


/* STEP 143 — ویرایشگرِ متن/ترتیبِ فیلدهای اصلیِ فرم در صفحه‌ی تنظیمات. همه از توکنِ پالت. */
.clinic-donation__subtitle { color: var( --clinic-primary, #4B2E83 ); font-weight: 700; font-size: 16px; margin: var( --clinic-space-9 ) 0 var( --clinic-space-2 ); }
.clinic-donation__corehdr { margin-top: var( --clinic-space-5 ); }
.clinic-donation__coreblock {
	border: 1px solid var( --clinic-border, #E5E0F0 );
	border-radius: var( --clinic-border-radius, 14px );
	padding: var( --clinic-space-6 ) var( --clinic-space-7 );
	margin: 0 0 var( --clinic-space-7 );
	background: var( --clinic-surface, #fff );
}
.clinic-donation__coreblock-head {
	display: flex; align-items: center; justify-content: space-between;
	flex-wrap: wrap; gap: var( --clinic-space-5 );
	margin-bottom: var( --clinic-space-5 ); padding-bottom: var( --clinic-space-4 );
	border-bottom: 1px solid var( --clinic-border, #E5E0F0 );
}
.clinic-donation__coreblock-title { color: var( --clinic-text, #2B2240 ); font-weight: 700; font-size: 14px; }
.clinic-donation__ordlbl { display: inline-flex; align-items: center; gap: var( --clinic-space-3 ); color: var( --clinic-text-muted, #6b7280 ); font-size: 13px; white-space: nowrap; }
.clinic-donation__ord { width: 72px; text-align: center; box-sizing: border-box; }

/* ════════════════════════════════════════════════════════════════════════════
 * STEP 155 — لایه‌بندیِ بُعدیِ ماژولِ کمک‌های مردمی. عمق از مقیاسِ مرکزیِ colors-v2.
 * (clinic-donation__card/detail و chipِ مبلغ از clinic-card/clinic-chip ارث می‌برند.)
 * ──────────────────────────────────────────────────────────────────────────── */
:root { --clinic-tr-elev: box-shadow .28s cubic-bezier(.4,0,.2,1), transform .28s cubic-bezier(.4,0,.2,1), border-color .28s ease; }

.clinic-donation-admin__kpi {
	box-shadow: var(--clinic-elev-rest, var(--clinic-shadow-sm));
	transition: var(--clinic-tr-elev);
}
.clinic-donation-admin__kpi:hover {
	box-shadow: var(--clinic-elev-hover, var(--clinic-shadow-lg));
	transform: translateY(var(--clinic-lift-sm, -2px));
}
.clinic-donation__coreblock {
	box-shadow: var(--clinic-elev-flat, var(--clinic-shadow-xs));
}
.clinic-donation__notice {
	box-shadow: var(--clinic-elev-flat, var(--clinic-shadow-xs));
}
/* چیپِ مبلغِ انتخاب‌شده — برجسته (هم‌رفتارِ چیپِ فعال) */
.clinic-donation__amt.is-active {
	box-shadow: var(--clinic-elev-rest, var(--clinic-shadow-md));
}