/* ---------- نمایش نظرسنجی ---------- */
.pl-box{ min-width:min(260px, 68vw); display:flex; flex-direction:column; gap:9px; }
.pl-q{ font-size:14px; font-weight:800; line-height:1.7; }
.pl-opts{ display:flex; flex-direction:column; gap:6px; font-size:13px; }
.pl-opt{
  position:relative; display:flex; align-items:center; gap:8px; width:100%;
  min-height:40px; padding:8px 11px; cursor:pointer; text-align:start;
  border:1px solid var(--ch-line, #E7EAF1); border-radius:9px;
  background:var(--ch-paper, #fff); color:var(--ch-ink, #13152C);
  font-family:inherit; font-size:13px; overflow:hidden;
}
.pl-opt > i{
  position:absolute; inset-block:0; inset-inline-start:0; display:block;
  background:var(--ch-brand-soft, rgba(60,1,175,.10)); transition:width .25s ease;
}
.pl-opt.is-mine{ border-color:var(--ch-brand, #3C01AF); }
.pl-opt.is-mine > i{ background:rgba(60,1,175,.18); }
.pl-opt:disabled{ cursor:default; }
.pl-label,.pl-pct{ position:relative; z-index:1; }
.pl-pct{ margin-inline-start:auto; font-weight:800; font-variant-numeric:tabular-nums; }
.pl-foot{
  display:flex; align-items:center; gap:10px; font-size:11.5px;
  color:var(--ch-ink3, #7A8394); padding-top:2px;
}
.pl-close{
  margin-inline-start:auto; border:0; background:none; cursor:pointer;
  font-family:inherit; font-size:11.5px; font-weight:700; color:var(--ch-ink3, #7A8394);
}
.pl-close:hover{ color:#B42318; }
.ch-msg.mine .pl-opt{ background:rgba(255,255,255,.96); }
.ch-msg.mine .pl-foot,.ch-msg.mine .pl-close{ color:rgba(255,255,255,.86); }

/* ---------- دکمهٔ + ---------- */
.pl-add{
  width:44px; height:44px; flex:0 0 44px; padding:0; cursor:pointer;
  display:inline-flex; align-items:center; justify-content:center;
  font-size:23px; line-height:1; font-weight:400;
  border:1px solid var(--ch-line, #E7EAF1); border-radius:10px;
  background:var(--ch-bg, #F5F6FA); color:var(--ch-ink2, #565E70);
  font-family:inherit; align-self:flex-end;
}
.pl-add:hover{ background:var(--ch-brand-soft, rgba(60,1,175,.07)); border-color:var(--ch-brand, #3C01AF); }
.pl-add.is-on{ background:var(--ch-brand, #3C01AF); border-color:var(--ch-brand, #3C01AF); color:#fff; }

/* ---------- فرم ساخت ---------- */
.pl-form{
  display:flex; flex-direction:column; gap:9px; margin-bottom:10px;
  padding:14px; border-radius:12px;
  border:1px solid var(--ch-line, #E7EAF1); background:var(--ch-bg, #F5F6FA);
}
.pl-form[hidden]{ display:none !important; }
.pl-form-top{ display:flex; align-items:center; gap:10px; }
.pl-form-top b{ font-size:14px; }
.pl-x{
  margin-inline-start:auto; width:30px; height:30px; border:0; border-radius:8px;
  background:none; cursor:pointer; font-size:19px; line-height:1;
  color:var(--ch-ink3, #7A8394); font-family:inherit; padding:0;
}
.pl-x:hover{ background:rgba(19,21,44,.06); }
.pl-list{ display:flex; flex-direction:column; gap:6px; }
.pl-in{
  min-height:42px; padding:0 12px; border-radius:9px; width:100%; box-sizing:border-box;
  border:1px solid var(--ch-line, #E7EAF1); background:var(--ch-paper, #fff);
  color:var(--ch-ink, #13152C); font-family:inherit; font-size:13.5px;
}
.pl-in:focus{ outline:2px solid rgba(60,1,175,.18); border-color:var(--ch-brand, #3C01AF); }
.pl-more{
  align-self:flex-start; border:0; background:none; cursor:pointer; padding:4px 0;
  font-family:inherit; font-size:12.5px; font-weight:700; color:var(--ch-brand, #3C01AF);
}
.pl-multi{ display:flex; align-items:center; gap:8px; font-size:12.5px; color:var(--ch-ink2, #565E70); cursor:pointer; }
.pl-multi input{ accent-color:var(--ch-brand, #3C01AF); width:17px; height:17px; }
.pl-act{ display:flex; gap:8px; }
.pl-cancel,.pl-make{
  min-height:40px; padding:0 16px; border-radius:9px; cursor:pointer;
  font-family:inherit; font-size:13px; font-weight:700;
  border:1px solid var(--ch-line, #E7EAF1); background:var(--ch-paper, #fff); color:var(--ch-ink2, #565E70);
}
.pl-make{ background:var(--ch-brand, #3C01AF); border-color:var(--ch-brand, #3C01AF); color:#fff; margin-inline-start:auto; }

html[data-theme="dark"] .pl-add,html[data-theme="dark"] .pl-in,html[data-theme="dark"] .pl-cancel{
  background:#1A1D33; border-color:rgba(255,255,255,.14);
}
html[data-theme="dark"] .pl-form{ background:#14162B; border-color:rgba(255,255,255,.12); }
html[data-theme="dark"] .pl-opt{ background:#1A1D33; border-color:rgba(255,255,255,.14); color:#F2F4F9; }
html[data-theme="dark"] .ch-msg.mine .pl-opt{ background:rgba(255,255,255,.14); color:#fff; }

@media (max-width: 620px){
  .pl-add{ width:40px; height:40px; flex:0 0 40px; font-size:21px; }
  .pl-box{ min-width:min(220px, 74vw); }
  .pl-form{ padding:11px; }
}

/* متن گزینه‌ها همیشه خوانا، حتی داخل حباب بنفش */
.ch-msg.mine .pl-opt,
.ch-msg.mine .pl-opt .pl-label,
.ch-msg.mine .pl-opt .pl-pct{
  color:var(--ch-ink, #13152C) !important;
  -webkit-text-fill-color:var(--ch-ink, #13152C) !important;
}
.ch-msg.mine .pl-opt{ background:#fff !important; border-color:rgba(255,255,255,.5) !important; }
.ch-msg.mine .pl-opt > i{ background:rgba(60,1,175,.16) !important; }
.ch-msg.mine .pl-opt.is-mine{ border-color:#fff !important; }
.ch-msg.mine .pl-q{ color:#fff !important; }
.ch-msg.mine .pl-foot,.ch-msg.mine .pl-close{ color:rgba(255,255,255,.88) !important; }

html[data-theme="dark"] .ch-msg.mine .pl-opt,
html[data-theme="dark"] .ch-msg.mine .pl-opt .pl-label,
html[data-theme="dark"] .ch-msg.mine .pl-opt .pl-pct{
  color:#F2F4F9 !important; -webkit-text-fill-color:#F2F4F9 !important;
}
html[data-theme="dark"] .ch-msg.mine .pl-opt{
  background:rgba(255,255,255,.12) !important; border-color:rgba(255,255,255,.22) !important;
}
html[data-theme="dark"] .ch-msg.mine .pl-opt > i{ background:rgba(255,255,255,.20) !important; }

/* نام رأی‌دهندگان — فقط برای مدیر و معاونت */
.pl-row{ display:flex; flex-direction:column; gap:3px; }
.pl-who{
  font-size:11px; line-height:1.75; padding:0 11px 2px;
  color:var(--ch-ink3, #7A8394);
}
.ch-msg.mine .pl-who{ color:rgba(255,255,255,.82) !important; }
html[data-theme="dark"] .pl-who{ color:#8B93A4; }

/* ---------- رنگ‌بندی بهتر نظرسنجی ---------- */
.pl-opt{
  border-width:1.5px;
  transition:border-color .15s ease, background .15s ease;
}
.pl-opt > i{ background:rgba(60,1,175,.12); }
.pl-opt:hover:not(:disabled){ border-color:rgba(60,1,175,.45); }
.pl-opt.is-mine{ border-color:var(--ch-brand, #3C01AF); }
.pl-opt.is-mine > i{ background:rgba(60,1,175,.20); }
.pl-opt.is-mine .pl-label{ font-weight:700; }
.pl-pct > b{ color:var(--ch-brand, #3C01AF); }
.pl-opt.is-mine::after{
  content:'✓'; position:relative; z-index:1; font-size:12px; font-weight:800;
  color:var(--ch-brand, #3C01AF); margin-inline-start:6px;
}

/* تم تاریک */
html[data-theme="dark"] .pl-opt{
  background:#1C1F38 !important; border-color:rgba(255,255,255,.10) !important;
  color:#EDF0F7 !important;
}
html[data-theme="dark"] .pl-opt > i{ background:rgba(143,109,255,.20) !important; }
html[data-theme="dark"] .pl-opt:hover:not(:disabled){ border-color:rgba(143,109,255,.55) !important; }
html[data-theme="dark"] .pl-opt.is-mine{
  background:#26224A !important; border-color:#8F6DFF !important;
}
html[data-theme="dark"] .pl-opt.is-mine > i{ background:rgba(143,109,255,.32) !important; }
html[data-theme="dark"] .pl-pct > b,
html[data-theme="dark"] .pl-opt.is-mine::after{ color:#B9A2FF !important; }
html[data-theme="dark"] .pl-q{ color:#F2F4F9 !important; }
html[data-theme="dark"] .pl-foot{ color:#8B93A4 !important; }

/* داخل حباب خودم */
.ch-msg.mine .pl-pct > b,
.ch-msg.mine .pl-opt.is-mine::after{ color:var(--ch-brand, #3C01AF) !important; }
html[data-theme="dark"] .ch-msg.mine .pl-opt{
  background:rgba(255,255,255,.10) !important; border-color:rgba(255,255,255,.18) !important;
}
html[data-theme="dark"] .ch-msg.mine .pl-opt.is-mine{
  background:rgba(255,255,255,.20) !important; border-color:#fff !important;
}
html[data-theme="dark"] .ch-msg.mine .pl-pct > b,
html[data-theme="dark"] .ch-msg.mine .pl-opt.is-mine::after{ color:#fff !important; }
