/*
 * V12.21 — منظومة التقارير الموحّدة (استهداف ← اتصالات ← اجتماعات).
 * نفس لغة حصاد البصرية (cf-panel / rp-*) مع مفردات جديدة محدودة:
 * قمع سلسلة القيمة بعدسات قطاعية، تبويبات مركز التقارير، خريطة نوافذ الرد،
 * شارات العمر، ونبض الاجتماعات. ألوان دلالية محدودة فوق لوحة حصاد نفسها.
 */

/* عدسات القطاعات: الاستهداف أخضر مُزرَق، الاتصالات أزرق، الاجتماعات بنفسجي، العميل ذهبي */
:root{--lens-t:#0c8067;--lens-c:#1463a5;--lens-m:#7057d9;--lens-x:var(--gold,#b6832d)}

/* ======== قمع سلسلة القيمة ======== */
.vc-funnel{display:flex;align-items:stretch;gap:4px;overflow-x:auto;padding:4px 2px 8px}
.vc-stage{flex:1 1 0;min-width:96px;display:grid;gap:4px;align-content:start;padding:10px 11px;border:1px solid var(--line);border-top:3px solid var(--lens-c);border-radius:12px;background:#fff;text-align:center}
.vc-stage span{font-size:.6rem;font-weight:800;color:var(--muted)}
.vc-stage strong{font-size:1.22rem;line-height:1.1;color:var(--ink);font-variant-numeric:tabular-nums}
.vc-stage small{font-size:.58rem;color:var(--muted)}
.vc-stage .rp-delta{justify-self:center}
.vc-stage.lens-t{border-top-color:var(--lens-t)}
.vc-stage.lens-c{border-top-color:var(--lens-c)}
.vc-stage.lens-m{border-top-color:var(--lens-m)}
.vc-stage.lens-x{border-top-color:var(--lens-x);background:#fffdf7}
.vc-arrow{flex:0 0 auto;display:grid;place-items:center;gap:2px;min-width:34px;color:var(--muted)}
.vc-arrow i{font-style:normal;font-size:.9rem;line-height:1}
.vc-arrow i:dir(ltr){display:inline-block;transform:rotate(180deg)}
.vc-arrow b{font-size:.58rem;font-weight:900;color:var(--green);font-variant-numeric:tabular-nums;white-space:nowrap}
.vc-funnel.compact .vc-stage{min-width:78px;padding:8px 9px}
.vc-funnel.compact .vc-stage strong{font-size:1.05rem}
.vc-funnel.compact .vc-arrow{min-width:28px}

/* شريط ألوان علوي خفيف يعرّف صفحة كل عدسة دون تغيير هوية حصاد */
.lens-page-t .page-head h1{border-inline-start:4px solid var(--lens-t);padding-inline-start:10px}
.lens-page-m .page-head h1{border-inline-start:4px solid var(--lens-m);padding-inline-start:10px}
.vc .page-head h1{border-inline-start:4px solid var(--green);padding-inline-start:10px}

/* ======== تبويبات مراكز التقارير وفلتر الفترة المضمّن ======== */
.rc-tabs button{font-weight:800}
.rc-tabs button.active{box-shadow:inset 0 -3px 0 var(--green)}
.rc-inline-filter{display:flex;align-items:end;gap:14px;flex-wrap:wrap;margin-inline-start:auto}
.rc-inline-filter .campaign-management-filters{flex:0 1 auto}
.rc-inline-filter .rp-compare-note{flex-basis:100%;margin:0}

/* شريط الأزمنة: نفس بلاطات المؤشرات بقياس أهدأ لأن قيمه مُدَد لا أعداد */
.rc-latency{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:18px}
.rc-latency .outbound-metric strong{font-size:1.15rem}
.rc-latency .outbound-metric{padding:13px 15px}

/* ======== خريطة نوافذ الرد (ساعة × يوم) ======== */
.hm-grid{display:grid;gap:3px;padding:4px 2px;overflow-x:auto}
.hm-row{display:grid;grid-template-columns:72px repeat(13,minmax(22px,1fr));gap:3px;align-items:center}
.hm-row .hm-day{font-size:.62rem;font-weight:800;color:var(--muted);white-space:nowrap}
.hm-head b{font-size:.58rem;font-weight:800;color:var(--muted);text-align:center;font-variant-numeric:tabular-nums}
.hm-cell{display:block;height:24px;border-radius:6px;background:var(--green);font-style:normal}
.hm-cell.empty{background:#eef3f0;opacity:1}
.hm-cell[data-answer="high"]{background:#0f5d48}
.hm-cell[data-answer="mid"]{background:#8ba24f}
.hm-cell[data-answer="low"]{background:#b3593f}

/* ======== شارة العمر وبطاقات الوارد المُعمّرة ======== */
.age-chip{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:99px;background:#eef4f1;color:#3f5a50;font-size:.62rem;font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}
.age-chip.late{background:#fbe9e7;color:#a33b2f}
.meeting-aged-card{position:relative}
.meeting-aged-card>.age-chip{position:absolute;top:10px;inset-inline-end:12px;z-index:2}

/* ======== نبض الاجتماعات وعدسة الاستهداف ======== */
.meetings-pulse,.targeting-pulse{margin-bottom:14px}
.targeting-pulse{grid-template-columns:repeat(7,minmax(0,1fr))}
.meetings-kpis{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:18px}

/* ======== قمع القيادة المصغّر وخط النتائج الإيجابية ======== */
.command-funnel{margin-bottom:18px}
.command-funnel .cf-panel-head{margin-bottom:8px}
.vc-line-positive{stroke:var(--lens-m);stroke-width:2.4}
.rp-legend .l-positive{background:var(--lens-m)}

/* ======== ملف أداء الموظف داخل النافذة ======== */
.employee-file-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.employee-file-grid .outbound-metric{padding:12px 14px}
.employee-file-grid .outbound-metric strong{font-size:1.1rem}
.rp-emp-file{padding:4px 10px;font-size:.62rem;min-height:0}
.rp-legend-gap{margin-top:10px}

/* ======== التجاوب ======== */
@media(max-width:1250px){.targeting-pulse{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1120px){
  .rc-latency{grid-template-columns:repeat(2,minmax(0,1fr))}
  .vc-funnel{flex-wrap:wrap}
  .vc-stage{flex:1 1 130px}
  .vc-arrow{display:none}
}
@media(max-width:820px){
  .targeting-pulse{grid-template-columns:repeat(2,minmax(0,1fr))}
  .employee-file-grid{grid-template-columns:1fr}
  .hm-row{grid-template-columns:52px repeat(13,minmax(16px,1fr))}
  .hm-cell{height:18px}
}

/* الطباعة: الشبكات تتمدد والقمع لا يلتف والظلال تختفي — يعمل مع تجهيز A4 القائم */
@media print{
  .vc-funnel{overflow:visible;flex-wrap:nowrap}
  .vc-stage,.cf-panel,.rp-kpi,.outbound-metric{box-shadow:none;break-inside:avoid}
  .hm-cell{-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .rc-tabs,.rc-inline-filter,.rp-filters{display:none}
}

/* ======== مُكوِّن الحملة (Campaign Composer) ======== */
.cc-steps{display:flex;gap:8px;margin:0 0 16px;flex-wrap:wrap}
.cc-steps span,.cc-steps b{padding:7px 16px;border-radius:99px;border:1px solid var(--line);background:var(--card,#fff);font-size:.72rem;font-weight:700;color:var(--muted)}
.cc-steps b.active{background:var(--mint);border-color:color-mix(in srgb,var(--green) 40%,transparent);color:var(--green)}
.cc-sources{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px}
.cc-source{display:grid;gap:4px;padding:13px 15px;border:1px solid var(--line);border-radius:13px;cursor:pointer;background:#fff}
.cc-source input{position:absolute;opacity:0}
.cc-source b{font-size:.82rem}
.cc-source small{color:var(--muted);font-size:.66rem;line-height:1.7}
.cc-source.active{border-color:var(--green);background:#f2faf7;box-shadow:inset 0 0 0 1px var(--green)}
.cc-source.disabled{opacity:.45;cursor:not-allowed}
.cc-scope{display:grid;gap:10px;padding-top:6px}
.cc-chips{display:flex;gap:7px;flex-wrap:wrap}
.cc-chip{display:inline-flex;align-items:center;gap:7px;padding:5px 12px;border-radius:99px;background:var(--mint);color:var(--green);font-size:.72rem;font-weight:700}
.cc-chip button{border:0;background:transparent;color:inherit;font-size:.9rem;line-height:1;cursor:pointer;padding:0}
.cc-available-actions{display:flex;justify-content:flex-start;padding-top:4px}
.cc-available-actions button{display:inline-flex;align-items:center;gap:6px}
.cc-link{border:0;background:transparent;color:var(--green);font:inherit;font-weight:700;cursor:pointer;padding:0;text-decoration:underline;text-underline-offset:3px}
.cc-link:hover{color:var(--navy)}
.cc-available{display:grid;gap:12px}
.cc-available-search{display:grid;gap:6px}
.cc-available-table{width:100%}
.cc-available-table td .empty{padding:14px}
.cc-chip-count{background:#fff;color:var(--navy);border-radius:99px;padding:1px 8px;font-size:.66rem;font-weight:800}
.cc-available-total{color:var(--green);font-size:.82rem;align-self:center;margin-inline-end:auto}
.dev-team-load .rp-emp-table td .badge{margin-inline-start:6px}
.dev-load-extra{color:#8a6d00;background:#fff6d8;border-radius:99px;padding:1px 7px;font-size:.64rem;font-weight:800;margin-inline-start:5px}
.dev-calllist-toggle{display:flex;align-items:center;gap:7px;font-size:.74rem;font-weight:700;color:var(--navy);white-space:nowrap}
.dev-calllist-toggle input{min-width:0;width:auto;accent-color:var(--green)}
.dev-load-departed{background:#fdecec}
.badge.danger{background:#f7d4d4;color:#8a1c1c}
.cc-pulse{margin-bottom:14px}
.cc-actions{justify-content:flex-end;gap:10px;margin-top:16px;display:flex;flex-wrap:wrap}
.cc-warnings{background:var(--gold-soft,#fdf6e8);border:1px solid #e6cda4;border-radius:12px;padding:12px 16px;font-size:.8rem;line-height:2}
.cc-alloc{width:110px;padding:8px 10px;border:1px solid var(--line);border-radius:9px;font-variant-numeric:tabular-nums}
tr.cc-off td{opacity:.42}
.cc-approve .cc-name{display:grid;gap:5px;font-weight:700;font-size:.8rem;margin-bottom:14px}
.cc-approve .cc-name input{padding:11px 13px;border:1px solid var(--line);border-radius:10px}
.cc-from-priority{margin-inline-start:10px;padding:5px 13px;font-size:.68rem;min-height:0;vertical-align:2px}
.cc-compact-settings{margin-bottom:14px}
.cc-settings-grid{display:grid;grid-template-columns:minmax(240px,2fr) repeat(4,minmax(120px,1fr));gap:10px;align-items:end}
.cc-settings-grid label{display:grid;gap:5px;font-size:.74rem;font-weight:700}
.cc-settings-grid input,.cc-settings-grid select{min-height:40px;padding:8px 10px;border:1px solid var(--line);border-radius:9px;background:#fff}
.cc-main-sector-picker{display:grid;grid-template-columns:minmax(240px,360px) minmax(0,1fr);gap:12px;align-items:end;margin-bottom:12px;padding:12px;border:1px solid var(--line);border-radius:11px;background:#f8fbfa}
.cc-main-sector-picker>label{display:grid;gap:5px;font-size:.74rem;font-weight:700}
.cc-main-sector-picker select{min-height:40px;padding:8px 10px;border:1px solid var(--line);border-radius:9px;background:#fff}
.cc-agent-groups{display:grid;grid-template-columns:minmax(0,3fr) minmax(220px,1fr);gap:14px;align-items:start}
.cc-agent-groups h3{margin:0 0 10px;font-size:.86rem}
.cc-automated-agents{border:1px dashed var(--line);border-radius:12px;padding:14px;background:var(--mint);display:grid;gap:7px}
.cc-automated-agents b{font-size:1rem;color:var(--green)}
.cc-automated-agents p{margin:0;color:var(--muted);font-size:.72rem;line-height:1.8}
@media(max-width:1120px){.cc-sources{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1120px){.cc-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cc-agent-groups{grid-template-columns:1fr}}
@media(max-width:660px){.cc-sources,.cc-settings-grid,.cc-main-sector-picker{grid-template-columns:1fr}}

/* الرقابة المالية والإدارية — مسار الملف الزمني */
.oversight-timeline{list-style:none;margin:0;padding:0;position:relative}
.oversight-timeline>li{position:relative;padding:0 1.4rem 1.1rem;border-inline-start:2px solid #d9e2ec;margin-inline-start:.4rem}
.oversight-timeline>li::before{content:"";position:absolute;inset-inline-start:-7px;top:.15rem;width:12px;height:12px;border-radius:50%;background:#2f855a;box-shadow:0 0 0 3px #fff}
.oversight-timeline>li.oversight-timeline-stall{border-inline-start-color:#dd6b20}
.oversight-timeline>li.oversight-timeline-stall::before{background:#dd6b20}
.oversight-timeline>li>b{display:block;font-size:.95rem}
.oversight-timeline>li>small{color:#556}
.oversight-timeline-date{display:block;font-size:.78rem;color:#7a8699;margin-bottom:.15rem}