/* ═══════════ ایجنت تحلیل مکالمه — روی توکن‌های style.css سوار است ═══════════ */

#agent-main{max-width:var(--maxw);margin:0 auto;padding:110px clamp(20px,4vw,56px) 80px;
  min-height:100dvh;position:relative;z-index:3}

.ag-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;
  flex-wrap:wrap;margin-bottom:34px}
.ag-title{font-family:var(--disp);font-weight:700;font-size:clamp(26px,4vw,40px);line-height:1.35}
.ag-title em{font-style:normal;background:linear-gradient(-88deg,var(--acc),var(--vio));
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.ag-sub{color:var(--text-dim);font-size:15px;max-width:560px;margin-top:8px}
.ag-user{display:flex;align-items:center;gap:12px;font-size:13.5px;color:var(--text-dim)}
.ag-user b{color:var(--acc-soft);font-weight:600}
.ag-logout{padding:8px 14px;border:1px solid var(--line-soft);border-radius:8px;font-size:13px;
  color:var(--text-dim);min-height:38px;transition:color .25s,border-color .25s,background .25s}
.ag-logout:hover{color:var(--danger);border-color:rgba(248,113,113,.35);background:rgba(248,113,113,.06)}

/* ── کارت شیشه‌ای پایه ── */
.glassc{background:var(--surface);border:1px solid var(--line-soft);border-radius:18px;
  backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}

/* ═══════════ لاگین ═══════════ */
#ag-login{max-width:420px;margin:8vh auto 0;padding:38px 34px;text-align:center;
  animation:ag-in .5s var(--ease-out)}
@keyframes ag-in{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
#ag-login .lg-ic{width:64px;height:64px;margin:0 auto 18px;border-radius:18px;display:grid;
  place-items:center;color:var(--acc);background:rgba(56,225,255,.08);
  border:1px solid var(--line);box-shadow:0 0 34px rgba(56,225,255,.14)}
#ag-login h1{font-family:var(--disp);font-weight:700;font-size:23px;margin-bottom:6px}
#ag-login p{color:var(--text-dim);font-size:13.5px;margin-bottom:24px}
#ag-login .field{text-align:right;margin-bottom:14px}
#ag-login label{display:block;font-size:13px;color:var(--text-dim);margin-bottom:7px}
#ag-login input{width:100%;padding:12px 14px;border-radius:10px;border:1px solid var(--line-soft);
  background:rgba(5,7,15,.55);color:var(--text);font:inherit;font-size:15px;min-height:46px;
  transition:border-color .25s,box-shadow .25s}
#ag-login input:focus{outline:none;border-color:var(--acc-dim);
  box-shadow:0 0 0 3px rgba(56,225,255,.12)}
#ag-login input[dir=ltr]{text-align:left}
.lg-err{display:none;margin:2px 0 12px;padding:10px 12px;border-radius:9px;font-size:13px;
  color:var(--danger);background:rgba(248,113,113,.08);border:1px solid rgba(248,113,113,.25)}
.lg-err.on{display:block}
.pw-wrap{position:relative}
.pw-eye{position:absolute;left:8px;top:50%;transform:translateY(-50%);padding:8px;
  color:var(--text-faint);min-width:38px;min-height:38px;display:grid;place-items:center;border-radius:8px}
.pw-eye:hover{color:var(--acc-soft)}

/* دکمه‌ی اصلی — همان btn-buy سایت با حالت لودینگ */
.ag-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;
  width:100%;padding:13px 22px;border-radius:11px;font-family:var(--disp);font-weight:600;
  font-size:15.5px;color:#04121A;cursor:pointer;min-height:48px;
  background:linear-gradient(-88deg,var(--acc),#7CC8FF 55%,var(--vio));
  box-shadow:0 8px 30px rgba(56,225,255,.22);
  transition:transform .25s var(--ease-out),box-shadow .25s,opacity .25s}
