/* محرك العطاءات — واجهة v2 «المظروف» (UI_REDESIGN_PLAN.md · أمر أحمد 31511/31514/31522)
   مفهوم واحد: مظروفان يمتلئان ويُختمان. لا Cairo. Readex Pro للعناوين · IBM Plex Sans Arabic للنص. */
@import url('https://fonts.googleapis.com/css2?family=Readex+Pro:wght@400;500;600;700&family=IBM+Plex+Sans+Arabic:wght@400;500;600&display=swap');

:root{
  --night:#161A3F; --night-2:#1E2350; --night-3:#272C5E;
  --paper:#F6F3EC; --paper-2:#EEE9DD; --paper-3:#E4DCC9;
  --ink:#171A2E; --ink-2:#4A4F6B; --ink-3:#7C8199;
  --gold:#D4A017; --gold-2:#F2C94C; --gold-bg:rgba(212,160,23,.14);
  --thread:#C0392B; --thread-bg:rgba(192,57,43,.12);
  --agree:#2E8B57; --agree-bg:rgba(46,139,87,.13);
  --brain:#7B61FF; --brain-bg:rgba(123,97,255,.12);
  --warn:#D28A1D; --warn-bg:rgba(210,138,29,.13);
  --line:rgba(23,26,46,.12); --card:#FFFFFF; --card-2:#FBF9F4;
  --r:14px; --r-s:9px; --shadow:0 1px 2px rgba(23,26,46,.05),0 10px 30px rgba(23,26,46,.07);
  --font-h:'Readex Pro','IBM Plex Sans Arabic',system-ui,sans-serif; --font-b:'IBM Plex Sans Arabic',system-ui,sans-serif;
  --ease:cubic-bezier(.2,.7,.2,1); --t:.28s;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--font-b);background:var(--paper);color:var(--ink);font-size:15px;line-height:1.65;-webkit-font-smoothing:antialiased;min-height:100vh}
