/* تقييم ترشيح — فيودكس. هويّة: #FF5700 / #3A2666. صفر إيموجي، أيقونات خطّية. */
[hidden]{display:none !important}
:root{
  --br:#FF5700; --br-d:#e04c00; --pu:#3A2666; --pu-l:#5a3f92;
  --bg:#f6f5f8; --card:#fff; --ink:#1b1826; --ink-2:#4a4557; --ink-3:#7c7689;
  --line:#e4e1ea; --line-2:#cfcad9; --ok:#1f8a54; --warn:#b26a00; --bad:#c22f2f;
  --r:14px; --sh:0 1px 2px rgba(27,24,38,.05),0 8px 24px rgba(27,24,38,.06);
  --fs:16px;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  font-family:"IBM Plex Sans Arabic","Tajawal","Noto Sans Arabic","Segoe UI",system-ui,sans-serif;
  background:var(--bg); color:var(--ink); font-size:var(--fs); line-height:1.75;
  -webkit-text-size-adjust:100%;
}
.boot{min-height:100vh;display:grid;place-items:center}
.spin{width:34px;height:34px;border:3px solid var(--line-2);border-top-color:var(--br);border-radius:50%;animation:sp .8s linear infinite}
@keyframes sp{to{transform:rotate(360deg)}}
button{font:inherit;cursor:pointer}
a{color:var(--pu)}

/* ── هيكل ── */
.wrap{max-width:900px;margin:0 auto;padding:0 16px 96px}
.top{position:sticky;top:0;z-index:30;background:rgba(246,245,248,.94);backdrop-filter:blur(8px);
  border-bottom:1px solid var(--line);margin-bottom:22px}
.top-in{max-width:900px;margin:0 auto;padding:12px 16px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:9px;font-weight:700;letter-spacing:-.2px}
.brand i{width:22px;height:22px;display:inline-block;flex:0 0 22px}
.brand svg{width:100%;height:100%}
.top .sp{flex:1 1 auto;min-width:8px}
.meta{font-size:13px;color:var(--ink-3);white-space:nowrap}
.pbar{height:4px;background:var(--line);border-radius:99px;overflow:hidden;width:100%;margin-top:2px}
.pbar i{display:block;height:100%;background:linear-gradient(90deg,var(--pu),var(--br));transition:width .3s}

/* ── بطاقات ── */
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh);padding:26px;margin-bottom:18px}
.card.pad-s{padding:18px}
h1{font-size:27px;line-height:1.4;margin:0 0 6px;letter-spacing:-.4px}
h2{font-size:20px;margin:0 0 4px;letter-spacing:-.3px}
h3{font-size:16px;margin:0 0 6px}
.lead{color:var(--ink-2);white-space:pre-line}
.sub{color:var(--ink-3);font-size:14.5px;margin:0 0 18px}
.kv{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0 0}
.tag{border:1px solid var(--line-2);border-radius:99px;padding:4px 12px;font-size:13px;color:var(--ink-2);background:#fbfafc}
hr{border:0;border-top:1px solid var(--line);margin:20px 0}

/* ── أزرار ── */
.btn{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line-2);background:#fff;
  color:var(--ink);border-radius:10px;padding:11px 20px;font-weight:600;transition:.15s;font-size:15px}