.ag-btn:hover{transform:translateY(-1px);box-shadow:0 12px 40px rgba(56,225,255,.3)}
.ag-btn:disabled{opacity:.55;cursor:default;transform:none}
.ag-btn .spin{display:none}
.ag-btn.busy .spin{display:block}
.spin{width:18px;height:18px;border-radius:50%;border:2.5px solid rgba(4,18,26,.25);
  border-top-color:#04121A;animation:spin 1s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}

/* ═══════════ آپلود ═══════════ */
#ag-app{display:none}
#ag-app.on{display:block;animation:ag-in .5s var(--ease-out)}

/* ── انتخاب بخش، پیش‌شرط آپلود ── */
#ag-dept{padding:20px clamp(16px,3vw,24px);margin-bottom:16px;transition:border-color .3s,box-shadow .3s}
#ag-dept .dp-k{display:block;font-size:13.5px;color:var(--text-dim);margin-bottom:13px}
#ag-dept.need{border-color:rgba(251,191,36,.5);box-shadow:0 0 0 3px rgba(251,191,36,.10)}
#ag-dept.need .dp-k{color:var(--amb,#FBBF24)}
#ag-dept.need .dp-k::after,#ag-ctype.need .dp-k::after{content:" — لطفاً یکی را انتخاب کنید"}
#ag-ctype{margin-top:16px;padding-top:16px;border-top:1px solid var(--line-soft)}
#ag-ctype .dp-k{display:block;font-size:13.5px;color:var(--text-dim);margin-bottom:13px}
#ag-ctype.need .dp-k{color:var(--amb,#FBBF24)}
#ag-ctype[hidden]{display:none}
.dp-opts{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px}
.dp-opt{text-align:right;padding:13px 16px;border-radius:12px;cursor:pointer;
  border:1px solid var(--line-soft);background:rgba(5,7,15,.35);min-height:64px;
  transition:border-color .25s,background .25s,transform .25s}
.dp-opt:hover{border-color:var(--acc-dim);background:var(--surface-2);transform:translateY(-1px)}
.dp-opt b{display:block;font-size:14.5px;font-weight:600;margin-bottom:3px}
.dp-opt span{display:block;font-size:11.5px;color:var(--text-faint);line-height:1.7}
.dp-opt.on{border-color:var(--acc-dim);background:rgba(56,225,255,.07);
  box-shadow:0 0 26px rgba(56,225,255,.10) inset}
.dp-opt.on b{color:var(--acc-soft)}
.dp-opt.on span{color:var(--text-dim)}

#dropzone.locked{opacity:.6}
#dropzone.locked:hover{border-color:var(--line);background:var(--surface)}
#dropzone{position:relative;padding:clamp(34px,6vw,60px) 24px;text-align:center;cursor:pointer;
  border:1.5px dashed var(--line);border-radius:18px;background:var(--surface);
  transition:border-color .3s,background .3s,box-shadow .3s;overflow:hidden}
#dropzone:hover,#dropzone:focus-visible{border-color:var(--acc-dim);background:var(--surface-2)}
#dropzone.drag{border-color:var(--acc);background:rgba(56,225,255,.06);
  box-shadow:0 0 60px rgba(56,225,255,.14) inset}
#dropzone .dz-orbit{width:88px;height:88px;margin:0 auto 18px;position:relative}
#dropzone .dz-orbit .halo{position:absolute;inset:0;border-radius:50%;
  background:radial-gradient(circle,rgba(56,225,255,.16),transparent 65%);
  animation:halo 3.2s ease-in-out infinite}
@keyframes halo{0%,100%{transform:scale(1);opacity:.7}50%{transform:scale(1.22);opacity:1}}
#dropzone .dz-ic{position:absolute;inset:0;display:grid;place-items:center;color:var(--acc)}
#dropzone h2{font-family:var(--disp);font-weight:600;font-size:19px;margin-bottom:8px}
#dropzone p{color:var(--text-dim);font-size:13.5px}
#dropzone p b{color:var(--acc-soft);font-weight:600}
#dropzone small{display:block;margin-top:12px;color:var(--text-faint);font-size:12px}
#dz-file{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}

/* موج صوتی تزئینی داخل دراپ‌زون */
.dz-wave{display:flex;align-items:center;justify-content:center;gap:4px;height:30px;margin-top:18px}
.dz-wave i{width:3.5px;border-radius:3px;background:linear-gradient(180deg,var(--acc),var(--vio));
  opacity:.65;animation:wave 1.3s ease-in-out infinite}
@keyframes wave{0%,100%{height:8px}50%{height:26px}}
@media (prefers-reduced-motion:reduce){
  .dz-wave i,.dz-orbit .halo{animation:none}
  .dz-wave i{height:14px}
}

/* ═══════════ وضعیت پردازش ═══════════ */
#ag-progress{display:none;margin-top:22px;padding:26px 28px;text-align:center}
#ag-progress.on{display:block;animation:ag-in .4s var(--ease-out)}
#ag-progress .pr-row{display:flex;align-items:center;justify-content:center;gap:14px;
  font-size:15px;color:var(--text)}
#ag-progress .spin{border-color:rgba(56,225,255,.2);border-top-color:var(--acc);width:22px;height:22px}
#ag-progress .pr-file{color:var(--acc-soft);font-weight:600}
#ag-progress .pr-steps{margin-top:14px;font-size:12.5px;color:var(--text-faint)}
/* مرحله ۱ — آپلود با نوار پیشرفت */
#pr-upload .pr-row{gap:10px}
.up-pct{font-family:var(--num);font-weight:700;font-size:15px;color:var(--acc-soft);
  min-width:44px;text-align:left}
