/* استایل صفحه‌ی مدیریت افزونه‌ی اقساط — کارت‌ها/دکمه‌ها/فیلدها الان از کلاس‌های خودِ
   لیت‌پوینت (white-box، latepoint-btn، os-form-group، os-table) استفاده می‌کنن، این فایل
   فقط چیزهایی که معادل بومی ندارن رو استایل می‌ده. */
.lpip-wrap { direction: rtl; text-align: right; }
.lpip-back-link { display: inline-block; margin: 10px 0 16px; text-decoration: none; }
.lpip-plan-summary h2 { margin-top: 0; }
.lpip-box-header-row { display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; margin-bottom: 10px; }
.lpip-box-header-row h2 { margin: 0; }
.lpip-box-header-row .lpip-inline-form { margin-top: 0; }

.lpip-kv-table { width: 100%; border-collapse: collapse; }
.lpip-kv-table th { width: 180px; text-align: right; padding: 8px 10px 8px 0; vertical-align: top; color: #666; font-weight: 500; }
.lpip-kv-table td { padding: 8px 0; }

.lpip-badge { display: inline-block; padding: 3px 12px; border-radius: 999px; font-size: 12px; line-height: 1.6; }
.lpip-badge-active, .lpip-badge-pending { background: #fff8e5; color: #996800; }
.lpip-badge-completed, .lpip-badge-paid { background: #e6f6e9; color: #1a7f37; }
.lpip-badge-cancelled { background: #fde7e9; color: #b3261e; }
.lpip-badge-overdue { background: #fde7e9; color: #b3261e; }
.lpip-overdue-count { color: #d63638; font-weight: 700; font-size: 12px; }

.lpip-pagination-controls { display: flex; justify-content: space-between; align-items: center; margin-top: 14px; flex-wrap: wrap; gap: 10px; }
.lpip-per-page-form select { margin-right: 6px; margin-left: 6px; }
.lpip-page-nav { display: flex; align-items: center; gap: 10px; }
.lpip-page-indicator { font-size: 13px; color: #555; }

.lpip-pay-link-cell { display: flex; gap: 6px; align-items: center; }
.lpip-pay-link-input { width: 220px; direction: ltr; font-size: 11px; }

.lpip-preview-table input.lpip-cell-input,
.lpip-preview-table select.lpip-cell-input,
.os-table input.lpip-cell-input,
.os-table select.lpip-cell-input { width: 100%; min-width: 90px; }
.lpip-total-check { font-weight: 600; margin: 16px 0; }
.lpip-step-actions { display: flex; gap: 10px; align-items: center; margin-top: 20px; }
.lpip-inline-form { display: inline-block; margin-top: 10px; }
.lpip-contract-actions { display: flex; gap: 10px; margin: 16px 0; }
.lpip-settlement-table-row { background: #f3f8ff; }

/* برچسب «در حال پردازش» (Processing) سفارش‌های اقساطی در لیست پرداخت‌های لیت‌پوینت —
   لیت‌پوینت خودش رنگی برای این وضعیت تعریف نکرده (پیش‌فرض خاکستری می‌افته)، این‌جا همون
   آبی روشنی که برای وضعیت "open" استفاده می‌کنه رو به "processing" هم می‌دیم. */
.lp-order-status.lp-order-status-processing {
	background-color: #d1e8ff;
	border-color: #2382ed;
	color: #0143a6;
}

/* پنل مشتری (front-end) — پاپ‌آپ فهرست اقساط یک قرارداد (تزریق‌شده روی کارت سفارش) */
.lpip-modal-overlay {
	display: none;
	position: fixed; inset: 0; z-index: 100000;
	background: rgba(20, 20, 20, .55);
	align-items: center; justify-content: center;
	padding: 20px;
}
.lpip-modal-overlay.lpip-modal-open { display: flex; }
.lpip-modal-box {
	background: #fff; border-radius: 12px; width: 100%; max-width: 520px;
	max-height: 85vh; overflow-y: auto; direction: rtl; text-align: right;
	box-shadow: 0 10px 40px rgba(0,0,0,.2);
}
.lpip-modal-header {
	display: flex; align-items: center; justify-content: space-between;
	padding: 16px 20px; border-bottom: 1px solid #eee; position: sticky; top: 0; background: #fff;
}
.lpip-modal-title { font-weight: 700; font-size: 16px; }
.lpip-modal-close {
	background: none; border: none; font-size: 22px; line-height: 1; cursor: pointer; color: #666;
	padding: 4px 8px;
}
.lpip-modal-close:hover { color: #000; }
.lpip-modal-body { padding: 14px 20px 20px; display: flex; flex-direction: column; gap: 10px; }

.lpip-customer-installment-row {
	display: flex; justify-content: space-between; align-items: center; gap: 16px;
	border: 1px solid #e2e2e2; border-radius: 8px; padding: 12px 16px;
}
.lpip-customer-installment-row.lpip-status-overdue { border-color: #f3b4b4; background: #fff7f7; }
.lpip-customer-installment-row.lpip-settlement-row { border-color: #2382ed; background: #f3f8ff; }
.lpip-ci-main { display: flex; flex-direction: column; gap: 4px; }
.lpip-ci-title { font-weight: 600; }
.lpip-ci-amount { font-size: 15px; }
.lpip-ci-due { font-size: 12px; color: #757575; }
.lpip-ci-status { display: flex; align-items: center; gap: 8px; flex-shrink: 0; }

/* برچسب وضعیت هر قسط (پرداخت‌شده/سررسید گذشته/لغو‌شده) — فاصله و اندازه‌ی یکسان */
.lpip-ci-badge {
	display: inline-flex; align-items: center; justify-content: center;
	padding: 4px 12px; border-radius: 999px; font-size: 12px; line-height: 1.6; white-space: nowrap;
}
.lpip-ci-badge-paid { background: #e6f6e9; color: #1a7f37; }
.lpip-ci-badge-overdue { background: #fde7e9; color: #b3261e; }
.lpip-ci-badge-cancelled { background: #ececec; color: #666; }

/* دکمه‌ی «پرداخت این قسط» / «پرداخت کامل» — متن باید سفید و خوانا باشه روی زمینه‌ی رنگی latepoint-btn */
.lpip-ci-pay-btn,
.lpip-ci-pay-btn:visited,
.lpip-ci-pay-btn:hover,
.lpip-ci-pay-btn:focus {
	color: #fff !important;
	white-space: nowrap;
}