/* ===== پروندهٔ ۳۶۰ درجهٔ مشتری ===== */
.pf-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:18px;align-items:center;
  background:linear-gradient(135deg,var(--s3),var(--s1) 55%,var(--s2));
  border:1px solid var(--line2);border-radius:var(--r-xl);padding:20px 22px;margin-bottom:18px;
  box-shadow:var(--sh2);position:relative;overflow:hidden}
.pf-hero::before{content:"";position:absolute;inset-block-start:0;inset-inline:0;height:3px;
  background:linear-gradient(90deg,var(--gold),var(--gold3),transparent)}
.pf-id{display:flex;gap:16px;align-items:flex-start;min-width:0}
.pf-av{width:62px;height:62px;flex:none;border-radius:18px;display:grid;place-items:center;
  font-size:27px;font-weight:700;color:#17140F;
  background:linear-gradient(145deg,var(--gold3),var(--gold));box-shadow:0 6px 20px var(--gold-glow)}
.pf-idt{min-width:0}
.pf-idt h2{margin:0 0 7px;font-size:21px;line-height:1.5;color:var(--ink)}
.pf-pills{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:7px}
.pf-meta{font-size:12.5px;color:var(--muted);line-height:1.9}
.pf-meta a{color:var(--gold2);text-decoration:none}
.pf-meta a:hover{text-decoration:underline}

.pf-sc{display:flex;gap:16px;align-items:center;min-width:0}
.pf-ring{position:relative;width:118px;height:118px;flex:none}
.pf-ring svg{width:100%;height:100%;transform:rotate(-90deg)}
.pf-ring circle{fill:none;stroke-width:11;stroke-linecap:round}
.pf-rb{stroke:var(--s4)}
.pf-rf{stroke:var(--gold);transition:stroke-dashoffset .7s cubic-bezier(.4,0,.2,1)}
.pf-ring.g-ok .pf-rf{stroke:var(--ok)} .pf-ring.g-gd .pf-rf{stroke:var(--gold2)}
.pf-ring.g-wn .pf-rf{stroke:var(--warn)} .pf-ring.g-rd .pf-rf{stroke:var(--red)}
.pf-rn{position:absolute;inset:0;display:grid;place-content:center;text-align:center;line-height:1.25}
.pf-rn b{font-size:30px;font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums}
.pf-rn span{font-size:11.5px;color:var(--muted)}
.pf-ring.g-ok .pf-rn b{color:var(--ok)} .pf-ring.g-gd .pf-rn b{color:var(--gold2)}
.pf-ring.g-wn .pf-rn b{color:var(--warn)} .pf-ring.g-rd .pf-rn b{color:var(--red)}
.pf-scx{flex:1;min-width:0}
.pf-sct{display:block;font-size:12px;color:var(--muted);margin-bottom:2px}
.pf-trend{display:inline-block;font-size:12px;margin-bottom:8px}
.pf-trend.up{color:var(--ok)} .pf-trend.dn{color:var(--red)}
.pf-scx .bars{gap:5px}
.pf-scx .bl{font-size:11.5px}

/* هشدارها */
.pf-al{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:9px;margin-bottom:18px}
.pf-a{display:flex;align-items:flex-start;gap:9px;font-size:13px;line-height:1.8;
  border:1px solid var(--line);border-radius:var(--r);padding:9px 13px;background:var(--s1)}
.pf-a span{width:7px;height:7px;border-radius:50%;flex:none;margin-top:9px}
.pf-a.a-r{border-color:var(--red-line);background:linear-gradient(90deg,var(--red-bg),var(--s1))}
.pf-a.a-r span{background:var(--red)}
.pf-a.a-w{border-color:var(--warn-line);background:linear-gradient(90deg,var(--warn-bg),var(--s1))}
.pf-a.a-w span{background:var(--warn)}
.pf-a.a-o{border-color:var(--ok-line);background:linear-gradient(90deg,var(--ok-bg),var(--s1))}
.pf-a.a-o span{background:var(--ok)}
.pf-a.a-l{border-color:var(--lead-line);background:linear-gradient(90deg,var(--lead-bg),var(--s1))}
.pf-a.a-l span{background:var(--lead)}

/* نمودار ستونی */
.pf-wide{grid-column:1/-1}
.pf-chart{display:flex;align-items:flex-end;gap:7px;height:190px;padding:8px 2px 0;
  background:repeating-linear-gradient(to top,transparent 0 37px,var(--line) 37px 38px);border-radius:var(--r-sm)}
.pf-col{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;min-width:0}
.pf-cv{font-size:10px;color:var(--muted);margin-bottom:4px;white-space:nowrap;font-variant-numeric:tabular-nums}
.pf-cb{width:100%;max-width:38px;border-radius:7px 7px 3px 3px;
  background:linear-gradient(180deg,var(--gold2),var(--gold) 60%,rgba(201,162,77,.35));
  box-shadow:0 -2px 12px var(--gold-glow);transition:height .5s cubic-bezier(.4,0,.2,1)}
.pf-col:hover .pf-cb{background:linear-gradient(180deg,var(--gold3),var(--gold2))}
.pf-cl{font-size:11px;color:var(--muted);margin-top:7px;white-space:nowrap}

/* تایم‌لاین */
.pf-tl{position:relative;padding-inline-start:20px;max-height:430px;overflow:auto}
.pf-tl::before{content:"";position:absolute;inset-block:6px;inset-inline-start:5px;width:2px;background:var(--line2)}
.pf-ev{position:relative;display:flex;gap:11px;padding:7px 0}
.pf-dot{position:absolute;inset-inline-start:-19px;top:14px;width:10px;height:10px;border-radius:50%;
  background:var(--s4);border:2px solid var(--bg);flex:none}
.pf-ev.k-inv .pf-dot{background:var(--gold)} .pf-ev.k-ok .pf-dot{background:var(--ok)}
.pf-ev.k-pay .pf-dot{background:var(--ok)} .pf-ev.k-chq .pf-dot{background:var(--lead)}
.pf-ev.k-bad .pf-dot{background:var(--red)} .pf-ev.k-vis .pf-dot{background:var(--muted)}
.pf-ev.k-svc .pf-dot{background:var(--warn)} .pf-ev.k-open .pf-dot{background:var(--line2)}
.pf-et{font-size:13px;color:var(--ink2);line-height:1.8}
.pf-ed{font-size:11.5px;color:var(--faint)}

@media(max-width:900px){
  .pf-hero{grid-template-columns:1fr}
  .pf-chart{height:150px}
  .pf-cv{display:none}
}