/* رایزن لاله — سبک ماژول‌های «مهمان و تجربه مشتری» و «منابع انسانی» */

/* ---------- مشترک ---------- */
.ex-insight, .hr-insight {
  display: flex; gap: 9px; align-items: flex-start; margin-top: 12px; padding: 10px 12px;
  background: var(--surface-2); border-radius: 10px; font-size: 12.5px; line-height: 1.85; color: var(--ink-2);
}
.ex-insight svg, .hr-insight svg { width: 17px; height: 17px; flex: none; margin-top: 3px; color: var(--turq); }
.ex-insight.warn, .hr-insight.warn { background: var(--amber-tint); color: var(--ink); }
.ex-insight.warn svg, .hr-insight.warn svg { color: var(--amber); }

.sc-dot { fill: var(--turq); fill-opacity: 0.55; stroke: var(--surface); stroke-width: 1.2; cursor: pointer; }
.sc-dot.hot { fill: var(--pom); fill-opacity: 0.75; }
.sc-dot:hover { fill-opacity: 1; }
.sc-fit { stroke: var(--ink); stroke-width: 2; stroke-dasharray: 6 4; }
.ax-title { font-size: 11px; fill: var(--ink-2); font-family: var(--font-ui); }

/* ---------- تجربه مهمان ---------- */
.ex-h4 { font-size: 13px; font-weight: 700; color: var(--ink-2); margin: 4px 0 8px; }
.ex-risk { display: grid; grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)); gap: 10px; }
.ex-risk > div { display: grid; gap: 2px; padding: 10px 12px; background: var(--surface-2); border-radius: 10px; }
.ex-risk span { font-size: 11.5px; color: var(--muted); }
.ex-risk b { font-size: 16px; font-weight: 800; letter-spacing: -0.2px; }
.ex-risk b.neg { color: var(--pom); }

.ex-actions, .hr-actions { display: grid; grid-template-columns: repeat(auto-fit, minmax(290px, 1fr)); gap: 12px; }
.ex-actions article, .hr-actions article {
  display: grid; grid-template-columns: 38px minmax(0, 1fr); gap: 12px; align-items: start;
  background: var(--surface); border: 1px solid var(--line); border-radius: var(--r-lg); padding: 14px 16px; box-shadow: var(--shadow);
}
.ea-ic, .ha-ic { width: 38px; height: 38px; border-radius: 12px; display: grid; place-items: center; background: var(--turq-tint); color: var(--turq); }
.ha-ic { background: var(--brass-tint); color: var(--brass-strong); }
.ex-actions svg, .hr-actions svg { width: 19px; height: 19px; }
.ex-actions b, .hr-actions b { font-size: 14px; display: block; margin-bottom: 4px; line-height: 1.6; }
.ex-actions p, .hr-actions p { font-size: 12.5px; color: var(--ink-2); line-height: 1.85; margin-bottom: 10px; }

/* ---------- منابع انسانی ---------- */
.hr-prod { display: grid; gap: 10px; }
.hr-prod-row { display: grid; grid-template-columns: minmax(80px, 120px) minmax(0, 1fr) auto auto; gap: 10px; align-items: center; font-size: 12.5px; }
.hr-prod-row b { font-size: 15px; font-weight: 800; }
.hr-prod-row small { color: var(--muted); font-size: 11.5px; white-space: nowrap; }
.hr-prod-bar { position: relative; height: 12px; background: var(--surface-3); border-radius: 99px; overflow: visible; }
.hr-prod-bar i { position: absolute; inset-block: 0; inset-inline-start: 0; border-radius: 99px; }
.hr-prod-bar u { position: absolute; top: -4px; bottom: -4px; width: 2px; margin-inline-start: -1px; background: var(--ink); border-radius: 2px; text-decoration: none; }

.hr-plan td, .hr-plan th { white-space: nowrap; }
.hr-plan td small { font-size: 11px; }
.hr-plan tr.pl-short td { background: color-mix(in srgb, var(--pom-tint) 70%, transparent); }
.hr-plan tr.pl-over td { background: color-mix(in srgb, var(--amber-tint) 60%, transparent); }
.pl-bar { position: relative; height: 10px; width: 120px; background: var(--surface-3); border-radius: 99px; }
.pl-bar i { position: absolute; inset-block: 0; inset-inline-start: 0; background: var(--turq); border-radius: 99px; display: block; }
.pl-bar u { position: absolute; top: -3px; bottom: -3px; width: 2px; margin-inline-start: -1px; background: var(--ink); text-decoration: none; }
.hr-plan .warn { color: var(--amber); }

.hr-plan-sum { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 12px; margin-top: 12px; }
.hr-plan-sum > div { display: grid; gap: 2px; padding: 12px 14px; background: var(--surface); border: 1px solid var(--line); border-radius: var(--r-md); }
.hr-plan-sum span { font-size: 11.5px; color: var(--muted); }
.hr-plan-sum b { font-size: 18px; font-weight: 800; letter-spacing: -0.2px; }
.hr-plan-sum b.neg { color: var(--pom); }
.hr-plan-sum b.pos { color: var(--leaf); }
.hr-plan-sum b.warn { color: var(--amber); }
.hr-plan-sum small { font-size: 11px; color: var(--faint); }

@media (max-width: 700px) {
  .hr-prod-row { grid-template-columns: minmax(70px, 1fr) minmax(0, 1.4fr) auto; }
  .hr-prod-row small { display: none; }
  .ex-risk { grid-template-columns: minmax(0, 1fr); }
  .pl-bar { width: 80px; }
}