/**
 * پشتیبانی رسپانسیو سامانه مدیریت مطب.
 *
 * نقطه‌ی شکست اصلی: ۹۰۰px (تبلت/موبایل → تک‌ستونه).
 * این فایل پس از admin.css بارگذاری می‌شود و فقط رفتار واکنش‌گرا را می‌افزاید؛
 * هیچ مقدار رنگ/فونت هاردکدی ندارد (همه از متغیرهای CSS سیستم طراحی).
 *
 * @package Clinic_Manager
 */

/* جداول: اسکرول افقی به‌جای شکستن چیدمان (روی همه‌ی اندازه‌ها امن است). */
.clinic-table {
	display: table;
}

@media (max-width: 900px) {

	/* چیدمان کلی: عرض کامل. */
	.clinic-wrap {
		max-width: 100%;
	}

	/* گریدهای دوستونه → تک‌ستونه. */
	.clinic-grid--2col,
	.clinic-cards,
	.clinic-caps-grid,
	.clinic-ds-layout {
		grid-template-columns: 1fr !important;
	}

	/* فرم‌ها: ورودی‌ها تمام‌عرض (حذف سقف ۳۶۰px). */
	.clinic-input,
	.clinic-select {
		max-width: 100%;
	}

	/* فرم‌های درون‌خطی → عمودی و تمام‌عرض. */
	.clinic-form--inline {
		flex-direction: column;
		align-items: stretch;
	}

	.clinic-form--inline .clinic-input,
	.clinic-form--inline .clinic-select,
	.clinic-form--inline .clinic-jdate {
		max-width: 100%;
	}

	/* جداول: اسکرول افقی درون کارت به‌جای شکستن چیدمان. */
	.clinic-table-wrap,
	.clinic-matrix-scroll,
	.clinic-card {
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}

	.clinic-table {
		min-width: 560px;
	}

	/* تقویم/picker شمسی: تمام‌عرض. */
	.clinic-jdate,
	.clinic-jalali-popup {
		width: 100% !important;
		max-width: 100%;
	}

	.clinic-jalali-popup {
		left: 0 !important;
		right: 0 !important;
	}

	/* تب‌های تنظیمات: قابل اسکرول افقی به‌جای شکستن. */
	.clinic-tabs__nav {
		flex-wrap: nowrap;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}

	.clinic-tab {
		white-space: nowrap;
		flex: 0 0 auto;
	}

	/* فاصله و فونت کمی بزرگ‌تر برای لمس راحت‌تر. */
	.clinic-card {
		padding: var(--clinic-spacing-md);
	}

	.clinic-btn {
		padding: var(--clinic-spacing-sm) var(--clinic-spacing-lg);
		font-size: 15px;
	}

	.clinic-stats {
		grid-template-columns: 1fr 1fr;
	}

	/* چت: حباب‌ها پهن‌تر در موبایل. */
	.clinic-chat__bubble {
		max-width: 90%;
	}

	/* نمودارها: ارتفاع متناسب. */
	.clinic-chart-donut {
		justify-content: center;
	}
}

@media (max-width: 560px) {

	/* موبایل کوچک: شاخص‌ها تک‌ستونه. */
	.clinic-stats {
		grid-template-columns: 1fr;
	}

	.clinic-title {
		font-size: 20px;
	}

	/* عنوان + دکمه‌ی کنارش زیر هم. */
	.clinic-title .clinic-btn {
		display: block;
		margin-top: var(--clinic-spacing-sm);
	}
}