.btn:hover{border-color:var(--ink-3)}
.btn.pri{background:var(--br);border-color:var(--br);color:#fff}
.btn.pri:hover{background:var(--br-d);border-color:var(--br-d)}
.btn.gh{background:transparent;border-color:transparent;color:var(--ink-2)}
.btn.gh:hover{background:#efedf3}
.btn[disabled]{opacity:.45;cursor:not-allowed}
.btn.sm{padding:7px 14px;font-size:14px}
.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.row.end{justify-content:flex-end}
.row.between{justify-content:space-between}

/* ── تنقّل الأقسام ── */
.steps{display:flex;gap:6px;overflow-x:auto;padding:2px 0 10px;scrollbar-width:thin}
.step{flex:0 0 auto;border:1px solid var(--line-2);background:#fff;border-radius:99px;padding:6px 14px;
  font-size:13.5px;color:var(--ink-2);white-space:nowrap}
.step.on{background:var(--pu);border-color:var(--pu);color:#fff}
.step.done{border-color:var(--ok);color:var(--ok)}
.step.on.done{background:var(--pu);color:#fff;border-color:var(--pu)}

/* ── أسئلة ── */
.q{border-top:1px solid var(--line);padding:24px 0 4px}
.q:first-of-type{border-top:0;padding-top:6px}
.q-n{font-size:12.5px;color:var(--br);font-weight:700;letter-spacing:.3px;margin-bottom:6px}
.q-t{font-size:17px;font-weight:600;line-height:1.7;margin:0 0 14px}
.q-h{font-size:13.5px;color:var(--ink-3);margin:-8px 0 12px}
.opts{display:flex;flex-direction:column;gap:9px}
.opt{display:flex;gap:11px;align-items:flex-start;border:1px solid var(--line);background:#fcfcfd;
  border-radius:11px;padding:13px 15px;cursor:pointer;transition:.13s;line-height:1.65}
.opt:hover{border-color:var(--line-2);background:#fff}
.opt.sel{border-color:var(--br);background:#fff7f3;box-shadow:inset 0 0 0 1px var(--br)}
.opt input{margin:6px 0 0;accent-color:var(--br);flex:0 0 auto;width:17px;height:17px}
.opt span{flex:1 1 auto;min-width:0}

/* ترتيب */
.ord{display:flex;flex-direction:column;gap:8px}
.ord-i{display:flex;gap:10px;align-items:center;border:1px solid var(--line);background:#fcfcfd;border-radius:11px;padding:10px 12px}
.ord-i b{flex:0 0 28px;height:28px;border-radius:8px;background:var(--pu);color:#fff;display:grid;place-items:center;font-size:13px}
.ord-i span{flex:1 1 auto;min-width:0;line-height:1.6}
.ord-b{display:flex;flex-direction:column;gap:2px;flex:0 0 auto}
.ord-b button{width:30px;height:22px;border:1px solid var(--line-2);background:#fff;border-radius:6px;
  display:grid;place-items:center;padding:0;color:var(--ink-2)}
.ord-b button:hover{border-color:var(--br);color:var(--br)}
.ord-b button[disabled]{opacity:.3;cursor:not-allowed}

/* توزيع */
.alloc{display:flex;flex-direction:column;gap:9px}
.alloc-i{display:flex;gap:12px;align-items:center;border:1px solid var(--line);background:#fcfcfd;border-radius:11px;padding:11px 14px}
.alloc-i span{flex:1 1 auto;min-width:0;line-height:1.6}
.alloc-i input{width:84px;flex:0 0 auto;text-align:center;font:inherit;font-weight:700;border:1px solid var(--line-2);
  border-radius:9px;padding:8px;background:#fff;color:var(--ink)}
.alloc-i input:focus{outline:2px solid var(--br);outline-offset:1px;border-color:var(--br)}
.alloc-sum{margin-top:10px;font-size:14px;font-weight:700}
.alloc-sum.ok{color:var(--ok)} .alloc-sum.no{color:var(--bad)}

/* تقييم ذاتي */
.sr{display:flex;flex-direction:column;gap:7px}
.sr-i{display:flex;gap:12px;align-items:center;border:1px solid var(--line);background:#fcfcfd;border-radius:11px;padding:10px 14px;flex-wrap:wrap}
.sr-i span{flex:1 1 220px;min-width:0;line-height:1.6}
.seg{display:flex;gap:4px;flex:0 0 auto}
.seg button{width:38px;height:34px;border:1px solid var(--line-2);background:#fff;border-radius:8px;font-weight:700;font-size:14px;color:var(--ink-2)}
.seg button.on{background:var(--pu);border-color:var(--pu);color:#fff}
.seg.wide button{width:auto;padding:0 11px;font-size:13px}
.sr-legend{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 14px}
.sr-legend .lg-i{font-size:12.5px;color:var(--ink-2);background:#f4f3f7;border:1px solid var(--line);
  border-radius:99px;padding:3px 11px;white-space:nowrap}

/* مفتوح */
textarea{width:100%;min-height:190px;font:inherit;line-height:1.85;border:1px solid var(--line-2);border-radius:11px;
  padding:14px;background:#fff;color:var(--ink);resize:vertical}
textarea:focus{outline:2px solid var(--br);outline-offset:1px;border-color:var(--br)}
.cnt{font-size:13px;color:var(--ink-3);margin-top:6px;text-align:start}
.cnt.ok{color:var(--ok)}

/* حالات */
.note{border-inline-start:3px solid var(--br);background:#fff8f4;padding:12px 15px;border-radius:0 10px 10px 0;
  font-size:14.5px;color:var(--ink-2);margin:14px 0}
.note.pu{border-color:var(--pu);background:#f6f3fb}
.err{color:var(--bad);font-size:14px;margin-top:8px}
.miss{background:#fff5f5;border:1px solid #f3cdcd;border-radius:11px;padding:14px 16px;margin:14px 0;font-size:14.5px}
.miss b{display:block;margin-bottom:6px;color:var(--bad)}
.miss ul{margin:0;padding-inline-start:20px}
.center{text-align:center}
.big-ok{width:64px;height:64px;margin:6px auto 18px;border-radius:50%;background:#eaf7f0;display:grid;place-items:center}
.big-ok svg{width:30px;height:30px;stroke:var(--ok);fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}

/* حوار */
.ov{position:fixed;inset:0;background:rgba(27,24,38,.55);display:grid;place-items:center;z-index:80;padding:18px}
.dlg{background:#fff;border-radius:16px;max-width:520px;width:100%;padding:26px;box-shadow:0 24px 60px rgba(0,0,0,.28)}

/* كونسول المالك */
.adm .stat{display:grid;grid-template-columns:repeat(auto-fit,minmax(128px,1fr));gap:10px;margin:16px 0}
.adm .s{border:1px solid var(--line);border-radius:12px;padding:13px 15px;background:#fcfcfd}
.adm .s b{display:block;font-size:24px;letter-spacing:-.5px}
.adm .s i{font-style:normal;font-size:12.5px;color:var(--ink-3)}
.bar{height:9px;background:var(--line);border-radius:99px;overflow:hidden;margin-top:6px}
.bar i{display:block;height:100%;border-radius:99px}
.blk{display:flex;flex-direction:column;gap:11px;margin-top:8px}
.blk .b1{display:flex;justify-content:space-between;font-size:14.5px;gap:10px}
.verdict{border-radius:14px;padding:20px 22px;color:#fff;background:linear-gradient(135deg,var(--pu),var(--pu-l))}
.verdict b{display:block;font-size:22px;line-height:1.5;letter-spacing:-.3px}
.verdict i{font-style:normal;opacity:.85;font-size:14px}
.flag{display:flex;gap:9px;align-items:flex-start;padding:10px 13px;border-radius:10px;font-size:14.5px;margin-bottom:7px;line-height:1.6}
.flag.red{background:#fff2f2;color:#8f1f1f} .flag.amber{background:#fff8ec;color:#7a4c00}
.flag.green{background:#eefaf3;color:#12653c} .flag.note{background:#f4f3f7;color:var(--ink-2)}
.flag em{font-style:normal;font-weight:700;flex:0 0 auto}
.lnk{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;background:#f4f3f7;border:1px solid var(--line);
  border-radius:9px;padding:10px 12px;word-break:break-all;direction:ltr;text-align:left;margin:10px 0}
table.t{width:100%;border-collapse:collapse;font-size:14px;margin-top:10px}
table.t th,table.t td{text-align:start;padding:9px 10px;border-bottom:1px solid var(--line);vertical-align:top}
table.t th{color:var(--ink-3);font-weight:600;font-size:13px}
details{border:1px solid var(--line);border-radius:11px;padding:12px 15px;margin-bottom:9px;background:#fcfcfd}
summary{cursor:pointer;font-weight:600}
.ans{white-space:pre-wrap;line-height:1.85;background:#fff;border:1px solid var(--line);border-radius:10px;padding:14px;margin-top:10px}

@media(max-width:620px){
  :root{--fs:15.5px}
  .card{padding:19px}
  h1{font-size:23px}
  .wrap{padding:0 14px 80px}
  .sr-i{gap:8px}
  .seg button{width:34px}
}