/* ===== قسم التعليم + شاشة اختيار القسم ===== */
.entry .ecards{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:8px}
@media (max-width:520px){.entry .ecards{grid-template-columns:1fr}}
.ecard{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:28px 16px;border-radius:18px;border:1px solid var(--line);background:var(--surface);color:var(--fg);font:inherit;cursor:pointer;transition:border-color .15s,transform .1s}
.ecard:hover{border-color:var(--accent)}.ecard:active{transform:scale(.99)}
.ecard .eic{font-size:40px;line-height:1}.ecard b{font-size:19px}.ecard small{color:var(--muted);font-size:13px;text-align:center}
.ecard i{position:absolute;top:10px;inset-inline-start:12px;font-style:normal;font-size:11px;background:var(--chipbg);color:var(--accent);border-radius:999px;padding:1px 8px}
.eswitch{font-size:13px!important;white-space:nowrap}
body:not(.both-sec) .eswitch{display:none}

#eapp{direction:rtl;min-height:100vh}
.ehead2{position:sticky;top:0;z-index:6;background:var(--bg);border-bottom:1px solid var(--line);padding:10px 16px 6px;margin:0}
.ehead2 h1{margin:0 0 6px}
.ebrand{font-weight:700}
.ehead2 .bar{margin:0 0 4px}
.elay{display:grid;grid-template-columns:240px 1fr;align-items:start;min-height:calc(100vh - 90px)}
#eside{position:sticky;top:96px;max-height:calc(100vh - 100px);overflow:auto;padding:12px 10px 40px;border-inline-end:1px solid var(--line)}
#emain{min-width:0;padding:12px 16px 60px}
#etoggle{display:none}
.escrim{display:none}
@media (max-width:899px){
  .elay{grid-template-columns:1fr}
  #etoggle{display:inline-block}
  #eside{position:fixed;top:0;bottom:0;inset-inline-start:0;width:min(82vw,300px);max-height:none;z-index:30;background:var(--bg);transform:translateX(100%);transition:transform .2s;box-shadow:0 0 24px rgba(0,0,0,.15);padding-top:calc(env(safe-area-inset-top,0px) + 14px)}
  body.eside-open #eside{transform:none}
  body.eside-open .escrim{display:block;position:fixed;inset:0;z-index:29;background:rgba(0,0,0,.35)}
}
.egrp{margin-bottom:14px}
.egrp h4{margin:0 4px 6px;font-size:12px;color:var(--muted);font-weight:500}
.etab{display:flex;align-items:center;gap:6px;width:100%;text-align:start;font:inherit;font-size:14px;color:var(--fg);background:none;border:0;border-radius:10px;padding:7px 10px;cursor:pointer}
.etab span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.etab i{font-style:normal;font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}
.etab:hover{background:var(--chipbg)}
.etab.on{background:var(--accent);color:var(--bg)}.etab.on i{color:inherit;opacity:.85}
.eerr,.ewarn,.esug{font-size:10.5px;font-weight:700;border-radius:999px;padding:0 6px;line-height:16px;color:#fff}
.eerr{background:var(--imp)}.ewarn{background:var(--mid)}.esug{background:var(--accent)}

.ehd{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px}
.ehd h2{margin:0;font-size:20px}
.eact{display:flex;gap:6px;flex-wrap:wrap}
.efil{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-bottom:8px}
.efil input[type=search]{flex:1;min-width:160px;font:inherit;font-size:14px;padding:6px 12px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--fg)}
.esel{font:inherit;font-size:13px;padding:5px 8px;border-radius:10px;border:1px solid var(--line);background:var(--surface);color:var(--fg);max-width:100%}
.esel.sm{font-size:12.5px;padding:3px 4px;width:100%}
.etog{display:inline-flex;align-items:center;gap:5px;font-size:13px;color:var(--muted);cursor:pointer;white-space:nowrap}
.esum{display:flex;gap:12px;flex-wrap:wrap;font-size:12.5px;color:var(--muted);margin-bottom:8px}
.esum .ok,.eemsg .ok{color:var(--accent);font-weight:700}
.lnk.bad{color:var(--imp);font-weight:700}