.up-bar{max-width:420px;height:8px;margin:16px auto 4px;border-radius:6px;overflow:hidden;
  background:rgba(148,190,255,.10);border:1px solid var(--line-soft)}
.up-bar i{display:block;height:100%;width:0;border-radius:6px;
  background:linear-gradient(-90deg,var(--acc),var(--vio));
  box-shadow:0 0 14px rgba(56,225,255,.5);
  transition:width .2s var(--ease-out)}

/* ═══════════ پاپ‌آپ تحلیل — صورت شبکه‌عصبی هم‌گام با تخمین زمان ═══════════ */
#an-backdrop{position:fixed;inset:0;z-index:1290;background:rgba(2,4,10,.66);
  backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:0;transition:opacity .3s}
#an-backdrop.on{opacity:1}
#an-modal{position:fixed;inset:0;z-index:1300;display:grid;place-items:center;
  padding:20px;pointer-events:none}
.anm-card{pointer-events:auto;position:relative;width:min(720px,96vw);padding:26px 28px 22px;
  border-radius:20px;text-align:center;background:rgba(9,13,26,.94);
  border:1px solid var(--line);box-shadow:0 30px 120px rgba(0,0,0,.6),0 0 80px rgba(56,225,255,.08);
  animation:anm-in .45s var(--ease-out)}
@keyframes anm-in{from{opacity:0;transform:translateY(26px) scale(.97)}to{opacity:1;transform:none}}
.anm-card h3{font-family:var(--disp);font-weight:700;font-size:20px;margin-bottom:4px}
.anm-file{font-size:12.5px;color:var(--text-dim);margin-bottom:16px;direction:ltr}
#anm-min{position:absolute;top:14px;left:14px;padding:8px;border-radius:9px;
  color:var(--text-faint);min-width:38px;min-height:38px;display:grid;place-items:center}
#anm-min:hover{color:var(--text);background:var(--surface-2)}
.anm-video{border-radius:14px;overflow:hidden;position:relative;aspect-ratio:16/9;
  border:1px solid var(--line-soft);background:#05070F;margin-bottom:18px}
.anm-video video{width:100%;height:100%;object-fit:cover;display:block}
.anm-video::after{content:"";position:absolute;inset:0;border-radius:14px;
  box-shadow:0 0 80px rgba(56,225,255,.15) inset;pointer-events:none}
.anm-bar{max-width:100%;margin:0 0 10px}
.anm-bar i{transition:width 1s linear}
.anm-eta{font-size:13px;color:var(--text-dim);min-height:22px;margin-bottom:12px}
.anm-eta b{color:var(--acc-soft);font-family:var(--num)}
.anm-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.anm-stop:hover{color:var(--danger)!important;border-color:rgba(248,113,113,.4)!important;
  background:rgba(248,113,113,.06)!important}
.anm-bg{padding:10px 20px;border:1px solid var(--line-soft);border-radius:10px;font-size:13.5px;
  color:var(--text-dim);min-height:42px;transition:color .25s,border-color .25s,background .25s}
.anm-bg:hover{color:var(--acc-soft);border-color:var(--acc-dim);background:rgba(56,225,255,.05)}
@media (prefers-reduced-motion:reduce){.anm-video{display:none}}

/* ═══════════ نتیجه ═══════════ */
#ag-result{display:none;margin-top:26px}
#ag-result.on{display:block;animation:ag-in .5s var(--ease-out)}
.rs-head{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;
  margin-bottom:18px}
.rs-head h2{font-family:var(--disp);font-weight:700;font-size:21px}
.rs-head .rs-meta{font-size:12.5px;color:var(--text-faint)}
.rs-tabs{display:flex;gap:8px;border:1px solid var(--line-soft);border-radius:11px;padding:5px;
  background:var(--surface)}
.rs-tab{padding:9px 18px;border-radius:8px;font-size:13.5px;color:var(--text-dim);min-height:40px;
  transition:background .25s,color .25s}
.rs-tab:hover{color:var(--text)}
.rs-tab.on{background:linear-gradient(-88deg,rgba(56,225,255,.16),rgba(167,139,250,.16));
  color:var(--acc-soft);font-weight:600}
.rs-pane{display:none}
.rs-pane.on{display:block;animation:ag-in .35s var(--ease-out)}

/* — متن مکالمه، سبک چت — */
#pane-transcript{padding:26px clamp(16px,3vw,34px)}
.tr-turn{display:flex;gap:12px;margin-bottom:16px;max-width:88%}
.tr-turn .tr-av{flex:0 0 38px;height:38px;border-radius:12px;display:grid;place-items:center;
  font-family:var(--num);font-weight:700;font-size:13px;border:1px solid var(--line-soft)}
.tr-turn .tr-bubble{padding:12px 16px;border-radius:14px;font-size:14.5px;line-height:1.95;
  border:1px solid var(--line-soft);background:var(--surface)}
.tr-turn .tr-who{display:block;font-size:11.5px;font-weight:600;margin-bottom:4px}
.tr-turn.s1{margin-left:auto;flex-direction:row}
.tr-turn.s1 .tr-av{color:var(--acc);background:rgba(56,225,255,.08)}
.tr-turn.s1 .tr-who{color:var(--acc-soft)}
.tr-turn.s1 .tr-bubble{border-radius:14px 4px 14px 14px;background:rgba(56,225,255,.05)}
.tr-turn.s2{margin-right:auto;flex-direction:row-reverse;text-align:right}
.tr-turn.s2 .tr-av{color:var(--vio);background:rgba(167,139,250,.09)}
.tr-turn.s2 .tr-who{color:var(--vio)}
.tr-turn.s2 .tr-bubble{border-radius:4px 14px 14px 14px;background:rgba(167,139,250,.05)}
.tr-turn.s3 .tr-av{color:var(--grn);background:rgba(74,222,128,.08)}
.tr-turn.s3 .tr-who{color:var(--grn)}

/* — تحلیل — */
#pane-analysis{display:none}
.an-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;
  margin-bottom:14px}
