/* ============================================================
 * custom.css — استایل‌های سفارشیِ **دائمیِ** کاربر (طاها خیراندیش | kookeno.com)
 *
 * ⚠️ این فایل «لایه‌ی سفارشیِ کاربر» است و **آخر از همه** بار می‌شود (در inject()،
 * وابسته به آخرین هندلِ v2) تا همیشه برنده‌ی cascade باشد و در بازآراییِ CSS حذف نشود.
 * قواعدِ اینجا تصمیمِ طراحیِ کاربرند؛ در refactorهای بعدی **دست‌نخورده** بمانند.
 *
 * نکته‌ی رنگ: هگزِ خامِ روی متنِ کاربر (`#fff`) به `var(--clinic-on-primary,#fff)` تبدیل شد
 * (هم‌مقدار = #FFFFFF ⇒ ظاهرِ یکسان، ولی توکن‌محور و سازگار با قانونِ رنگ). مقادیرِ چیدمانی
 * (padding/margin/border-radius/width) دقیقاً طبقِ خواستِ کاربر حفظ شده‌اند.
 *
 * @package Clinic_Manager
 * @since STEP H1
 * ============================================================ */

/* ── فونتِ سرتیترها (ارث از خانواده‌ی تم) ── */
.rtl h1, .rtl h2, .rtl h3, .rtl h4, .rtl h5, .rtl h6 { font-family: inherit !important; }

/* ── تقویمِ شمسی (persian-datepicker) — سفارشیِ کاربر ── */
.datepicker-plot-area .navigator, .datepicker-plot-area .toolbox { background: var(--clinic-bg, #fff) !important; }
.datepicker-plot-area .datepicker-day-view .table-days td.selected span { color: var(--clinic-on-primary, #fff) !important; border-radius: 5px !important; }
.datepicker-plot-area .toolbox .pwt-btn-submit, .datepicker-plot-area .toolbox .pwt-btn-calendar { padding: 0 5px !important; }
.datepicker-plot-area { border-radius: 8px !important; }

/* ── نشان‌ها و اقدامِ سریع ── */
.clinic-badge { margin: 3px 3px !important; }
.clinic-quick-actions-grid .clinic-btn--pill {
	text-align: center; font-size: 13px; padding: 8px 6px; border-radius: var(--clinic-radius-pill);
	background: var(--clinic-btn-primary-bg, var(--clinic-primary, #4B2E83));
	color: var(--clinic-btn-primary-text, #fff); box-shadow: var(--clinic-shadow-md);
}

/* ── مودالِ وسط‌چینِ ثابت ── */
.clinic-modal__box {
	position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 9999;
	width: calc(100% - 32px); max-width: 480px; max-height: calc(100vh - 32px); overflow-y: auto;
	box-sizing: border-box; background: var(--clinic-bg, #FFFFFF); border-radius: var(--clinic-radius, 15px);
	box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
}

/* ── نوارِ تب‌ها (کارت‌مانند) ── */
.clinic-tabs__nav { position: static; top: 32px; z-index: 20; background: #fffffff5; padding: 25px; border-radius: 20px; }

/* ── متنِ روشن روی حالت‌های برندِ فعال (ضدِّ قاعده‌ی سراسریِ لینک) ── */
.clinic-atab.is-on { background: var(--clinic-primary, #4B2E83); color: var(--clinic-on-primary, #fff) !important; border-color: var(--clinic-primary, #4B2E83); }
.clinic-chip.is-active { background: var(--clinic-primary) !important; color: var(--clinic-on-primary, #fff) !important; border-color: var(--clinic-primary); }
.clinic-chip-link.is-on { background: var(--clinic-primary, #4B2E83) !important; color: var(--clinic-on-primary, #fff) !important; border-color: var(--clinic-primary, #4B2E83) !important; }
.clinic-p24-tab.is-on { color: var(--clinic-on-primary, #FFFFFF) !important; }
.clinic-p24-tab:hover { color: var(--clinic-on-primary, #FFFFFF) !important; }
.clinic-cloud-tab.is-on, .clinic-cloud-tab:hover { color: var(--clinic-on-primary, #FFFFFF) !important; }

/* ── جدول/فیلد فشرده ── */
.clinic-table td { padding: 3px 10px; }
.clinic-input, .clinic-select, .clinic-textarea { margin-bottom: 5px !important; }
.clinic-bulkbar select { padding: 0 10px 0 30px !important; }
/* نوارِ عملیاتِ دسته‌جمعیِ کورال (خواستِ کاربر) + متنِ تیره‌ی خوانا رویش (کنتراست ≥۴٫۵ روی کورال). */
.clinic-bulkbar { background: var(--clinic-warning, #d98282) !important; color: var(--clinic-on-danger, #1F1535) !important; }
.clinic-bulkbar label, .clinic-bulkbar__count { color: var(--clinic-on-danger, #1F1535) !important; }

/* ── پرونده‌ی جامع (pcrm) ── */
.pcrm-sidenav__item.is-on { color: var(--clinic-on-primary, #fff) !important; border-radius: 10px !important; }
.pcrm-layout .pcard-visit { box-shadow: none !important; }
.pcrm-single-grid > * { width: 95% !important; }
.pcrm-sidenav__cta { color: var(--clinic-btn-success-text, #1F1535) !important; }

/* ── تقویمِ نوبت‌ها (agenda) ── */
.clinic-wrap.clinic-agenda { max-width: 98% !important; width: 98% !important; margin-inline: auto; }
.agenda-week__cell.has-appt { padding: 20px !important; }

/* ── ریسپانسیو (سفارشیِ کاربر) ── */
@media (max-width: 880px) {
	.clinic-portal__sidebar { max-height: 100vh; min-height: 100vh; }
}
@media screen and (max-width: 782px) {
	.patients-search { flex: 1 1 20px !important; }
	.clinic-wrap .clinic-btn { min-height: 20px !important; }
	.agenda-wm-card.has-appt { display: flex !important; }
	.clinic-list-head__toolbar .clinic-btn { height: auto !important; }
	.patients-stats { grid-template-columns: 1fr 1fr 1fr 1fr !important; }
	.clinic-atab { padding: 8px 10px !important; }
}
@media (max-width: 600px) {
	.clinic-filterbar { align-items: stretch !important; }
	.clinic-cards--8 { grid-template-columns: 1fr 1fr !important; }
	.clinic-dashboard-search { flex-wrap: nowrap !important; }
	.clinic-global-search-wrap { margin-inline-start: 0 !important; margin: 5px 5px !important; }
	.clinic-dashboard-header { gap: var(--spacing-4, 6px) !important; }
	.clinic-wrap input[type="search"].clinic-input, .clinic-wrap .clinic-search-main, .clinic-wrap .clinic-search-input, .clinic-wrap .clinic-search-form .clinic-input { min-width: auto !important; }
	.kpi-cell__ico { padding: 0px 0px 10px 0px !important; }
}
@media (min-width: 600px) {
	.clinic-kpi-row { grid-template-columns: 1fr 1fr 1fr 1fr !important; }
}