h1,h2,h3,.h{font-family:var(--font-h);letter-spacing:-.01em;text-wrap:balance}
h1{font-size:1.55rem;font-weight:700}h2{font-size:1.15rem;font-weight:600;margin:1.4rem 0 .6rem}h3{font-size:1rem;font-weight:600;margin:.9rem 0 .4rem}
a{color:inherit}
.num{font-variant-numeric:tabular-nums}
.muted{color:var(--ink-3);font-size:.9rem}
::selection{background:var(--gold-bg)}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* ---------- الإطار ---------- */
.topbar{position:sticky;top:0;z-index:20;background:var(--night);color:#fff;display:flex;align-items:center;gap:1rem;padding:.6rem 1.2rem;box-shadow:0 6px 24px rgba(22,26,63,.25)}
.topbar .brand{display:flex;align-items:center;gap:.6rem;font-family:var(--font-h);font-weight:700;font-size:1.05rem}
.topbar .brand .env{width:34px;height:24px;border:2px solid var(--gold);border-radius:4px;position:relative;background:rgba(255,255,255,.04)}
.topbar .brand .env:before{content:"";position:absolute;inset:0;border-top:12px solid var(--gold);border-left:15px solid transparent;border-right:15px solid transparent;opacity:.9}
.topbar .brand small{font-weight:400;opacity:.65;font-size:.72rem;margin-inline-start:.2rem}
.topbar .grow{flex:1}
.topbar .chip{background:rgba(255,255,255,.1);border-radius:999px;padding:.25rem .75rem;font-size:.82rem;display:inline-flex;gap:.4rem;align-items:center}
.topbar .chip.gold{background:var(--gold);color:#241a05;font-weight:600}
.topbar a{text-decoration:none;opacity:.9}
.wrap{max-width:1180px;margin:0 auto;padding:1.2rem 1.2rem 5rem}
.wrap.narrow{max-width:820px}

/* ---------- البطاقات ---------- */
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:1rem 1.1rem;box-shadow:var(--shadow)}
.card.soft{background:var(--card-2);box-shadow:none}
.grid{display:grid;gap:.9rem}.g2{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.g3{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.g4{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}
.stat{display:flex;flex-direction:column;gap:.15rem}.stat b{font-family:var(--font-h);font-size:1.5rem;font-weight:700}.stat small{color:var(--ink-3)}
.pill{display:inline-flex;align-items:center;gap:.35rem;border-radius:999px;padding:.15rem .65rem;font-size:.8rem;font-weight:600;background:var(--paper-2);color:var(--ink-2)}
.pill.gold{background:var(--gold-bg);color:#7a5a08}.pill.thread{background:var(--thread-bg);color:var(--thread)}.pill.agree{background:var(--agree-bg);color:var(--agree)}.pill.brain{background:var(--brain-bg);color:var(--brain)}.pill.warn{background:var(--warn-bg);color:#8a5a0f}
.note{border-inline-start:4px solid var(--gold);background:var(--gold-bg);border-radius:var(--r-s);padding:.7rem 1rem;margin:.8rem 0}
.note.thread{border-color:var(--thread);background:var(--thread-bg)}.note.agree{border-color:var(--agree);background:var(--agree-bg)}.note.brain{border-color:var(--brain);background:var(--brain-bg)}

/* ---------- الأزرار (جديدة — لا أزرار قديمة) ---------- */
.btn{appearance:none;border:0;cursor:pointer;font:inherit;font-weight:600;border-radius:999px;padding:.6rem 1.15rem;background:var(--night);color:#fff;display:inline-flex;align-items:center;gap:.5rem;transition:transform var(--t) var(--ease),box-shadow var(--t) var(--ease),background var(--t);box-shadow:0 6px 16px rgba(22,26,63,.18);text-decoration:none}
.btn:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(22,26,63,.25)}.btn:active{transform:translateY(0) scale(.98)}
.btn.gold{background:linear-gradient(135deg,var(--gold-2),var(--gold));color:#241a05}.btn.ghost{background:transparent;color:var(--ink);border:1.5px solid var(--line);box-shadow:none}.btn.thread{background:var(--thread)}
.btn.lg{padding:.85rem 1.5rem;font-size:1.05rem}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}
.btn:focus-visible,.tab:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--gold-2);outline-offset:2px}
label{display:block;font-size:.85rem;color:var(--ink-2);margin-bottom:.25rem}
input,select,textarea{font:inherit;width:100%;border:1.5px solid var(--line);border-radius:var(--r-s);padding:.55rem .7rem;background:#fff;transition:border-color var(--t)}
input:focus,select:focus{border-color:var(--night)}
.table{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.9rem}th{text-align:right;font-family:var(--font-h);font-weight:600;color:var(--ink-2);padding:.55rem .6rem;border-bottom:2px solid var(--line);white-space:nowrap}td{padding:.5rem .6rem;border-bottom:1px solid var(--line);vertical-align:top}tr:hover td{background:var(--card-2)}

/* ---------- السكة: 14 محطة ---------- */
.rail{position:relative;margin:1rem 0 .4rem;padding:1.2rem 0 .6rem;overflow-x:auto;overflow-y:hidden}
.rail ol{display:flex;gap:0;list-style:none;min-width:900px;position:relative}
.rail ol:before{content:"";position:absolute;top:22px;right:28px;left:28px;height:3px;background:var(--paper-3);border-radius:3px}
.rail .fill{position:absolute;top:22px;right:28px;height:3px;background:linear-gradient(90deg,var(--gold),var(--gold-2));border-radius:3px;transition:width .9s var(--ease);box-shadow:0 0 12px rgba(212,160,23,.5)}
.st{flex:1;min-width:64px;text-align:center;position:relative;cursor:pointer;padding-top:0}
.st .dot{width:22px;height:22px;border-radius:50%;background:#fff;border:3px solid var(--paper-3);margin:11px auto 0;position:relative;z-index:2;transition:all var(--t) var(--ease);display:flex;align-items:center;justify-content:center;font-size:.7rem}
.st.done .dot{background:var(--gold);border-color:var(--gold);color:#241a05}
.st.human .dot{background:#fff;border-color:var(--gold);box-shadow:0 0 0 6px var(--gold-bg);animation:pulse 1.6s infinite}
.st.blocked .dot{background:var(--thread);border-color:var(--thread);color:#fff}
.st.active .dot{background:var(--brain);border-color:var(--brain);color:#fff;animation:spin-ring 1.2s linear infinite}
.st.locked .dot{opacity:.45}
.st .lbl{display:block;font-size:.72rem;margin-top:.35rem;color:var(--ink-2);line-height:1.2;padding:0 .2rem}
.st .code{position:absolute;top:-6px;right:50%;transform:translateX(50%);font-size:.62rem;color:var(--ink-3);font-family:var(--font-h)}
.st:hover .dot{transform:scale(1.15)}
.st.selected .lbl{color:var(--ink);font-weight:600}
@keyframes pulse{0%,100%{box-shadow:0 0 0 6px var(--gold-bg)}50%{box-shadow:0 0 0 12px rgba(212,160,23,.05)}}
@keyframes spin-ring{to{transform:rotate(360deg)}}
/* القطعة الحية على السكة */
.rail .piece{position:absolute;top:8px;width:34px;height:24px;border:2px solid var(--gold);border-radius:4px;background:#fff;z-index:3;transition:right .9s var(--ease);transform:translateX(50%)}
.rail .piece:before{content:"";position:absolute;inset:0;border-top:11px solid var(--gold);border-left:15px solid transparent;border-right:15px solid transparent}

/* ---------- التبويبات (view transitions) ---------- */
.tabs{display:flex;gap:.3rem;flex-wrap:wrap;border-bottom:1.5px solid var(--line);margin:.4rem 0 1rem;position:sticky;top:52px;background:var(--paper);z-index:10;padding-top:.3rem}
.tab{appearance:none;border:0;background:transparent;font:inherit;font-weight:600;color:var(--ink-3);padding:.55rem .8rem;border-radius:var(--r-s) var(--r-s) 0 0;cursor:pointer;position:relative;transition:color var(--t)}
.tab:hover{color:var(--ink)}.tab[aria-selected="true"]{color:var(--ink)}
.tab[aria-selected="true"]:after{content:"";position:absolute;left:8px;right:8px;bottom:-2px;height:3px;background:var(--gold);border-radius:3px;view-transition-name:tab-ink}
.tab .cnt{background:var(--paper-2);border-radius:999px;padding:0 .45rem;font-size:.72rem;margin-inline-start:.3rem}
.tab .cnt.thread{background:var(--thread-bg);color:var(--thread)}.tab .cnt.gold{background:var(--gold-bg);color:#7a5a08}
.panel{display:none;animation:panelin .32s var(--ease) both}.panel[data-active]{display:block}
@keyframes panelin{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
::view-transition-old(root),::view-transition-new(root){animation-duration:.25s}

/* ---------- البث الحي ---------- */
.live{background:var(--night);color:#fff;border-radius:var(--r);padding:.9rem 1.1rem;margin:.6rem 0 1rem;display:none;box-shadow:0 14px 34px rgba(22,26,63,.25)}
.live[data-on]{display:block;animation:panelin .4s var(--ease) both}
.live .who{font-family:var(--font-h);font-weight:600;display:flex;align-items:center;gap:.6rem}
.live .who i{width:10px;height:10px;border-radius:50%;background:var(--gold-2);box-shadow:0 0 0 0 rgba(242,201,76,.6);animation:beat 1.4s infinite}
@keyframes beat{0%{box-shadow:0 0 0 0 rgba(242,201,76,.6)}70%{box-shadow:0 0 0 10px rgba(242,201,76,0)}100%{box-shadow:0 0 0 0 rgba(242,201,76,0)}}
.live ul{list-style:none;margin-top:.5rem;display:flex;flex-direction:column;gap:.25rem;font-size:.88rem;max-height:220px;overflow:auto}
.live li{display:flex;gap:.6rem;align-items:baseline;opacity:.85;animation:panelin .3s var(--ease) both}.live li b{color:var(--gold-2);font-family:var(--font-h);font-weight:500;min-width:66px;font-size:.78rem}
.live li.err{color:#ffb4ad}

/* ---------- المظروف ---------- */
.envelope{position:relative;width:100%;max-width:420px;aspect-ratio:1.45;margin:.4rem auto 1rem;border:2.5px solid var(--night);border-radius:10px;background:linear-gradient(180deg,#fff,var(--card-2));box-shadow:var(--shadow);overflow:hidden}
.envelope .flap{position:absolute;inset:0 0 auto 0;height:52%;background:linear-gradient(180deg,var(--night-2),var(--night));clip-path:polygon(0 0,100% 0,50% 100%);transform-origin:top;transition:transform 1s var(--ease);z-index:3}
.envelope.sealed .flap{transform:rotateX(0)}.envelope.open .flap{transform:rotateX(-160deg)}
.envelope .sheets{position:absolute;inset:auto 8% 6% 8%;height:74%;display:flex;flex-direction:column;justify-content:flex-end;gap:2px}
.envelope .sheet{height:0;background:#fff;border:1px solid var(--line);border-radius:3px;transition:height .8s var(--ease);box-shadow:0 -2px 6px rgba(0,0,0,.05)}
.envelope .sheet.in{height:9%}
.envelope .seal{position:absolute;left:50%;top:48%;width:64px;height:64px;border-radius:50%;background:radial-gradient(circle at 35% 35%,var(--gold-2),var(--gold) 60%,#8a6a0f);transform:translate(-50%,-50%) scale(0);z-index:4;display:flex;align-items:center;justify-content:center;color:#241a05;font-family:var(--font-h);font-weight:700;font-size:.8rem;box-shadow:0 6px 16px rgba(0,0,0,.25)}
.envelope.sealed .seal{animation:stamp .7s var(--ease) forwards}
@keyframes stamp{0%{transform:translate(-50%,-50%) scale(2.2);opacity:0}60%{transform:translate(-50%,-50%) scale(.9);opacity:1}100%{transform:translate(-50%,-50%) scale(1)}}
.envelope .thread{position:absolute;inset:0;border:3px dashed var(--thread);border-radius:10px;opacity:.55;pointer-events:none;transition:opacity 1s}
.envelope.clean .thread{opacity:0}

/* ---------- الاحتفال ---------- */
canvas.confetti{position:fixed;inset:0;pointer-events:none;z-index:50}
.toast{position:fixed;bottom:1.2rem;left:50%;transform:translateX(-50%) translateY(20px);background:var(--night);color:#fff;padding:.75rem 1.2rem;border-radius:999px;box-shadow:0 14px 34px rgba(22,26,63,.3);opacity:0;transition:all .4s var(--ease);z-index:60;font-weight:600;display:flex;gap:.5rem;align-items:center}
.toast[data-on]{opacity:1;transform:translateX(-50%) translateY(0)}.toast.gold{background:linear-gradient(135deg,var(--gold-2),var(--gold));color:#241a05}

/* ---------- العقول ---------- */
.brains{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.8rem}
.brain{border:1px solid var(--line);border-radius:var(--r);padding:.9rem 1rem;background:var(--card);position:relative;overflow:hidden}
.brain:before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:var(--brain)}
.brain .two{display:flex;gap:.4rem;flex-wrap:wrap;margin:.3rem 0}.brain .two span{font-size:.72rem;background:var(--brain-bg);color:var(--brain);border-radius:999px;padding:.05rem .5rem}
.score{font-family:var(--font-h);font-size:1.6rem;font-weight:700}.score small{font-size:.85rem;color:var(--ink-3);font-weight:400}

/* ---------- الاختيارات (أشارك) ---------- */
.choice{display:inline-flex;align-items:center;gap:.4rem;border:1.5px solid var(--line);border-radius:999px;padding:.4rem .8rem;cursor:pointer;transition:all var(--t);background:#fff;font-size:.9rem}
.choice:hover{border-color:var(--night)}.choice input{display:none}.choice.on,.choice:has(input:checked){background:var(--night);color:#fff;border-color:var(--night)}
.choice small{opacity:.75}
.delta.up{color:var(--thread)}.delta.down{color:var(--agree)}

/* ---------- السحب للختم ---------- */
.seal-track{position:relative;height:56px;border-radius:999px;background:var(--paper-2);border:1.5px solid var(--line);overflow:hidden;user-select:none;margin:.6rem 0}
.seal-track .knob{position:absolute;top:3px;right:3px;width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--gold-2),var(--gold));display:flex;align-items:center;justify-content:center;font-weight:700;color:#241a05;cursor:grab;box-shadow:0 4px 12px rgba(0,0,0,.2);touch-action:none}
.seal-track .hint{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--ink-3);font-size:.9rem;pointer-events:none}
.seal-track.done{background:var(--gold-bg)}.seal-track.done .hint{color:#7a5a08;font-weight:600}

/* ---------- الرئيسية: مظاريف صغيرة ---------- */
.envs{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.9rem}
.envcard{display:block;text-decoration:none;color:inherit;border:1.5px solid var(--line);border-radius:var(--r);background:#fff;padding:1rem;transition:transform var(--t) var(--ease),box-shadow var(--t);position:relative;overflow:hidden}
.envcard:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.envcard .mini{width:42px;height:30px;border:2px solid var(--night);border-radius:4px;position:relative;margin-bottom:.5rem}
.envcard .mini:before{content:"";position:absolute;inset:0;border-top:14px solid var(--night);border-left:19px solid transparent;border-right:19px solid transparent}
.envcard.sealed .mini{border-color:var(--gold)}.envcard.sealed .mini:before{border-top-color:var(--gold)}
.envcard .prog{height:4px;background:var(--paper-2);border-radius:3px;margin-top:.6rem;overflow:hidden}.envcard .prog i{display:block;height:100%;background:linear-gradient(90deg,var(--gold),var(--gold-2))}
.drop{border:2px dashed var(--line);border-radius:var(--r);padding:2rem;text-align:center;transition:all var(--t);background:#fff}
.drop.over{border-color:var(--gold);background:var(--gold-bg)}
.drop .big{font-family:var(--font-h);font-size:1.15rem;font-weight:600}

/* ---------- الويزارد ---------- */
.steps{display:flex;gap:.4rem;margin:.6rem 0 1rem;flex-wrap:wrap}.steps .s{flex:1;min-width:120px;padding:.5rem .6rem;border-radius:var(--r-s);background:var(--paper-2);text-align:center;font-size:.85rem;color:var(--ink-3);cursor:pointer;transition:all var(--t)}
.steps .s.on{background:var(--night);color:#fff}.steps .s.ok{background:var(--agree-bg);color:var(--agree)}
.wstep{display:none}.wstep[data-active]{display:block;animation:panelin .3s var(--ease) both}

/* ---------- الدخول ---------- */
.login{min-height:100vh;display:grid;grid-template-columns:1.1fr 1fr}
.login .story{background:var(--night);color:#fff;padding:3rem;display:flex;flex-direction:column;justify-content:center;gap:1rem;position:relative;overflow:hidden}
.login .story h1{font-size:2.2rem;line-height:1.2}
.login .story .env-big{width:260px;height:180px;border:3px solid var(--gold);border-radius:12px;position:relative;margin:1rem 0;background:rgba(255,255,255,.03);animation:float 6s ease-in-out infinite}
.login .story .env-big:before{content:"";position:absolute;inset:0;border-top:90px solid var(--gold);border-left:130px solid transparent;border-right:130px solid transparent;opacity:.9}
@keyframes float{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-10px) rotate(1deg)}}
.login .form{display:flex;align-items:center;justify-content:center;padding:2rem}
.login .form .card{width:100%;max-width:400px}
@media(max-width:820px){.login{grid-template-columns:1fr}.login .story{padding:2rem}.tabs{top:48px}}

/* دفتر راسي */
.journal{list-style:none;padding:0;margin:.8rem 0 0;display:flex;flex-direction:column;gap:.35rem;font-size:.95rem;line-height:1.7}
.journal li{display:grid;grid-template-columns:5.2rem 1fr;gap:.6rem;padding:.35rem .5rem;border-radius:.5rem;background:var(--paper-2,rgba(0,0,0,.03))}
.journal li b{font-variant-numeric:tabular-nums;opacity:.7;font-weight:500}
.journal li.error{background:color-mix(in srgb,var(--thread) 12%,transparent)}
.journal li.done{border-inline-start:3px solid var(--agree)}
.journal li.progress span{opacity:.85}

/* اسأل راسي — الصندوق بهوية v2 */
#chatfab{position:fixed;inset:auto 1.2rem 1.2rem auto;width:58px;height:58px;border-radius:50%;border:0;background:radial-gradient(circle at 35% 35%,var(--gold-2),var(--gold) 65%);color:#241a05;font-size:1.5rem;box-shadow:0 10px 24px rgba(0,0,0,.28);cursor:pointer;z-index:60;transition:transform .25s var(--ease)}
#chatfab:hover{transform:translateY(-2px) scale(1.04)}
#chatpanel{position:fixed;inset:auto 1.2rem 5.6rem auto;width:min(380px,calc(100vw - 2.4rem));max-height:min(560px,calc(100vh - 7rem));display:none;flex-direction:column;background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:16px;box-shadow:0 18px 48px rgba(0,0,0,.28);overflow:hidden;z-index:60;direction:rtl}
#chatpanel.open{display:flex;animation:chat-in .28s var(--ease)}
@keyframes chat-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
#chatpanel .chead{display:flex;justify-content:space-between;align-items:center;padding:.7rem 1rem;background:linear-gradient(180deg,var(--night-2),var(--night));color:#fff;font-family:var(--font-h)}
#chatpanel .cx{cursor:pointer;opacity:.75;padding:.2rem .4rem}#chatpanel .cx:hover{opacity:1}
#chatpanel .cbody{flex:1;overflow:auto;padding:.8rem;display:flex;flex-direction:column;gap:.5rem;background:var(--paper)}
#chatpanel .cmsg{max-width:88%;padding:.55rem .8rem;border-radius:12px;line-height:1.7;font-size:.92rem;white-space:pre-wrap;word-break:break-word}
#chatpanel .cmsg.bot{align-self:flex-start;background:var(--card);border:1px solid var(--line);border-start-end-radius:4px}
#chatpanel .cmsg.me{align-self:flex-end;background:var(--night);color:#fff;border-start-start-radius:4px}
#chatpanel .cmsg.wait{opacity:.6;animation:pulse 1s infinite}
#chatpanel .cfoot{display:flex;gap:.5rem;padding:.6rem;border-top:1px solid var(--line);background:var(--card)}
#chatpanel .cfoot input{flex:1;min-width:0}
@media (prefers-reduced-motion:reduce){#chatpanel.open{animation:none}}

/* تبويب التحليل — وضع القراءة */
.rd-bar{position:sticky;top:0;z-index:5;background:var(--paper);padding:.5rem 0;border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:.5rem}
.rd-chips{display:flex;gap:.4rem;overflow-x:auto;padding-bottom:.2rem;scrollbar-width:thin}
.rd-chips .chip{white-space:nowrap;text-decoration:none}
.rd-chips .chip b{font-variant-numeric:tabular-nums;margin-inline-start:.25rem;opacity:.75}
.rd-chips .chip.on{background:var(--night);color:#fff}
.rd-tools{display:flex;gap:.8rem;align-items:center;flex-wrap:wrap}
.rd-search{max-width:280px}
.rd-list{display:flex;flex-direction:column;gap:.5rem;max-width:72ch}
.rd-item{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:.7rem .9rem;transition:box-shadow .2s}
.rd-item:hover{box-shadow:var(--shadow)}
.rd-item[hidden]{display:none}
.rd-head{display:flex;justify-content:space-between;gap:.8rem;align-items:flex-start}
.rd-head b{font-weight:600;line-height:1.6}
.rd-meta{display:flex;gap:.3rem;flex-shrink:0;align-items:center}
.rd-sub{color:var(--muted);font-size:.9rem;margin-top:.2rem}
.rd-q{display:block;margin-top:.45rem;padding:.35rem .6rem;border-inline-start:3px solid var(--gold);background:var(--paper);color:var(--ink);font-size:.88rem;line-height:1.7;quotes:"«" "»"}
.pill.pg{cursor:pointer;border:1px solid var(--line);background:var(--card);font:inherit;font-size:.8rem}
.pill.pg:hover{background:var(--gold-2)}
.rd-more{margin:.4rem 0 .8rem}
.cf-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:.7rem}
.cf{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:.8rem;border-inline-start:4px solid var(--thread)}
.cf-t{margin-bottom:.5rem}
.cf-ab{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;font-size:.9rem}
.cf-ab>div{background:var(--paper);border-radius:8px;padding:.5rem;line-height:1.6}
.cf-ab small{display:block;font-weight:700;color:var(--gold);margin-bottom:.2rem}
.cf-act{margin-top:.5rem;font-size:.85rem;color:var(--muted)}
.pagepane{position:fixed;inset:0 auto 0 0;width:min(520px,92vw);background:var(--card);border-inline-end:1px solid var(--line);box-shadow:0 0 40px rgba(0,0,0,.25);z-index:70;display:flex;flex-direction:column;animation:chat-in .25s var(--ease)}
.pagepane[hidden]{display:none}
.pp-head{display:flex;justify-content:space-between;align-items:center;padding:.7rem 1rem;background:var(--night);color:#fff}
.pp-x{background:none;border:0;color:#fff;font-size:1.1rem;cursor:pointer}
.pp-body{flex:1;overflow:auto;padding:1rem;white-space:pre-wrap;font:inherit;font-size:.9rem;line-height:1.9;direction:rtl}
.pp-body mark{background:var(--gold-2)}

.rd-item.thread{border-inline-start:3px solid var(--thread)}.rd-item.warn{border-inline-start:3px solid var(--gold)}.rd-item.agree{border-inline-start:3px solid var(--agree)}

/* ===== الشريط الجانبي للموقع (أمر أحمد 31616/31619) ===== */
:root{--sb-w:248px}
.sidebar{position:fixed;inset:0 0 0 auto;width:var(--sb-w);background:var(--night);color:#fff;display:flex;flex-direction:column;gap:1rem;padding:1rem .9rem;z-index:40;box-shadow:-6px 0 24px rgba(22,26,63,.25);overflow-y:auto}
.sidebar .brand{display:flex;align-items:center;gap:.6rem;font-family:var(--font-h);font-weight:700;font-size:1.1rem;text-decoration:none;color:#fff;padding:.3rem .4rem}
.sidebar .brand small{display:block;font-weight:400;opacity:.65;font-size:.7rem}
.sidebar .brand .env{width:34px;height:24px;border:2px solid var(--gold);border-radius:4px;position:relative;flex-shrink:0}
.sidebar .brand .env:before{content:"";position:absolute;inset:0;border-top:12px solid var(--gold);border-left:15px solid transparent;border-right:15px solid transparent;opacity:.9}
.sb-nav{display:flex;flex-direction:column;gap:.2rem}
.sb-nav a{display:flex;align-items:center;gap:.6rem;padding:.6rem .7rem;border-radius:10px;color:#fff;text-decoration:none;opacity:.85;font-weight:600;transition:background .2s,opacity .2s}
.sb-nav a:hover{background:rgba(255,255,255,.08);opacity:1}
.sb-nav a.on{background:rgba(255,255,255,.12);opacity:1;box-shadow:inset 3px 0 0 var(--gold)}
.sb-foot{margin-top:auto;display:flex;flex-direction:column;gap:.4rem}
.sb-foot .chip{background:rgba(255,255,255,.1);border-radius:999px;padding:.35rem .8rem;font-size:.82rem;color:#fff;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sb-foot .chip.gold{background:var(--gold);color:#241a05;font-weight:600}
.wrap.with-sb{margin-right:var(--sb-w);max-width:none;padding:1.2rem 1.6rem 5rem}
.wrap.with-sb.narrow{max-width:900px;margin-left:auto}
.sb-toggle{display:none;position:fixed;top:.7rem;right:.7rem;z-index:45;width:44px;height:44px;border-radius:12px;border:0;background:var(--night);color:#fff;font-size:1.3rem;box-shadow:var(--shadow);cursor:pointer}
.sb-scrim{display:none;position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:39}
@media (max-width:900px){
  .sidebar{transform:translateX(100%);transition:transform .28s var(--ease)}
  body.sb-open .sidebar{transform:none} body.sb-open .sb-scrim{display:block}
  .sb-toggle{display:block} .wrap.with-sb{margin-right:0;padding-top:4.2rem} .rd-bar{top:3.4rem}
  .tabs{top:0}
}
@media (prefers-reduced-motion:reduce){.sidebar{transition:none}}
/* ===== تبويبات الكراسة كقائمة جانبية ===== */
.tab-layout{display:grid;grid-template-columns:200px minmax(0,1fr);gap:1.2rem;align-items:start;margin-top:.6rem}
.tabs.side{flex-direction:column;flex-wrap:nowrap;border-bottom:0;border-inline-end:1.5px solid var(--line);margin:0;padding:.2rem .4rem .2rem 0;position:sticky;top:1rem;gap:.15rem;background:transparent}
.tabs.side .tab{text-align:start;border-radius:10px;padding:.55rem .7rem;width:100%;display:flex;justify-content:space-between;align-items:center}
.tabs.side .tab[aria-selected="true"]{background:var(--card);box-shadow:var(--shadow)}
.tabs.side .tab[aria-selected="true"]:after{left:auto;right:-2px;top:8px;bottom:8px;width:3px;height:auto;view-transition-name:tab-ink}
.tab-content{min-width:0}
@media (max-width:900px){.tab-layout{grid-template-columns:1fr}.tabs.side{position:static;flex-direction:row;flex-wrap:wrap;border:0;border-bottom:1.5px solid var(--line)}.tabs.side .tab{width:auto}}

@media (min-width:901px){#chatfab{right:calc(1.2rem + var(--sb-w))}#chatpanel{right:calc(1.2rem + var(--sb-w))}.pagepane{inset:0 auto 0 0}}
.tabs{top:0}

/* ---------- زر إيقاف المحرك + لوحة «أُوقف/تعثّر» (أمر أحمد 32431 · 32436) ---------- */
.live .who{flex-wrap:wrap}
.live .stopform{margin-inline-start:auto}
.live .stopform .btn{padding:.4rem .9rem;font-size:.85rem;box-shadow:none}
.card.halted{border-inline-start:4px solid var(--ink-3);background:var(--card-2)}
.card.halted.thread{border-inline-start-color:var(--thread)}
.card.halted .journal{max-height:190px;overflow:auto}

/* الختم يجب أن يُرى حتى مع تعطيل الحركة (الاحترام لا يعني الاختفاء) */
@media (prefers-reduced-motion:reduce){
  .envelope.sealed .seal{transform:translate(-50%,-50%) scale(1);opacity:1}
}