.an-card{padding:20px 22px}
/* an-k هم داخل کارت‌ها و هم داخل بلوک کیوسی استفاده می‌شود */
.an-k{display:flex;align-items:center;gap:9px;font-size:12.5px;color:var(--text-faint);
  margin-bottom:9px}
.an-k svg{color:var(--acc);flex:0 0 auto}
.an-card .an-v{font-size:15px;line-height:1.9}
.an-card .an-v.big{font-family:var(--disp);font-weight:600;font-size:18px}
.an-wide{grid-column:1/-1}
.an-chip{display:inline-flex;align-items:center;margin:3px 0 3px 6px;padding:6px 13px;
  border-radius:20px;font-size:13px;border:1px solid var(--line-soft);
  background:rgba(56,225,255,.05);color:var(--text)}
.an-quote{margin:8px 0;padding:10px 16px;border-right:3px solid var(--vio);border-radius:8px;
  background:rgba(167,139,250,.06);font-family:var(--quote);font-size:16.5px}
.sent-pos{color:var(--grn)}.sent-neg{color:var(--danger)}.sent-mid{color:var(--acc-soft)}
.an-speaker{display:flex;align-items:center;gap:14px;padding:14px 0;
  border-bottom:1px solid var(--line-soft)}
.an-speaker:last-child{border-bottom:0}
.an-speaker .sp-badge{flex:0 0 44px;height:44px;border-radius:13px;display:grid;place-items:center;
  font-family:var(--num);font-weight:700;border:1px solid var(--line-soft)}
.an-speaker .sp-info b{display:block;font-size:14.5px}
.an-speaker .sp-info span{font-size:12.5px;color:var(--text-dim)}
.an-speaker .sp-ratio{margin-right:auto;text-align:left;min-width:110px}
.an-speaker .sp-ratio small{display:block;font-size:11px;color:var(--text-faint);margin-bottom:5px}
.an-speaker .sp-bar{height:6px;border-radius:4px;background:rgba(148,190,255,.1);overflow:hidden}
.an-speaker .sp-bar i{display:block;height:100%;border-radius:4px;
  background:linear-gradient(-90deg,var(--acc),var(--vio))}

