/* ============================================================
   CPTT Marketer — v9.11.21
   استایل صفحه‌ی «بازاریابان» در پیشخوان (cptt-mk) و
   پنل کاربری بازاریاب در فرانت (cptt-mkp)
   ============================================================ */

/* ═══════════════════════
   مشترک
   ═══════════════════════ */
.cptt-mk, .cptt-mkp{ --mkp-primary:#4f46e5; --mkp-primary-2:#7c3aed; --mkp-ink:#0f172a; --mkp-muted:#64748b; --mkp-line:#e2e8f0; --mkp-bg:#f1f5f9; }
.cptt-mk *, .cptt-mkp *{ box-sizing:border-box; }
.cptt-mk .cptt-mk-btn, .cptt-mkp .cptt-mkp-btn{ font:inherit; }

/* v9.11.22 — فونت تعیین‌شده‌ی افزونه (تنظیمات → فونت) برای پنل و پیشخوان بازاریاب.
   اولویت با متغیر --cptt-font-main است که افزونه در تنظیمات تزریق می‌کند. */
.cptt-mk, .cptt-mkp,
body.cptt-marketer-panel-page{
	font-family: var(--cptt-font-main, 'Dana', 'IranSans', 'Vazirmatn', Tahoma, sans-serif) !important;
}
.cptt-mk input, .cptt-mk select, .cptt-mk textarea, .cptt-mk button,
.cptt-mkp input, .cptt-mkp select, .cptt-mkp textarea, .cptt-mkp button{
	font-family: inherit !important;
}

/* v9.11.22 — رفع «بلور»: المان‌های مودال/توست که با ویژگی hidden مخفی می‌شوند
   نباید هیچ‌وقت نمایش داده شوند (قبلاً display:flex روی کلاس، hidden را بی‌اثر
   می‌کرد و لایه‌ی تیره‌ی blur روی کل صفحه می‌نشست). */
.cptt-mk [hidden], .cptt-mkp [hidden], body.cptt-marketer-panel-page [hidden]{ display:none !important; }

/* ═══════════════════════
   پیشخوان — اسکلت
   ═══════════════════════ */
.cptt-mk{ max-width:1280px; }
.cptt-mk-head{ display:flex; align-items:flex-end; justify-content:space-between; gap:16px; margin:6px 0 18px; flex-wrap:wrap; }
.cptt-mk-head h1{ margin:0 0 6px; font-size:22px; font-weight:800; color:var(--mkp-ink); }
.cptt-mk-head p{ margin:0; color:var(--mkp-muted); font-size:13px; }

.cptt-mk-tabs{ display:flex; gap:6px; flex-wrap:wrap; background:#fff; border:1px solid var(--mkp-line); border-radius:14px; padding:6px; margin-bottom:16px; box-shadow:0 2px 8px rgba(15,23,42,.04); }
.cptt-mk-tab{ display:inline-block; padding:9px 16px; border-radius:10px; font-size:13.5px; font-weight:700; color:#475569; text-decoration:none; border:1px solid transparent; transition:.15s; }
.cptt-mk-tab:hover{ background:#f8fafc; color:var(--mkp-primary); }
.cptt-mk-tab.is-active{ background:linear-gradient(135deg,var(--mkp-primary),var(--mkp-primary-2)); color:#fff; box-shadow:0 4px 12px rgba(79,70,229,.35); }

/* کارت‌ها */
.cptt-mk-card{ background:#fff; border:1px solid var(--mkp-line); border-radius:16px; padding:18px 20px; box-shadow:0 4px 14px rgba(15,23,42,.05); }
.cptt-mk-card__head{ display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:14px; flex-wrap:wrap; }
.cptt-mk-card__head h2{ margin:0; font-size:16px; font-weight:800; color:var(--mkp-ink); }
.cptt-mk-count{ font-size:12.5px; font-weight:700; color:var(--mkp-primary); background:rgba(79,70,229,.08); border:1px solid rgba(79,70,229,.2); padding:4px 10px; border-radius:999px; }
.cptt-mk-hint{ font-size:12.5px; color:var(--mkp-muted); margin:6px 0 14px; line-height:1.9; }
.cptt-mk-empty{ text-align:center; color:#94a3b8; padding:34px 12px; font-size:13.5px; border:1.5px dashed #dbe3ee; border-radius:12px; margin-top:8px; }

/* دکمه‌ها */
.cptt-mk-btn{ display:inline-flex; align-items:center; justify-content:center; gap:5px; background:#f1f5f9; color:#334155; border:1px solid #e2e8f0; border-radius:10px; padding:8px 15px; font-size:13px; font-weight:700; cursor:pointer; text-decoration:none; transition:.15s; line-height:1.6; }
.cptt-mk-btn:hover{ background:#e2e8f0; }
.cptt-mk-btn--primary{ background:linear-gradient(135deg,var(--mkp-primary),var(--mkp-primary-2)); color:#fff; border:none; box-shadow:0 4px 12px rgba(79,70,229,.3); }
.cptt-mk-btn--primary:hover{ filter:brightness(1.08); background:linear-gradient(135deg,var(--mkp-primary),var(--mkp-primary-2)); }
.cptt-mk-btn--ghost{ background:#fff; }
.cptt-mk-btn--danger{ background:#fef2f2; color:#b91c1c; border-color:#fecaca; }
.cptt-mk-btn--danger:hover{ background:#fee2e2; }
.cptt-mk-btn--sm{ padding:4px 10px; font-size:12px; border-radius:8px; }
.cptt-mk-btn:disabled{ opacity:.55; cursor:not-allowed; }

/* ورودی‌ها */
.cptt-mk-input{ width:auto; background:#fff; border:1.5px solid #e2e8f0; border-radius:10px; padding:8px 12px; font-size:13.5px; color:var(--mkp-ink); font-family:inherit; }
.cptt-mk-input:focus{ outline:none; border-color:var(--mkp-primary); box-shadow:0 0 0 3px rgba(79,70,229,.15); }
.cptt-mk-input[type="search"]{ min-width:220px; }

/* فیلترها */
.cptt-mk-filters{ display:flex; gap:8px; flex-wrap:wrap; margin-bottom:14px; }
.cptt-mk-filters select{ min-width:170px; }

/* جدول */
.cptt-mk-table-wrap{ overflow-x:auto; border:1px solid var(--mkp-line); border-radius:12px; }
.cptt-mk-table{ width:100%; border-collapse:collapse; font-size:13px; min-width:820px; }
.cptt-mk-table th{ background:#f8fafc; color:#475569; font-size:12px; font-weight:800; text-align:right; padding:10px 12px; border-bottom:1px solid var(--mkp-line); white-space:nowrap; }
.cptt-mk-table td{ padding:10px 12px; border-bottom:1px solid #f1f5f9; vertical-align:middle; color:#334155; }
.cptt-mk-table tbody tr:last-child td{ border-bottom:none; }
.cptt-mk-table tbody tr:hover{ background:#fafbfe; }
.cptt-mk-table--mini{ min-width:0; font-size:12.5px; }
.cptt-mk-title{ font-size:13.5px; color:var(--mkp-ink); }
.cptt-mk-sub{ font-size:11.5px; color:var(--mkp-muted); margin-top:2px; }
.cptt-mk-muted{ color:#94a3b8; font-size:12px; }
.cptt-mk-strong{ font-weight:800; color:var(--mkp-ink); }
.cptt-mk-pos{ color:#15803d; font-weight:800; }
.cptt-mk-neg{ color:#b91c1c; font-weight:800; }

/* بج وضعیت */
.cptt-mk-badge{ display:inline-block; padding:3px 10px; border-radius:999px; font-size:11.5px; font-weight:800; white-space:nowrap; }

/* صفحه‌بندی */
.cptt-mk-pager{ display:flex; gap:6px; margin-top:14px; flex-wrap:wrap; }
.cptt-mk-pager__item{ min-width:32px; height:32px; display:inline-flex; align-items:center; justify-content:center; border:1px solid var(--mkp-line); border-radius:8px; font-size:12.5px; font-weight:700; color:#475569; text-decoration:none; }
.cptt-mk-pager__item.is-active{ background:var(--mkp-primary); color:#fff; border-color:var(--mkp-primary); }

/* ═══════════════════════
   پیشخوان — مودال جزئیات درخواست
   ═══════════════════════ */
.cptt-mk-modal-root{ position:fixed; inset:0; background:rgba(15,23,42,.55); backdrop-filter:blur(3px); z-index:99990; display:flex; align-items:flex-start; justify-content:center; padding:4vh 14px; overflow-y:auto; }
.cptt-mk-modal{ background:#fff; border-radius:18px; width:100%; max-width:860px; box-shadow:0 24px 60px rgba(15,23,42,.35); overflow:hidden; animation:mkpPop .18s ease-out; }
@keyframes mkpPop{ from{ transform:translateY(14px) scale(.985); opacity:.4; } to{ transform:none; opacity:1; } }
.cptt-mk-modal-loading{ background:#fff; border-radius:14px; padding:30px; color:var(--mkp-muted); font-weight:700; }
.cptt-mk-modal__head{ display:flex; align-items:flex-start; justify-content:space-between; gap:12px; padding:18px 22px; background:linear-gradient(135deg,#eef2ff,#faf5ff); border-bottom:1px solid var(--mkp-line); }
.cptt-mk-modal__head h3{ margin:0 0 4px; font-size:17px; font-weight:800; color:var(--mkp-ink); }
.cptt-mk-modal__body{ padding:18px 22px; max-height:64vh; overflow-y:auto; }
.cptt-mk-modal__foot{ display:flex; justify-content:space-between; gap:10px; padding:14px 22px; border-top:1px solid var(--mkp-line); background:#fafbfe; }

.cptt-mk-sec{ margin-bottom:20px; padding-bottom:18px; border-bottom:1px dashed #e5eaf2; }
.cptt-mk-sec:last-child{ border-bottom:none; margin-bottom:0; padding-bottom:0; }
.cptt-mk-sec h4{ margin:0 0 12px; font-size:14px; font-weight:800; color:var(--mkp-ink); }

.cptt-mk-grid{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px 14px; margin-bottom:12px; }
.cptt-mk-field{ display:flex; flex-direction:column; gap:5px; }
.cptt-mk-field span{ font-size:12px; font-weight:700; color:#475569; }
.cptt-mk-field span em{ color:#ef4444; font-style:normal; }
.cptt-mk-field .cptt-mk-input{ width:100%; }
.cptt-mk-row{ display:flex; gap:10px; align-items:center; flex-wrap:wrap; }

.cptt-mk-fin-row{ display:flex; gap:10px; align-items:flex-end; flex-wrap:wrap; }
.cptt-mk-fin-kpis{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin-top:14px; }
.cptt-mk-fin-kpi{ background:#f8fafc; border:1px solid var(--mkp-line); border-radius:12px; padding:10px 14px; display:flex; flex-direction:column; gap:3px; }
.cptt-mk-fin-kpi span{ font-size:11.5px; color:var(--mkp-muted); font-weight:700; }
.cptt-mk-fin-kpi strong{ font-size:16px; color:var(--mkp-ink); font-weight:900; }
.cptt-mk-fin-kpi.is-pos strong{ color:#15803d; }
.cptt-mk-fin-kpi.is-neg strong{ color:#b91c1c; }

.cptt-mk-timeline{ margin-top:12px; display:flex; flex-direction:column; gap:0; }
.cptt-mk-timeline__item{ position:relative; padding:0 22px 14px 0; }
.cptt-mk-timeline__item::before{ content:''; position:absolute; right:5px; top:12px; bottom:-2px; width:2px; background:#e2e8f0; }
.cptt-mk-timeline__item:last-child::before{ display:none; }
.cptt-mk-timeline__dot{ position:absolute; right:0; top:4px; width:12px; height:12px; border-radius:50%; background:var(--mkp-primary); border:2.5px solid #fff; box-shadow:0 0 0 2px rgba(79,70,229,.25); }
.cptt-mk-timeline__item div{ font-size:12.5px; color:#334155; }
.cptt-mk-timeline__item small{ color:#94a3b8; }

.cptt-mk-inline-msg{ background:#f0fdf4; border:1px solid #bbf7d0; color:#166534; border-radius:10px; padding:10px 14px; font-size:13px; display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.cptt-mk-inline-msg.is-ok{ background:#f0fdf4; border-color:#bbf7d0; color:#166534; }
.cptt-mk-inline-msg a{ margin-right:auto; }

.cptt-mk-chk{ display:inline-flex; align-items:center; gap:5px; font-size:12.5px; color:#475569; font-weight:600; cursor:pointer; }
.cptt-mk-chk input{ accent-color:var(--mkp-primary); }
.cptt-mk-exp-list{ display:flex; gap:6px 14px; flex-wrap:wrap; }

/* ═══════════════════════
   پیشخوان — بازاریابان
   ═══════════════════════ */
.cptt-mk-addbox{ background:#f8fafc; border:1.5px dashed #cbd5e1; border-radius:14px; padding:16px; margin-bottom:18px; }
.cptt-mk-addbox h4{ margin:0 0 10px; font-size:14px; font-weight:800; color:var(--mkp-ink); }
.cptt-mk-addmk-row{ display:grid; grid-template-columns:1.2fr 1fr 1fr 1fr auto; gap:8px; }
.cptt-mk-addmk-row .cptt-mk-input{ width:100%; }
.cptt-mk-addmk-result{ margin-top:10px; }

.cptt-mk-cards{ display:grid; grid-template-columns:repeat(auto-fill,minmax(380px,1fr)); gap:14px; }
.cptt-mk-mkcard{ border:1px solid var(--mkp-line); border-radius:14px; padding:16px; background:linear-gradient(180deg,#fff,#fafbfe); }
.cptt-mk-mkcard__top{ display:flex; align-items:center; gap:12px; margin-bottom:12px; }
.cptt-mk-mkcard__top > a{ margin-right:auto; }
.cptt-mk-avatar{ width:44px; height:44px; border-radius:12px; background:linear-gradient(135deg,var(--mkp-primary),var(--mkp-primary-2)); color:#fff; font-weight:900; font-size:19px; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.cptt-mk-mkcard__stats{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; }
.cptt-mk-mkcard__stats > div{ background:#fff; border:1px solid #eef2f7; border-radius:10px; padding:8px 10px; display:flex; flex-direction:column; gap:2px; }
.cptt-mk-mkcard__stats span{ font-size:10.5px; color:var(--mkp-muted); font-weight:700; }
.cptt-mk-mkcard__stats strong{ font-size:14px; color:var(--mkp-ink); font-weight:900; }
.cptt-mk-mkcard__stats .is-pos strong{ color:#15803d; }

/* ═══════════════════════
   پیشخوان — گزارش عملکرد
   ═══════════════════════ */
.cptt-mk-report-grid{ display:grid; gap:14px; }
.cptt-mk-reportcard{ border:1px solid var(--mkp-line); border-radius:14px; padding:16px; background:linear-gradient(180deg,#fff,#fafbfe); }
.cptt-mk-reportcard__head{ display:flex; align-items:center; gap:12px; margin-bottom:12px; }
.cptt-mk-reportcard__head .cptt-mk-count{ margin-right:auto; }
.cptt-mk-reportcard__kpis{ display:grid; grid-template-columns:repeat(auto-fit,minmax(130px,1fr)); gap:8px; margin-top:8px; }
.cptt-mk-reportkpi{ background:#fff; border:1px solid #eef2f7; border-radius:10px; padding:8px 12px; display:flex; flex-direction:column; gap:2px; }
.cptt-mk-reportkpi span{ font-size:11px; color:var(--mkp-muted); font-weight:700; }
.cptt-mk-reportkpi strong{ font-size:15px; font-weight:900; color:var(--mkp-ink); }
.cptt-mk-reportkpi.is-pos strong{ color:#15803d; }

/* ═══════════════════════
   پیشخوان — تسویه
   ═══════════════════════ */
.cptt-mk-settle-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(330px,1fr)); gap:14px; }
.cptt-mk-settlecard{ border:1px solid var(--mkp-line); border-radius:14px; padding:16px; background:linear-gradient(180deg,#fff,#fafbfe); }
.cptt-mk-settlecard__head{ display:flex; align-items:center; gap:12px; margin-bottom:12px; }
.cptt-mk-settlecard__kpis{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin-bottom:12px; }
.cptt-mk-settlecard__kpis > div{ background:#fff; border:1px solid #eef2f7; border-radius:10px; padding:8px 10px; display:flex; flex-direction:column; gap:2px; }
.cptt-mk-settlecard__kpis span{ font-size:10.5px; color:var(--mkp-muted); font-weight:700; }
.cptt-mk-settlecard__kpis strong{ font-size:13.5px; font-weight:900; color:var(--mkp-ink); }
.cptt-mk-settlecard__kpis .is-pos strong{ color:#15803d; }
.cptt-mk-settlecard .cptt-mk-input{ width:100%; }

/* ═══════════════════════
   پیشخوان — فرم‌ساز
   ═══════════════════════ */
.cptt-mk-builder{ display:flex; flex-direction:column; gap:8px; margin-bottom:12px; }
.cptt-mk-brow{ display:flex; gap:8px; align-items:center; flex-wrap:wrap; background:#f8fafc; border:1px solid #eef2f7; border-radius:12px; padding:10px; }
.cptt-mk-brow .cptt-mk-input{ flex:1; min-width:140px; }
.cptt-mk-brow .b-color{ width:42px; height:38px; padding:3px; border:1.5px solid #e2e8f0; border-radius:10px; background:#fff; cursor:pointer; }

/* توست */
.cptt-mk-toast, .cptt-mkp-toast{ position:fixed; bottom:22px; right:50%; transform:translateX(50%); z-index:999999; background:#0f172a; color:#fff; padding:11px 22px; border-radius:12px; font-size:13.5px; font-weight:700; box-shadow:0 12px 30px rgba(15,23,42,.35); max-width:88vw; }
.cptt-mk-toast.is-ok, .cptt-mkp-toast.is-ok{ background:#166534; }
.cptt-mk-toast.is-err, .cptt-mkp-toast.is-err{ background:#b91c1c; }

/* ═══════════════════════
   پنل بازاریاب (فرانت)
   ═══════════════════════ */
/* v9.11.22 — پنل تمام‌عرض: کل فضای صفحه را می‌گیرد (در صفحه‌ی مجازی بدون قالب) */
.cptt-mkp{ width:100%; max-width:none; margin:0 auto; color:var(--mkp-ink); padding:0 0 40px; }
.cptt-shell-page--marketer{ min-height:100vh; padding:16px; }
@media (min-width:1200px){ .cptt-shell-page--marketer{ padding:22px 28px; } }
.cptt-mkp-login{ text-align:center; background:#fff; border:1px solid var(--mkp-line); border-radius:18px; padding:44px 20px; margin:6vh auto; max-width:500px; box-shadow:0 8px 24px rgba(15,23,42,.06); }
.cptt-mkp-login__icon{ font-size:44px; margin-bottom:8px; }
.cptt-mkp-login h3{ margin:0 0 8px; font-size:19px; font-weight:800; }
.cptt-mkp-login p{ color:var(--mkp-muted); font-size:14px; margin:0 0 16px; }

.cptt-mkp-head{ display:flex; align-items:center; justify-content:space-between; gap:14px; background:linear-gradient(135deg,#312e81 0%,#4f46e5 55%,#7c3aed 100%); color:#fff; border-radius:20px; padding:20px 24px; box-shadow:0 12px 30px rgba(79,70,229,.35); margin-bottom:16px; flex-wrap:wrap; }
.cptt-mkp-head__user{ display:flex; align-items:center; gap:14px; }
.cptt-mkp-avatar{ width:56px; height:56px; border-radius:50%; object-fit:cover; border:3px solid rgba(255,255,255,.35); flex-shrink:0; }
.cptt-mkp-avatar--fallback{ background:rgba(255,255,255,.2); display:flex; align-items:center; justify-content:center; font-size:24px; font-weight:900; }
.cptt-mkp-head h1{ margin:0; font-size:20px; font-weight:800; }
.cptt-mkp-head p{ margin:4px 0 0; font-size:12.5px; color:rgba(255,255,255,.85); }
.cptt-mkp-logout{ background:rgba(255,255,255,.14); border:1px solid rgba(255,255,255,.3); color:#fff; padding:9px 16px; border-radius:10px; font-size:13px; font-weight:700; text-decoration:none; }
.cptt-mkp-logout:hover{ background:rgba(255,255,255,.25); }

/* KPI ها — v9.11.22: auto-fit تا در هر عرضی مرتب بچینند */
.cptt-mkp-kpis{ display:grid; grid-template-columns:repeat(auto-fit,minmax(210px,1fr)); gap:12px; margin-bottom:16px; }
.cptt-mkp-kpi{ background:#fff; border:1px solid var(--mkp-line); border-radius:16px; padding:14px 16px; display:flex; align-items:center; gap:12px; box-shadow:0 4px 14px rgba(15,23,42,.05); }
.cptt-mkp-kpi__icon{ width:44px; height:44px; border-radius:12px; background:#eef2ff; display:flex; align-items:center; justify-content:center; font-size:20px; flex-shrink:0; }
.cptt-mkp-kpi--green .cptt-mkp-kpi__icon{ background:#f0fdf4; }
.cptt-mkp-kpi--gold .cptt-mkp-kpi__icon{ background:#fffbeb; }
.cptt-mkp-kpi div{ display:flex; flex-direction:column; }
.cptt-mkp-kpi strong{ font-size:17px; font-weight:900; }
.cptt-mkp-kpi span{ font-size:11.5px; color:var(--mkp-muted); font-weight:700; }

/* تب‌ها */
.cptt-mkp-tabs{ display:flex; gap:8px; margin-bottom:16px; flex-wrap:wrap; }
.cptt-mkp-tab{ background:#fff; border:1.5px solid var(--mkp-line); color:#475569; padding:10px 18px; border-radius:12px; font-size:13.5px; font-weight:800; cursor:pointer; transition:.15s; font-family:inherit; }
.cptt-mkp-tab:hover{ border-color:#c7d2fe; color:var(--mkp-primary); }
.cptt-mkp-tab.is-active{ background:linear-gradient(135deg,var(--mkp-primary),var(--mkp-primary-2)); color:#fff; border-color:transparent; box-shadow:0 6px 16px rgba(79,70,229,.3); }
.cptt-mkp-tab__count{ display:inline-flex; align-items:center; justify-content:center; min-width:20px; height:20px; border-radius:999px; background:rgba(79,70,229,.12); color:var(--mkp-primary); font-size:11px; padding:0 6px; margin-right:4px; }
.cptt-mkp-tab.is-active .cptt-mkp-tab__count{ background:rgba(255,255,255,.25); color:#fff; }

.cptt-mkp-pane{ display:none; }
.cptt-mkp-pane.is-active{ display:block; animation:mkpFade .2s ease-out; }
@keyframes mkpFade{ from{ opacity:0; transform:translateY(6px); } to{ opacity:1; transform:none; } }

/* کارت‌ها */
.cptt-mkp-card{ background:#fff; border:1px solid var(--mkp-line); border-radius:18px; padding:20px 22px; box-shadow:0 4px 14px rgba(15,23,42,.05); }
.cptt-mkp-card__head{ margin-bottom:16px; }
.cptt-mkp-card__head h2{ margin:0 0 4px; font-size:16px; font-weight:800; }
.cptt-mkp-card__head p{ margin:0; color:var(--mkp-muted); font-size:12.5px; }
.cptt-mkp-card__head--row{ display:flex; align-items:center; justify-content:space-between; gap:10px; flex-wrap:wrap; }
.cptt-mkp-empty{ text-align:center; color:#94a3b8; padding:30px 12px; font-size:13.5px; border:1.5px dashed #dbe3ee; border-radius:12px; }

/* فرم ثبت — v9.11.22: در صفحه‌های عریض ستون‌های بیشتری می‌گیرد */
.cptt-mkp-form__grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); gap:14px 18px; }
.cptt-mkp-field{ display:flex; flex-direction:column; gap:6px; }
.cptt-mkp-field.is-full{ grid-column:1/-1; }
.cptt-mkp-field span{ font-size:12.5px; font-weight:800; color:#475569; }
.cptt-mkp-field span em{ color:#ef4444; font-style:normal; }
.cptt-mkp-field input, .cptt-mkp-field select, .cptt-mkp-field textarea{ font-family:inherit; font-size:14px; color:var(--mkp-ink); background:#fff; border:1.5px solid #dbe2ec; border-radius:11px; padding:10px 13px; width:100%; transition:.15s; }
.cptt-mkp-field input:focus, .cptt-mkp-field select:focus, .cptt-mkp-field textarea:focus{ outline:none; border-color:var(--mkp-primary); box-shadow:0 0 0 3px rgba(79,70,229,.14); }
.cptt-mkp-form__actions{ display:flex; align-items:center; gap:12px; margin-top:18px; }
.cptt-mkp-form__msg{ font-size:13px; font-weight:700; color:var(--mkp-muted); }
.cptt-mkp-form__msg.is-ok{ color:#15803d; }
.cptt-mkp-form__msg.is-err{ color:#b91c1c; }

.cptt-mkp-btn{ display:inline-flex; align-items:center; justify-content:center; gap:5px; background:#f1f5f9; color:#334155; border:1.5px solid #e2e8f0; border-radius:11px; padding:9px 18px; font-size:13.5px; font-weight:800; cursor:pointer; text-decoration:none; transition:.15s; font-family:inherit; }
.cptt-mkp-btn:hover{ background:#e2e8f0; }
.cptt-mkp-btn--primary{ background:linear-gradient(135deg,var(--mkp-primary),var(--mkp-primary-2)); color:#fff; border:none; box-shadow:0 5px 14px rgba(79,70,229,.32); }
.cptt-mkp-btn--primary:hover{ background:linear-gradient(135deg,var(--mkp-primary),var(--mkp-primary-2)); filter:brightness(1.08); }
.cptt-mkp-btn--ghost{ background:#fff; }
.cptt-mkp-btn:disabled{ opacity:.55; cursor:not-allowed; }

/* فیلتر درخواست‌ها */
.cptt-mkp-filters{ display:flex; gap:8px; flex-wrap:wrap; margin-bottom:14px; }
.cptt-mkp-filter{ background:#fff; border:1.5px solid var(--mkp-line); color:#475569; padding:7px 14px; border-radius:999px; font-size:12.5px; font-weight:700; cursor:pointer; transition:.15s; font-family:inherit; }
.cptt-mkp-filter:hover{ border-color:#c7d2fe; }
.cptt-mkp-filter.is-active{ background:var(--mkp-c,var(--mkp-primary)); color:#fff; border-color:transparent; }
.cptt-mkp-search{ font-family:inherit; border:1.5px solid var(--mkp-line); border-radius:11px; padding:9px 14px; font-size:13px; min-width:220px; }
.cptt-mkp-search:focus{ outline:none; border-color:var(--mkp-primary); box-shadow:0 0 0 3px rgba(79,70,229,.14); }

/* کارت درخواست — v9.11.22: در صفحه‌های عریض دو ستونه */
.cptt-mkp-leads{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
@media (max-width:900px){ .cptt-mkp-leads{ grid-template-columns:1fr; } }
.cptt-mkp-lead{ border:1px solid var(--mkp-line); border-radius:14px; padding:14px 16px; background:linear-gradient(180deg,#fff,#fafbfe); transition:.15s; }
.cptt-mkp-lead:hover{ border-color:#c7d2fe; box-shadow:0 6px 16px rgba(79,70,229,.08); }
.cptt-mkp-lead__top{ display:flex; align-items:flex-start; justify-content:space-between; gap:10px; }
.cptt-mkp-lead__top h3{ margin:0; font-size:14.5px; font-weight:800; }
.cptt-mkp-badge{ display:inline-block; padding:3px 11px; border-radius:999px; font-size:11.5px; font-weight:800; border:1px solid; white-space:nowrap; }
.cptt-mkp-lead__meta{ display:flex; gap:14px; flex-wrap:wrap; margin-top:7px; font-size:12px; color:var(--mkp-muted); }
.cptt-mkp-lead__foot{ display:flex; align-items:center; justify-content:space-between; gap:10px; margin-top:10px; flex-wrap:wrap; }
.cptt-mkp-lead__fin{ font-size:12.5px; color:#475569; }
.cptt-mkp-lead__fin strong{ color:var(--mkp-ink); }
.cptt-mkp-lead__fin .is-pos{ color:#15803d; }

/* مالی — v9.11.22: auto-fit برای عرض‌های مختلف */
.cptt-mkp-fin-kpis{ display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:12px; margin-bottom:16px; }
.cptt-mkp-fin-kpi{ border-radius:16px; padding:16px 18px; display:flex; flex-direction:column; gap:6px; border:1px solid var(--mkp-line); background:#fff; box-shadow:0 4px 14px rgba(15,23,42,.05); }
.cptt-mkp-fin-kpi span{ font-size:12px; font-weight:800; color:#475569; }
.cptt-mkp-fin-kpi strong{ font-size:19px; font-weight:900; }
.cptt-mkp-fin-kpi small{ font-size:11px; font-weight:600; color:var(--mkp-muted); }
.cptt-mkp-fin-kpi--earn{ background:linear-gradient(135deg,#eef2ff,#fff); }
.cptt-mkp-fin-kpi--earn strong{ color:var(--mkp-primary); }
.cptt-mkp-fin-kpi--paid{ background:linear-gradient(135deg,#f0fdf4,#fff); }
.cptt-mkp-fin-kpi--paid strong{ color:#15803d; }
.cptt-mkp-fin-kpi--bal.is-pos{ background:linear-gradient(135deg,#fffbeb,#fff); }
.cptt-mkp-fin-kpi--bal.is-pos strong{ color:#b45309; }

.cptt-mkp-table-wrap{ overflow-x:auto; border:1px solid var(--mkp-line); border-radius:12px; }
.cptt-mkp-table{ width:100%; border-collapse:collapse; font-size:13px; min-width:640px; }
.cptt-mkp-table th{ background:#f8fafc; color:#475569; font-size:12px; font-weight:800; text-align:right; padding:10px 12px; border-bottom:1px solid var(--mkp-line); }
.cptt-mkp-table td{ padding:10px 12px; border-bottom:1px solid #f1f5f9; color:#334155; }
.cptt-mkp-table tbody tr:last-child td{ border-bottom:none; }
.cptt-mkp-table__strong{ font-weight:800; color:var(--mkp-ink); }
.cptt-mkp-pos{ color:#15803d; font-weight:800; }
.cptt-mkp-muted{ color:#94a3b8; font-size:12px; }

/* مودال پنل */
.cptt-mkp-modal{ position:fixed; inset:0; background:rgba(15,23,42,.55); backdrop-filter:blur(3px); z-index:99990; display:flex; align-items:flex-start; justify-content:center; padding:5vh 14px; overflow-y:auto; }
.cptt-mkp-modal__card{ background:#fff; border-radius:18px; width:100%; max-width:620px; box-shadow:0 24px 60px rgba(15,23,42,.35); overflow:hidden; animation:mkpPop .18s ease-out; }
.cptt-mkp-modal__head{ display:flex; align-items:flex-start; justify-content:space-between; gap:12px; padding:18px 22px; background:linear-gradient(135deg,#eef2ff,#faf5ff); border-bottom:1px solid var(--mkp-line); }
.cptt-mkp-modal__head h3{ margin:0 0 4px; font-size:16px; font-weight:800; }
.cptt-mkp-modal__body{ padding:18px 22px; max-height:66vh; overflow-y:auto; }
.cptt-mkp-modal__foot{ padding:14px 22px; border-top:1px solid var(--mkp-line); background:#fafbfe; display:flex; justify-content:flex-end; }
.cptt-mkp-modal__grid{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px 16px; margin-bottom:14px; }
.cptt-mkp-modal__item{ background:#f8fafc; border:1px solid #eef2f7; border-radius:10px; padding:8px 12px; display:flex; flex-direction:column; gap:2px; }
.cptt-mkp-modal__item span{ font-size:11px; color:var(--mkp-muted); font-weight:700; }
.cptt-mkp-modal__item strong{ font-size:13px; }
.cptt-mkp-modal__fin{ display:grid; grid-template-columns:repeat(auto-fit,minmax(120px,1fr)); gap:8px; margin-bottom:14px; }
.cptt-mkp-modal__fin > div{ background:#f0fdf4; border:1px solid #bbf7d0; border-radius:10px; padding:8px 12px; display:flex; flex-direction:column; gap:2px; }
.cptt-mkp-modal__fin span{ font-size:11px; color:#15803d; font-weight:700; }
.cptt-mkp-modal__fin strong{ font-size:13px; }
.cptt-mkp-modal__fin .is-pos strong{ color:#b45309; }
.cptt-mkp-modal__sub{ margin:14px 0 8px; font-size:13px; font-weight:800; }
.cptt-mkp-modal__list{ list-style:none; margin:0; padding:0; }
.cptt-mkp-modal__list li{ display:flex; align-items:center; gap:10px; padding:8px 0; border-bottom:1px dashed #eef2f7; font-size:13px; }
.cptt-mkp-modal__list li span{ flex:1; color:#475569; }
.cptt-mkp-modal__list li strong{ font-weight:800; }
.cptt-mkp-modal__list li em{ font-style:normal; color:#94a3b8; font-size:11.5px; }
.cptt-mkp-timeline{ display:flex; flex-direction:column; }
.cptt-mkp-timeline__item{ position:relative; padding:0 22px 12px 0; }
.cptt-mkp-timeline__item::before{ content:''; position:absolute; right:5px; top:13px; bottom:-2px; width:2px; background:#e2e8f0; }
.cptt-mkp-timeline__item:last-child::before{ display:none; }
.cptt-mkp-timeline__dot{ position:absolute; right:0; top:4px; width:12px; height:12px; border-radius:50%; background:var(--mkp-primary); border:2.5px solid #fff; box-shadow:0 0 0 2px rgba(79,70,229,.25); }
.cptt-mkp-timeline__item div{ display:flex; flex-direction:column; }
.cptt-mkp-timeline__item strong{ font-size:12.5px; }
.cptt-mkp-timeline__item em{ font-style:normal; font-size:11px; color:#94a3b8; }
.cptt-mkp-inline-msg{ background:#f0fdf4; border:1px solid #bbf7d0; color:#166534; border-radius:10px; padding:10px 14px; font-size:13px; margin-top:6px; }

/* ═══════════════════════
   ریسپانسیو
   ═══════════════════════ */
@media (max-width:1100px){
	.cptt-mk-addmk-row{ grid-template-columns:1fr 1fr; }
	.cptt-mk-cards{ grid-template-columns:1fr; }
}
@media (max-width:760px){
	.cptt-mkp-form__grid{ grid-template-columns:1fr; }
	.cptt-mkp-fin-kpis{ grid-template-columns:1fr; }
	.cptt-mkp-kpis{ grid-template-columns:1fr; }
	.cptt-mkp-head{ flex-direction:column; align-items:flex-start; }
	.cptt-mk-grid{ grid-template-columns:1fr; }
	.cptt-mk-fin-kpis{ grid-template-columns:1fr; }
	.cptt-mk-addmk-row{ grid-template-columns:1fr; }
	.cptt-mk-settle-grid{ grid-template-columns:1fr; }
	.cptt-mk-modal__body{ max-height:70vh; }
	.cptt-mkp-modal__grid{ grid-template-columns:1fr; }
}

/* ═══════════════════════
   چاپ گزارش
   ═══════════════════════ */
@media print{
	body{ background:#fff !important; }
	.cptt-mk-tabs, .cptt-mk-filters, .cptt-mk-btn, .cptt-mk-head p, .cptt-mk-count, .cptt-mk-toast{ display:none !important; }
	.cptt-mk-card{ border:none; box-shadow:none; padding:0; }
	.cptt-mk-reportcard{ break-inside:avoid; border:1px solid #cbd5e1; }
}