/* قائمة الأسئلة: جدول على الشاشات العريضة، بطاقات على الجوال */
.elist{display:flex;flex-direction:column;gap:0;border:1px solid var(--line);border-radius:14px;background:var(--surface);overflow:hidden}
.erow{display:grid;grid-template-columns:96px 140px 130px minmax(0,1fr) 90px 100px auto;gap:8px;align-items:center;padding:8px 10px;border-top:1px solid var(--line);cursor:pointer;font-size:13.5px}
.erow:first-child{border-top:0}
.erow:hover{background:color-mix(in srgb,var(--accent) 5%,var(--surface))}
.ehead-row{cursor:default;background:var(--chipbg)!important;font-size:12px;color:var(--muted);font-weight:500}
.eid{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12.5px;text-align:left}
.eqt{display:flex;flex-direction:column;gap:2px;min-width:0}
.eqt>span{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.5}
.eqt small{color:var(--muted);font-size:12px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.eans{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}
.ebad{display:flex;gap:4px;align-items:center;justify-content:flex-end;flex-wrap:wrap}
.erow.haserr{box-shadow:inset -3px 0 0 var(--imp)}
.erow.chg{box-shadow:inset -3px 0 0 var(--accent)}
.erow.del .eqt{text-decoration:line-through;opacity:.6}
.elist .more{margin:8px;border-radius:10px}
.elist .empty{padding:24px}
@media (max-width:899px){
  .ehead-row{display:none}
  .erow{grid-template-columns:1fr 1fr 1fr;grid-template-areas:"id id bad" "q q q" "cat type st" "ans ans ans";padding:12px}
  .erow>.eid{grid-area:id}.erow>.ebad{grid-area:bad}.erow>.eqt{grid-area:q}.erow>.eans{grid-area:ans}
  .erow>span:nth-child(2){grid-area:cat}.erow>span:nth-child(3){grid-area:type}.erow>span:nth-child(6){grid-area:st}
  .eqt>span{font-size:15px;font-weight:500}
}

/* شيتات الإعدادات */
.etblw{overflow:auto;border:1px solid var(--line);border-radius:12px;background:var(--surface);max-height:calc(100vh - 230px)}
.etbl{border-collapse:collapse;font-size:13px;min-width:100%}
.etbl th{position:sticky;top:0;background:var(--chipbg);font-weight:500;color:var(--muted);text-align:start;padding:6px 8px;white-space:nowrap;z-index:1}
.etbl td{border-top:1px solid var(--line);padding:6px 8px;vertical-align:top;min-width:70px;max-width:320px;white-space:pre-wrap;word-break:break-word;outline:none}
.etbl td:focus{box-shadow:inset 0 0 0 2px var(--accent);background:var(--bg)}
.etbl td.rn{color:var(--muted);font-size:11px;min-width:28px;text-align:center}
.etbl td.mod{text-decoration:underline;text-decoration-color:var(--accent)}
.etbl tr.chg td.rn{box-shadow:inset -3px 0 0 var(--accent)}
.etbl tr.del td{text-decoration:line-through;opacity:.6}
.etbl .wx{width:28px;height:28px;font-size:16px}

/* محرر السؤال */
#eed{position:fixed;inset:0;z-index:22;background:var(--bg);overflow:auto;direction:rtl;padding:calc(env(safe-area-inset-top,0px) + 10px) 16px calc(env(safe-area-inset-bottom,0px) + 90px)}
#eed[hidden]{display:none}
#eed>*{max-width:1000px;margin-inline:auto}
.eedtop{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;position:sticky;top:-10px;background:var(--bg);padding:8px 0;z-index:2;border-bottom:1px solid var(--line)}
.eedtop b{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:16px}
.eemsg{display:flex;gap:10px;font-size:13px;margin:8px auto}
.eemsg .er,.emsgs .er{color:var(--imp)}.eemsg .wr2,.emsgs .wr2{color:var(--mid)}
.eall{margin:0 auto 8px;display:flex}
.eform{display:flex;flex-direction:column;gap:10px}
.efg{display:grid;grid-template-columns:1fr;gap:10px}
.efg.pair{grid-template-columns:1fr 1fr}
@media (max-width:640px){.efg.pair{grid-template-columns:1fr}}
.ef{display:flex;flex-direction:column;gap:4px;min-width:0}
.efl{font-size:12.5px;color:var(--muted);display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.elang{font-style:normal;font-size:10.5px;background:var(--chipbg);border-radius:6px;padding:0 6px;color:var(--fg)}
.egr{font-style:normal;font-size:10.5px;color:var(--del)}.emod{font-style:normal;font-size:10.5px;color:var(--accent)}
.ef input,.ef textarea,.ef select{font:inherit;font-size:15px;color:var(--fg);background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:8px 10px;width:100%;resize:vertical}
.ef textarea{min-height:40px;line-height:1.5}
.ef.bad input,.ef.bad textarea,.ef.bad select{border-color:var(--imp);box-shadow:0 0 0 1px var(--imp)}
.ef.wrn input,.ef.wrn textarea,.ef.wrn select{border-color:var(--mid)}
.emsgs{display:flex;flex-direction:column;font-size:12px}
.emed{display:flex;gap:6px}.emed input{flex:1}
.ethumb{width:150px;height:100px;object-fit:cover;border-radius:8px;border:1px solid var(--line)}
.ef audio{width:100%;max-width:360px;height:36px}
.ewarnline{font-size:12px;color:var(--mid)}
.eedbot{position:fixed;bottom:0;inset-inline:0;background:var(--bg);border-top:1px solid var(--line);padding:10px 16px calc(env(safe-area-inset-bottom,0px) + 10px);display:flex;gap:8px;align-items:center;justify-content:center;z-index:3;max-width:none!important}

/* المعاينة */
.eprev{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:12px;line-height:1.7}
.eplang{margin-bottom:10px;grid-template-columns:1fr 1fr!important;max-width:240px}
.eplang button.on{background:var(--accent);color:#fff}
.epq{font-size:17px;font-weight:700}
.epimg{width:100%;max-width:420px;aspect-ratio:3/2;object-fit:cover;border-radius:10px;background:var(--chipbg)}
.epopts{margin:0;padding-inline-start:22px;display:flex;flex-direction:column;gap:6px}
.epopts li{padding:8px 10px;border:1px solid var(--line);border-radius:10px}
.epopts li.right{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--surface));font-weight:700}
.epmatch{display:grid;grid-template-columns:1fr 1fr;gap:12px}.epmatch ul{list-style:none;padding:0;margin:0}.epmatch li{padding:4px 0}
.eok{color:var(--accent)}
.eppass{background:var(--chipbg);border-radius:10px;padding:12px;font-size:14px;max-height:280px;overflow:auto}
.epexp{border-top:1px dashed var(--line);padding-top:10px;font-size:14px}
.epin{font:inherit;padding:8px 10px;border-radius:10px;border:1px solid var(--line);background:var(--bg);color:var(--fg);width:100%}
.epzone{position:relative;display:inline-block;max-width:420px}.epzone img{display:block}.epzone span{position:absolute;border:3px solid var(--imp);border-radius:4px;background:color-mix(in srgb,var(--imp) 20%,transparent)}

/* الاستيراد */
.eimode{display:flex;flex-direction:column;gap:6px;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:10px 12px;margin:10px 0;font-size:14px}
.eimode label{flex-direction:row!important;align-items:flex-start;gap:6px;color:var(--fg)!important;font-size:14px!important}
.eilist{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:12px;background:var(--surface);overflow:hidden}
.panel label.eir,.eir{display:grid!important;grid-template-columns:auto minmax(110px,1fr) auto auto;gap:4px 10px;align-items:center;padding:9px 12px;border-top:1px solid var(--line);color:var(--fg)!important;font-size:13.5px!important;cursor:pointer}
.eir:first-child{border-top:0}
.eir.empty{opacity:.65}
.ein{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.eempt{font-style:normal;font-size:11px;background:var(--chipbg);color:var(--del);border-radius:999px;padding:0 8px}
.enew{font-style:normal;font-size:11px;background:var(--accent);color:var(--bg);border-radius:999px;padding:0 8px}
.eic2{font-size:12.5px;color:var(--muted);white-space:nowrap}.eic2 .g{color:var(--easy)}.eic2 .o{color:var(--mid)}.eic2 .r{color:var(--imp)}
.eiw{grid-column:2/-1;font-size:12px;color:var(--mid)}
.eibar{position:sticky;bottom:0;display:flex;justify-content:space-between;align-items:center;gap:8px;background:var(--bg);padding:12px 0;margin-top:12px;border-top:1px solid var(--line)}
@media (max-width:560px){.panel label.eir,.eir{grid-template-columns:auto 1fr}.eir .eic2{grid-column:2}}
.eurow{flex-wrap:wrap;gap:8px}
.eempty{text-align:center;padding:60px 16px}.eempty h2{margin:0 0 8px}
.eprev .esel{width:auto;display:inline-block;margin:0 4px;font-weight:400}
/* ===== تبسيط ===== */
.ecats{margin:0 0 6px}
.cat.bad{border-color:var(--imp);color:var(--imp)}
.echips{display:inline-flex;gap:6px;align-items:center;flex-wrap:wrap}
.chip.on{background:var(--accent);border-color:var(--accent);color:var(--bg)}
.chip.bad{border-color:var(--imp);color:var(--imp)}.chip.bad.on{background:var(--imp);color:#fff}
.elist{gap:0}
.erow{display:flex!important;flex-direction:column;align-items:stretch;gap:6px;padding:12px 14px!important;grid-template-columns:none!important;grid-template-areas:none!important}
.etop{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.etop .ebad{margin-inline-start:auto}
.etag{font-size:12px;background:var(--chipbg);color:var(--accent);border-radius:999px;padding:2px 9px}
.etag.t{color:var(--muted)}
.eqt>span{font-size:15px;font-weight:500;-webkit-line-clamp:3}
.eans{font-family:inherit!important;font-size:13px!important;color:var(--muted);white-space:normal!important}
.eans b{color:var(--accent)}
.eerr{font-size:11px;padding:1px 8px}
.esec{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:12px 14px;display:flex;flex-direction:column;gap:10px}
.esec h3{margin:0;font-size:14px;color:var(--accent)}
.echo{display:flex;flex-wrap:wrap;gap:6px}
.echo button{font:inherit;font-size:13.5px;border:1px solid var(--line);background:var(--bg);color:var(--fg);border-radius:999px;padding:6px 12px;cursor:pointer}
.echo button.on{background:var(--accent);border-color:var(--accent);color:var(--bg);font-weight:700}
.echo button.bad{background:var(--imp);border-color:var(--imp)}
.ef.bad .echo button.on{box-shadow:0 0 0 2px var(--imp)}
.eokb{margin-inline-start:auto;font:inherit;font-size:11.5px;border:1px dashed var(--line);background:none;color:var(--muted);border-radius:999px;padding:1px 9px;cursor:pointer}
.eokb.on{border-style:solid;border-color:var(--accent);background:var(--accent);color:var(--bg);font-weight:700}
.ef.okf textarea{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}
/* ===== صفحة المراجعة ===== */
.etab.rev{font-weight:700}
.rkinds{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:10px}
.rkind{display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:start;font:inherit;color:var(--fg);background:var(--surface);border:2px solid var(--line);border-radius:14px;padding:10px 12px;cursor:pointer}
.rkind b{font-size:22px;font-variant-numeric:tabular-nums;line-height:1.1}
.rkind span{font-weight:700;font-size:14px}.rkind small{color:var(--muted);font-size:11.5px;line-height:1.4}
.rkind.e b{color:var(--imp)}.rkind.w b{color:var(--mid)}.rkind.s b{color:var(--accent)}
.rkind.on.e{border-color:var(--imp)}.rkind.on.w{border-color:var(--mid)}.rkind.on.s{border-color:var(--accent)}
@media (max-width:560px){.rkind small{display:none}}
.rmsgs{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:0 0 8px}
.rmsg{font:inherit;font-size:12.5px;border:1px solid var(--line);background:var(--surface);color:var(--fg);border-radius:999px;padding:4px 10px;cursor:pointer}
.rmsg i{font-style:normal;color:var(--muted);font-size:11.5px}
.rmsg.on{background:var(--fg);color:var(--bg);border-color:var(--fg)}.rmsg.on i{color:inherit}
.etag.ex{background:var(--fg);color:var(--bg)}
.riss{margin:0;padding-inline-start:18px;font-size:13px;display:flex;flex-direction:column;gap:2px}
.riss li.e{color:var(--imp)}.riss li.w{color:var(--mid)}.riss b{font-weight:500}
@media (max-width:520px){
  .eswitch{font-size:0!important;padding:3px 10px!important}.eswitch::before{content:'⇄';font-size:16px}
  .ehead2 .savestat{font-size:11px;max-width:70px;overflow:hidden;white-space:nowrap}
  .ebrand{white-space:nowrap;font-size:16px}
}
/* ===== النصوص المشتركة ===== */
.epgrp{border-top:1px solid var(--line);background:color-mix(in srgb,var(--accent) 4%,var(--surface))}
.epgrp:first-child{border-top:0}
.epgh{padding:12px 14px;display:flex;flex-direction:column;gap:6px;border-bottom:1px dashed var(--line)}
.epgt{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.epgx{font-size:13px;color:var(--muted);line-height:1.6}
.epgrp .erow{padding-inline-start:28px!important;border-top:1px solid var(--line)}
.etag.ps{background:var(--accent);color:var(--bg)}
.eord{min-width:22px;height:22px;border-radius:50%;background:var(--accent);color:var(--bg);font-size:12px;display:inline-flex;align-items:center;justify-content:center;padding:0 5px}
#epr{position:fixed;inset:0;z-index:21;background:var(--bg);direction:rtl;display:flex;flex-direction:column}
#epr[hidden]{display:none}
.eprtop{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;padding:calc(env(safe-area-inset-top,0px) + 8px) 16px 8px;border-bottom:1px solid var(--line)}
.eprtt{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.eprtop .eplang{margin:0;display:inline-grid;width:auto}
.eprbody{flex:1;min-height:0;display:grid;grid-template-columns:1fr 1fr}
.eprp{overflow:auto;padding:16px 20px 40px;border-inline-end:1px solid var(--line);background:var(--surface)}
.eprp h2{margin:0 0 10px;font-size:18px}
.eprtext{font-size:15.5px;line-height:1.9}
.epraud{display:flex;flex-direction:column;gap:4px;margin-bottom:10px}.epraud audio{width:100%}
.eprh{display:none}
.eprq{overflow:auto;padding:12px 16px 60px;display:flex;flex-direction:column;gap:8px}
.eprqh{display:flex;justify-content:space-between;align-items:center}
.eprqi{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:6px;cursor:pointer}
.eprqi:hover{border-color:var(--accent)}
.eprqi.haserr{box-shadow:inset -3px 0 0 var(--imp)}.eprqi.chg{box-shadow:inset -3px 0 0 var(--accent)}
.eprf{display:flex;flex-direction:column;gap:10px}
@media (max-width:899px){
  .eprbody{display:flex;flex-direction:column}
  .eprp{flex:none;height:var(--ph,40vh);border-inline-end:0;padding:12px 16px}
  .eprh{display:flex;justify-content:center;align-items:center;height:18px;background:var(--chipbg);cursor:row-resize;touch-action:none;flex:none;border-block:1px solid var(--line)}
  .eprh span{width:44px;height:4px;border-radius:2px;background:var(--muted)}
  .eprq{flex:1;min-height:0}
}