/* ═══════════ کیوسی کارشناس — بلوک اصلی تب تحلیل ═══════════ */
:root{--amb:#FBBF24}
.qc{padding:24px clamp(18px,3vw,28px);margin-bottom:16px;position:relative;overflow:hidden}
.qc::before{content:"";position:absolute;inset-inline:0;top:0;height:3px;
  background:linear-gradient(-90deg,var(--qc-c),transparent)}
.qc.good{--qc-c:var(--grn)}.qc.ok{--qc-c:var(--acc)}
.qc.warn{--qc-c:var(--amb)}.qc.bad{--qc-c:var(--danger)}

.qc-head{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.qc-ring{flex:0 0 116px;width:116px;height:116px;border-radius:50%;display:grid;
  place-content:center;text-align:center;position:relative;
  background:conic-gradient(from -90deg,var(--qc-c) calc(var(--p)*1%),rgba(148,190,255,.10) 0)}
.qc-ring::after{content:"";position:absolute;inset:9px;border-radius:50%;background:#080B16;
  border:1px solid var(--line-soft)}
.qc-ring span,.qc-ring small{position:relative;z-index:1;display:block}
.qc-ring span{font-family:var(--num);font-weight:700;font-size:31px;color:var(--qc-c);line-height:1.1}
.qc-ring small{font-size:11px;color:var(--text-faint);margin-top:2px}
/* ارزیابی توصیفی (مشاوره/نوبت‌دهی): حلقه به جای عدد، خودِ محدوده را نشان می‌دهد */
.qc-ring.word span{font-family:var(--disp);font-size:18px;line-height:1.4;padding:0 12px}
.qc-hd{flex:1;min-width:230px}
.qc-k{display:flex;align-items:center;gap:9px;font-size:12.5px;color:var(--text-faint);margin-bottom:6px}
.qc-k svg{color:var(--qc-c,var(--acc));flex:0 0 auto}
.qc-grade{display:inline-block;font-family:var(--disp);font-weight:700;font-size:19px;
  color:var(--qc-c);padding:4px 14px;border-radius:20px;margin-bottom:8px;
  background:color-mix(in srgb,var(--qc-c) 10%,transparent);
  border:1px solid color-mix(in srgb,var(--qc-c) 34%,transparent)}
.qc-headline{font-size:15px;line-height:1.9}
.qc-reason{margin-top:7px;font-size:13.5px;color:var(--text-dim);line-height:1.9;
  padding-right:12px;border-right:2px solid var(--qc-c)}
.qc-tone{display:flex;gap:8px;align-items:flex-start;margin-top:8px;font-size:13.5px;
  color:var(--text-dim);line-height:1.9}
.qc-tone svg{flex:0 0 auto;margin-top:4px;color:var(--qc-c)}

.qc-scores{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px 20px;
  margin-top:22px;padding-top:20px;border-top:1px solid var(--line-soft)}
.qc-sc>span:first-child{display:flex;justify-content:space-between;align-items:baseline;
  font-size:12.5px;color:var(--text-dim);margin-bottom:6px}
.qc-sc b{font-family:var(--num);font-size:13.5px;color:var(--text)}
.qc-sc b i{font-style:normal;color:var(--text-faint);font-size:11.5px}
.qc-scbar{display:block;height:6px;border-radius:4px;background:rgba(148,190,255,.1);overflow:hidden}
.qc-scbar i{display:block;height:100%;border-radius:4px;background:var(--acc)}
.qc-scbar.good i{background:var(--grn)}.qc-scbar.ok i{background:var(--acc)}
.qc-scbar.warn i{background:var(--amb)}.qc-scbar.bad i{background:var(--danger)}

.qc-int{display:flex;align-items:center;gap:9px;margin-top:18px;padding:11px 15px;border-radius:10px;
  font-size:13.5px;line-height:1.9;color:var(--amb);background:rgba(251,191,36,.07);
  border:1px solid rgba(251,191,36,.26)}
.qc-int svg{flex:0 0 auto}
.qc-int b{font-family:var(--num)}
.qc-clean{display:flex;align-items:center;gap:9px;margin-top:18px;font-size:13.5px;color:var(--grn)}

.qc-vios,.qc-strengths,.qc-missed{margin-top:22px;padding-top:20px;border-top:1px solid var(--line-soft)}
.qc-vio{margin-top:11px;padding:15px 17px;border-radius:12px;border:1px solid var(--line-soft);
  border-right:3px solid var(--sev-c);background:color-mix(in srgb,var(--sev-c) 5%,transparent)}
.qc-vio.crit{--sev-c:var(--danger)}.qc-vio.major{--sev-c:var(--amb)}.qc-vio.minor{--sev-c:var(--text-faint)}
.qc-vio header{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:8px}
.qc-vio header b{font-size:14.5px;color:var(--sev-c)}
.qc-sev{padding:3px 10px;border-radius:20px;font-size:11px;color:var(--sev-c);
  border:1px solid color-mix(in srgb,var(--sev-c) 36%,transparent)}
.qc-vio p{font-size:13.5px;line-height:1.95;color:var(--text-dim)}
.qc-vio blockquote{margin:9px 0;padding:9px 14px;border-radius:9px;font-family:var(--quote);
  font-size:16px;line-height:1.75;color:var(--text);background:rgba(5,7,15,.4);
  border-right:2px solid var(--sev-c)}
.qc-vio .qc-why{color:var(--text-faint);font-size:12.5px}
.qc-vio .qc-fix{margin-top:9px;padding:9px 13px;border-radius:9px;color:var(--text);
  background:rgba(74,222,128,.06);border:1px solid rgba(74,222,128,.22)}
.qc-vio .qc-fix span{color:var(--grn);font-weight:600}
.qc-str{margin-top:10px;padding:11px 15px;border-radius:10px;background:rgba(74,222,128,.05);
  border:1px solid rgba(74,222,128,.2)}
.qc-str b{display:block;font-size:14px;color:var(--grn);margin-bottom:4px}
.qc-str q{font-family:var(--quote);font-size:15.5px;color:var(--text-dim);line-height:1.7}
.qc-missed ul{margin-top:10px;padding-right:20px}
.qc-missed li{font-size:13.5px;line-height:2.1;color:var(--text-dim)}

/* ═══════════ شرایط تماس — قبل از کارنامه ═══════════ */
.cx{padding:20px clamp(16px,3vw,24px);margin-bottom:16px;border-right:3px solid var(--cx-c)}
.cx.d1{--cx-c:var(--grn)}.cx.d2{--cx-c:var(--acc)}
.cx.d3{--cx-c:var(--amb,#FBBF24)}.cx.d4{--cx-c:var(--danger)}
.cx .an-k svg{color:var(--cx-c)}
.cx-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px 22px}
.cx-cell small{display:block;font-size:11.5px;color:var(--text-faint);margin-bottom:4px}
.cx-cell b{display:block;font-size:15px;font-weight:600}
.cx-cell .cx-diff{color:var(--cx-c)}
.cx-cell span{display:block;margin-top:4px;font-size:12.5px;color:var(--text-dim);line-height:1.85}
.cx-cell q{display:block;margin-top:5px;font-family:var(--quote);font-size:15px;
  color:var(--text-faint);line-height:1.7}
.cx-notes{margin-top:16px;padding-top:14px;padding-right:20px;border-top:1px solid var(--line-soft)}
.cx-notes li{font-size:13px;line-height:2;color:var(--text-dim)}

/* ═══════════ کارنامهٔ ارزیابی عملکرد ═══════════ */
.ev-sum{margin-bottom:14px;padding:11px 15px;border-radius:10px;font-size:13.5px;
  color:var(--text-dim);background:rgba(56,225,255,.05);border:1px solid var(--line-soft)}
.ev-sum b{font-family:var(--num);color:var(--text)}
.ev-sum .ev-final{color:var(--acc-soft);font-size:15px}
.ev-unscored{font-size:14px;line-height:1.9;color:var(--amb,#FBBF24)}
.ev-list{display:flex;flex-direction:column}
.ev-row{display:flex;gap:14px;align-items:flex-start;padding:12px 0;
  border-bottom:1px solid var(--line-soft)}
.ev-row:last-child{border-bottom:0}
.ev-num{flex:0 0 62px;text-align:center;padding:5px 0;border-radius:9px;font-family:var(--num);
  font-weight:700;font-size:14px;color:var(--ev-c);border:1px solid color-mix(in srgb,var(--ev-c) 34%,transparent);
  background:color-mix(in srgb,var(--ev-c) 8%,transparent)}
.ev-num i{font-style:normal;font-weight:400;font-size:11px;color:var(--text-faint)}
.ev-row.ok{--ev-c:var(--grn)}.ev-row.part{--ev-c:var(--acc)}
.ev-row.low{--ev-c:var(--amb,#FBBF24)}.ev-row.no{--ev-c:var(--danger)}
.ev-row.na{--ev-c:var(--text-faint);opacity:.6}
.ev-tx{flex:1;min-width:0}
.ev-tx b{display:block;font-size:14px;font-weight:600;margin-bottom:3px}
.ev-tx b em{font-style:normal;margin-right:8px;padding:2px 9px;border-radius:20px;font-size:10.5px;
  font-weight:400;border:1px solid var(--line)}
.ev-boost{color:var(--amb,#FBBF24);background:rgba(251,191,36,.08);border-color:rgba(251,191,36,.3)!important}
.ev-na{color:var(--text-faint)}
.ev-tx>span{display:block;font-size:12.5px;color:var(--text-dim);line-height:1.85}
.ev-tx q{display:block;margin-top:4px;font-family:var(--quote);font-size:15px;
  color:var(--text-faint);line-height:1.7}
.ev-bar{display:block!important;height:4px;margin-top:8px;border-radius:3px;
  background:rgba(148,190,255,.1);overflow:hidden}
.ev-bar i{display:block;height:100%;border-radius:3px;background:var(--ev-c)}

@media (max-width:560px){
  .ev-row{flex-direction:column;gap:8px}
  .ev-num{flex:none;align-self:flex-start;padding:5px 16px}
}

/* — تجربه‌ی مراجع، ریسک، رعایت اسکریپت — */
.an-card .an-sub{display:block;margin-top:7px;font-size:12.5px;color:var(--text-faint);line-height:1.85}
.an-list{padding-right:20px}
.an-list li{font-size:14px;line-height:2.1}
.an-list.an-flag li{color:var(--amb)}
.ce-row{font-size:14px;line-height:2;margin-bottom:6px}
.ce-row>span:first-child{color:var(--text-faint);font-size:12.5px}
.ce-row.warn>span:first-child{color:var(--amb)}
.ce-chips{margin:2px 0 8px}
.ce-un{padding-right:20px;margin-bottom:4px}
.ce-un li{font-size:13.5px;line-height:2;color:var(--amb)}
.sc-list{display:flex;flex-direction:column;gap:2px}
.sc-row{display:flex;gap:13px;align-items:flex-start;padding:11px 0;
  border-bottom:1px solid var(--line-soft)}
.sc-row:last-child{border-bottom:0}
.sc-st{flex:0 0 84px;text-align:center;padding:4px 0;border-radius:20px;font-size:11.5px}
.sc-row.ok   .sc-st{color:var(--grn);background:rgba(74,222,128,.08);border:1px solid rgba(74,222,128,.25)}
.sc-row.part .sc-st{color:var(--amb);background:rgba(251,191,36,.08);border:1px solid rgba(251,191,36,.25)}
.sc-row.no   .sc-st{color:var(--danger);background:rgba(248,113,113,.08);border:1px solid rgba(248,113,113,.25)}
.sc-row.na   .sc-st{color:var(--text-faint);border:1px solid var(--line-soft)}
.sc-row.na{opacity:.55}
/* چهار محدوده‌ی ارزیابی توصیفی مشاوره/نوبت‌دهی */
.sc-row.g1 .sc-st{color:var(--grn);background:rgba(74,222,128,.08);border:1px solid rgba(74,222,128,.25)}
.sc-row.g2 .sc-st{color:var(--acc);background:rgba(56,225,255,.08);border:1px solid rgba(56,225,255,.25)}
.sc-row.g3 .sc-st{color:var(--amb);background:rgba(251,191,36,.08);border:1px solid rgba(251,191,36,.25)}
.sc-row.g4 .sc-st{color:var(--danger);background:rgba(248,113,113,.08);border:1px solid rgba(248,113,113,.25)}
.dm-scale{font-size:12.5px;color:var(--text-dim);line-height:1.9;margin-bottom:10px}
.dm-scale b{color:var(--text)}
.sc-tx{flex:1;min-width:0}
.sc-tx b{display:block;font-size:14px;margin-bottom:2px}
.sc-tx>span{display:block;font-size:12.5px;color:var(--text-dim);line-height:1.85}
.sc-tx q{display:block;margin-top:4px;font-family:var(--quote);font-size:15px;
  color:var(--text-faint);line-height:1.7}

/* نشان‌های داخل متن مکالمه */
.tr-tag{font-style:normal;margin-right:7px;padding:2px 8px;border-radius:20px;font-size:10.5px;
  font-weight:400;color:var(--acc);background:rgba(56,225,255,.08);border:1px solid var(--line)}
.tr-tag.cut{color:var(--amb);background:rgba(251,191,36,.08);border-color:rgba(251,191,36,.3)}
.tr-tone{font-style:normal;margin-right:7px;font-size:10.5px;color:var(--text-faint);font-weight:400}
.tr-turn.staff .tr-bubble{border-color:var(--line)}

@media (max-width:560px){
  .qc-head{gap:16px}
  .qc-ring{flex:0 0 92px;width:92px;height:92px}
  .qc-ring span{font-size:25px}
  .sc-row{flex-direction:column;gap:6px}
  .sc-st{flex:none;align-self:flex-start;padding:4px 14px}
}

/* خطا */
#ag-error{display:none;margin-top:22px;padding:20px 24px;border-radius:14px;font-size:14px;
  color:var(--danger);background:rgba(248,113,113,.07);border:1px solid rgba(248,113,113,.3)}
#ag-error.on{display:block}
#ag-error button{margin-top:10px;padding:9px 18px;border:1px solid rgba(248,113,113,.4);
  border-radius:9px;color:var(--danger);font-size:13px;min-height:40px}
#ag-error button:hover{background:rgba(248,113,113,.1)}

/* ═══════════ تاریخچه ═══════════ */
#ag-history{margin-top:44px}
#ag-history h2{font-family:var(--disp);font-weight:700;font-size:19px;margin-bottom:14px;
  display:flex;align-items:center;gap:10px}
#ag-history h2 svg{color:var(--acc)}
.hs-empty{padding:26px;text-align:center;color:var(--text-faint);font-size:13.5px}
.hs-item{display:flex;align-items:center;gap:14px;width:100%;text-align:right;padding:15px 18px;
  margin-bottom:10px;cursor:pointer;transition:border-color .25s,background .25s,transform .25s}
.hs-item:hover{border-color:var(--acc-dim);background:var(--surface-2);transform:translateY(-1px)}
.hs-item .hs-ic{flex:0 0 40px;height:40px;border-radius:11px;display:grid;place-items:center;
  color:var(--acc);background:rgba(56,225,255,.07);border:1px solid var(--line)}
.hs-item .hs-tx{flex:1;min-width:0}
.hs-item .hs-tx b{display:block;font-size:14px;font-weight:600;white-space:nowrap;
  overflow:hidden;text-overflow:ellipsis}
.hs-item .hs-tx span{display:block;font-size:12.5px;color:var(--text-dim);white-space:nowrap;
  overflow:hidden;text-overflow:ellipsis;margin-top:3px}
.hs-item .hs-dept{font-style:normal;margin-right:8px;padding:2px 9px;border-radius:20px;
  font-size:10.5px;font-weight:400;color:var(--acc);background:rgba(56,225,255,.08);
  border:1px solid var(--line)}
.hs-item .hs-score{flex:0 0 auto;min-width:38px;text-align:center;padding:4px 0;border-radius:9px;
  font-family:var(--num);font-weight:700;font-size:13px;border:1px solid currentColor}
.hs-score.good{color:var(--grn)}.hs-score.ok{color:var(--acc)}
.hs-score.warn{color:var(--amb,#FBBF24)}.hs-score.bad{color:var(--danger)}
/* مشاوره/نوبت‌دهی نمره‌ی عددی ندارند — تاریخچه خودِ محدوده را نشان می‌دهد */
.hs-score.txt{font-family:var(--disp);font-weight:600;font-size:11.5px;padding:4px 9px}
/* دکمه‌ی حذف هر آیتم تاریخچه */
.hs-del{flex:0 0 auto;display:grid;place-items:center;min-width:36px;min-height:36px;
  border-radius:9px;color:var(--text-faint);transition:color .2s,background .2s}
.hs-del:hover,.hs-del:focus-visible{color:var(--danger);background:rgba(248,113,113,.09)}
/* اعتبار هفتگی زیر دراپ‌زون */
.ag-quota{margin:12px 4px 0;font-size:13px;color:var(--text-dim)}
.ag-quota.out{color:var(--amb,#FBBF24)}

/* ═══════════ مودال تغییر رمز ═══════════ */
#pw-backdrop{position:fixed;inset:0;z-index:1290;background:rgba(2,4,10,.66);
  backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:0;transition:opacity .3s}
#pw-backdrop.on{opacity:1}
#pw-modal{position:fixed;inset:0;z-index:1300;display:grid;place-items:center;
  padding:20px;pointer-events:none}
#pw-modal[hidden],#pw-backdrop[hidden]{display:none}
.pwm-card{pointer-events:auto;width:min(420px,96vw);padding:28px 30px 24px;text-align:right}
.pwm-card h3{font-family:var(--disp);font-weight:700;font-size:20px;margin-bottom:4px}
.pwm-sub{font-size:12.5px;color:var(--text-faint);margin-bottom:18px;line-height:1.9}
.pwm-card .field{margin-bottom:14px}
.pwm-card label{display:block;font-size:13px;color:var(--text-dim);margin-bottom:7px}
.pwm-card input{width:100%;padding:12px 14px;border-radius:10px;border:1px solid var(--line-soft);
  background:rgba(5,7,15,.55);color:var(--text);font:inherit;font-size:15px;min-height:46px;
  text-align:left;transition:border-color .25s,box-shadow .25s}
.pwm-card input:focus{outline:none;border-color:var(--acc-dim);
  box-shadow:0 0 0 3px rgba(56,225,255,.12)}
.pwm-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:6px}
.pwm-actions .ag-btn{width:auto;flex:1;min-width:180px}
.lg-err.ok{color:var(--grn);background:rgba(74,222,128,.08);border-color:rgba(74,222,128,.25)}
.hs-item .hs-date{font-family:var(--num);font-size:11.5px;color:var(--text-faint);flex:0 0 auto}
.hs-item .hs-st{flex:0 0 auto;padding:4px 11px;border-radius:20px;font-size:11.5px}
.hs-st.done{color:var(--grn);background:rgba(74,222,128,.08);border:1px solid rgba(74,222,128,.25)}
.hs-st.failed{color:var(--danger);background:rgba(248,113,113,.08);border:1px solid rgba(248,113,113,.25)}
.hs-st.processing{color:var(--acc-soft);background:rgba(56,225,255,.07);border:1px solid var(--line)}

@media (max-width:640px){
  #agent-main{padding-top:96px}
  .tr-turn{max-width:100%}
  .rs-tabs{width:100%}
  .rs-tab{flex:1;text-align:center}
  .hs-item .hs-date{display:none}
}