/* ===== الشريط العلوي: الحصة والمجموعات والنقاط ===== */
#grpBar{display:none;flex:0 0 auto;flex-direction:column;background:var(--bar-solid);border-bottom:1px solid var(--line);
  color:var(--txt);font-size:13px;-webkit-app-region:drag;user-select:none}
#grpBar.on{display:flex}
#grpBar button,#grpBar input{-webkit-app-region:no-drag;font-family:inherit}
.gb-row1{display:flex;align-items:center;gap:6px;height:36px;padding:0 8px;min-width:0}
.gb-row2{display:none;align-items:center;gap:10px;height:30px;padding:0 10px;border-top:1px solid var(--line)}
#grpBar.expanded .gb-row2{display:flex}
.gb-cls{height:26px;border:0;border-radius:13px;background:var(--accent);color:#fff;padding:0 12px;cursor:pointer;font-weight:800;font-size:13px;flex:0 0 auto;white-space:nowrap}
.gb-title{height:26px;border:1px dashed var(--line);border-radius:8px;background:transparent;color:var(--txt);padding:0 10px;cursor:pointer;
  font-weight:700;font-size:13px;max-width:260px;min-width:60px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;flex:0 1 auto}
.gb-title.set{border-style:solid;background:var(--field)}
.gb-title.empty span{color:var(--muted);font-weight:400}
.gb-goals{height:26px;border:0;border-radius:13px;background:var(--field);color:var(--txt);padding:0 9px;cursor:pointer;font-size:12.5px;font-weight:700;flex:0 0 auto}
.gb-goals.on{background:var(--accent-soft);color:var(--accent)}
.gb-date{color:var(--muted);font-size:11.5px;white-space:nowrap;flex:0 0 auto}
.gb-clock{display:flex;align-items:center;gap:4px;height:26px;border-radius:13px;background:var(--field);padding:0 8px 0 3px;flex:0 0 auto;font-variant-numeric:tabular-nums;font-weight:800}
.gb-clock button{width:20px;height:20px;border:0;border-radius:50%;background:var(--accent);color:#fff;cursor:pointer;font-size:10px;padding:0}
.gb-clock.warn{color:#fd7e14}.gb-clock.over{color:#e5484d}
.gb-clock.over span{animation:blinkc 1s infinite}
@keyframes blinkc{50%{opacity:.35}}
.gb-chips{display:flex;gap:5px;flex:1;min-width:0;overflow-x:auto;scrollbar-width:none}
.gb-chips::-webkit-scrollbar{display:none}
.gchip{display:flex;align-items:center;gap:4px;height:26px;border-radius:13px;padding:0 3px 0 9px;flex:0 0 auto;
  background:var(--field);border:1.5px solid transparent;white-space:nowrap}
.gchip.lead{border-color:#f5b400}
.gchip .gdot{width:9px;height:9px;border-radius:50%}
.gchip .gname{font-weight:700}
.gchip .gpts{min-width:20px;text-align:center;font-weight:800;font-variant-numeric:tabular-nums;color:var(--accent)}
.gchip.turn{box-shadow:0 0 0 2px var(--accent) inset}
.gchip button{width:20px;height:20px;border:0;border-radius:50%;background:var(--hover);color:var(--txt);cursor:pointer;font-size:13px;line-height:1;padding:0}
.gchip button:hover{background:var(--accent);color:#fff}
.gb-btn{width:28px;height:26px;border:0;border-radius:7px;background:transparent;color:var(--txt);cursor:pointer;font-size:14px;flex:0 0 auto;padding:0}
.gb-btn:hover{background:var(--bar2)}
.gb-btn.on{background:var(--accent-soft);color:var(--accent)}
#gbPin:not(.on){opacity:.45;filter:grayscale(1)}
#grpBar.expanded #gbExpand{transform:rotate(180deg)}
.gb-status{font-size:12.5px;font-weight:700;white-space:nowrap;min-width:150px}
.gb-prog{flex:1;height:7px;border-radius:4px;background:var(--field);overflow:hidden}
.gb-prog i{display:block;height:100%;width:0;background:linear-gradient(90deg,#12b886,var(--accent));border-radius:4px;transition:width .5s}
.gb-prog.over i{background:#e5484d}
.gb-quick{display:flex;align-items:center;gap:3px;white-space:nowrap}
.gb-quick span{margin-inline-end:2px}
.gb-quick button{height:22px;min-width:26px;border:0;border-radius:11px;background:var(--field);color:var(--txt);cursor:pointer;font-size:11.5px;padding:0 6px}
.gb-quick button:hover{background:var(--accent);color:#fff}
@media (max-width:1100px){ .gb-date{display:none} .gb-title{max-width:160px} }
#gbMenu,#gbTitlePop{top:6px;bottom:auto}
#gbTitlePop{width:320px}
#gbTitlePop .search{width:100%;margin:2px 0 6px;flex:none}
#gbTitleSug .mi small{color:var(--muted);font-size:11px;margin-inline-start:auto}

/* ===== العجلة الصغيرة ===== */
#mw{position:absolute;z-index:34;width:210px;display:none;flex-direction:column;gap:5px;padding:7px;border-radius:16px;
  background:var(--bar-solid);color:var(--txt);box-shadow:0 10px 30px rgba(0,0,0,.35);border:1px solid var(--line);
  transform-origin:center;transition:transform .35s cubic-bezier(.3,1.4,.5,1),box-shadow .3s;user-select:none}
#mw.on{display:flex}
#mw.big{transform:scale(1.9);box-shadow:0 30px 80px rgba(0,0,0,.5);z-index:60}
.mw-head{display:flex;align-items:center;gap:4px;height:22px;cursor:move}
.mw-drag{color:var(--muted);letter-spacing:-2px;font-size:12px;padding:0 2px}
.mw-info{flex:1;min-width:0;font-size:10.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mw-x{width:22px;height:22px;border:0;border-radius:6px;background:transparent;color:var(--txt);cursor:pointer;font-size:12px;padding:0}
.mw-x:hover{background:var(--hover)}
.mw-wheel{position:relative;width:180px;height:180px;margin:0 auto}
#mwCanvas{width:100%;height:100%;display:block}
.mw-ptr{position:absolute;top:-4px;left:50%;transform:translateX(-50%);border-left:9px solid transparent;border-right:9px solid transparent;
  border-top:16px solid var(--accent);filter:drop-shadow(0 2px 2px rgba(0,0,0,.4))}
#mwSpin{position:absolute;top:50%;left:50%;width:48px;height:48px;margin:-24px 0 0 -24px;border-radius:50%;border:3px solid #fff;
  background:var(--accent);color:#fff;font-weight:900;font-size:11.5px;cursor:pointer;font-family:inherit;box-shadow:0 2px 8px rgba(0,0,0,.35)}
#mwSpin:disabled{opacity:.6;cursor:default}
.mw-res{min-height:24px;text-align:center;font-weight:900;font-size:17px;line-height:1.25;color:var(--txt);word-break:break-word}
.mw-res small{display:block;font-size:10.5px;font-weight:600;color:var(--muted)}
.mw-res .many{font-size:12px;font-weight:700}
.mw-pts{display:none;gap:4px;justify-content:center}
.mw-pts.on{display:flex}
.mw-pts button{height:28px;min-width:38px;border:0;border-radius:8px;cursor:pointer;font-weight:800;font-size:13px;font-family:inherit;color:#fff}
.mw-pts .p1{background:#2fb344}.mw-pts .p0{background:#868e96}.mw-pts .pm{background:#e5484d}
.mw-pts .mw-out{background:var(--hover);color:var(--txt);min-width:28px}
.mw-pts button:hover{filter:brightness(1.1)}
.mw-foot{display:flex;gap:4px}
.mw-foot button{flex:1;height:24px;border:0;border-radius:7px;background:var(--field);color:var(--txt);cursor:pointer;font-size:11px;font-family:inherit;white-space:nowrap}
.mw-foot button:hover{background:var(--hover)}
#mwRound{flex:0 0 28px}
#mwOff[hidden]{display:none}
.mw-pop{display:none;position:absolute;left:0;right:0;bottom:calc(100% + 6px);max-height:300px;overflow-y:auto;background:var(--bar-solid);
  border:1px solid var(--line);border-radius:12px;padding:6px;box-shadow:0 10px 30px rgba(0,0,0,.35)}
#mw.popDown .mw-pop{bottom:auto;top:calc(100% + 6px)}
.mw-pop.on{display:block}
.mw-pop .ph2{font-size:11px;font-weight:800;color:var(--muted);padding:4px 4px 2px;display:flex;align-items:center;gap:5px}
.mw-pop .ph2 i{width:8px;height:8px;border-radius:50%;display:inline-block}
.mw-row{display:flex;align-items:center;gap:4px;height:26px;padding:0 4px;border-radius:6px;font-size:12px}
.mw-row:hover{background:var(--bar2)}
.mw-row .nm{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}
.mw-row.done .nm{color:var(--muted)}
.mw-row.wait .nm{font-weight:700}
.mw-row .pt{font-size:11px;font-weight:800;color:var(--accent);min-width:18px;text-align:center}
.mw-row button{width:20px;height:20px;border:0;border-radius:50%;background:var(--hover);color:var(--txt);cursor:pointer;font-size:12px;padding:0}
.mw-row button:hover{background:var(--accent);color:#fff}
.mw-empty{font-size:12px;color:var(--muted);text-align:center;padding:10px 4px;line-height:1.6}
.mw-empty button{margin-top:6px;height:26px;border:0;border-radius:7px;background:var(--accent);color:#fff;padding:0 10px;cursor:pointer;font-family:inherit}
.mw-fx{position:absolute;left:50%;top:40%;transform:translate(-50%,-50%);font-size:20px;font-weight:900;pointer-events:none;
  animation:mwfx 1s ease forwards;white-space:nowrap;text-shadow:0 2px 6px rgba(0,0,0,.3)}
@keyframes mwfx{0%{opacity:0;transform:translate(-50%,-30%) scale(.6)}20%{opacity:1;transform:translate(-50%,-50%) scale(1.15)}100%{opacity:0;transform:translate(-50%,-110%) scale(1)}}

/* ===== نوافذ صغيرة (الحصص، عدد المجموعات، الشهادة) ===== */
.gdlg{position:absolute;inset:0;z-index:70;display:none;place-items:center;background:rgba(10,11,14,.55)}
.gdlg.on{display:grid}
.gdlg-card{background:var(--bar-solid);color:var(--txt);border:1px solid var(--line);border-radius:16px;padding:18px 20px;
  width:min(460px,92%);max-height:86%;overflow:auto;box-shadow:0 20px 60px rgba(0,0,0,.5)}
.gdlg-card h3{margin:0 0 6px;font-size:17px}
.gdlg-card p{margin:0 0 12px;color:var(--muted);font-size:13px;line-height:1.6}
.gdlg-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.gdlg-row button,.gsess{height:36px;border:0;border-radius:9px;background:var(--field);color:var(--txt);padding:0 14px;cursor:pointer;font-family:inherit;font-size:13.5px}
.gdlg-row button.pri{background:var(--accent);color:#fff;font-weight:700}
.gsess{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:6px;text-align:start}
.gsess:hover{background:var(--hover)}
.gsess small{color:var(--muted)}
.gcount{display:flex;align-items:center;gap:10px;justify-content:center;margin:10px 0}
.gcount button{width:40px;height:40px;border-radius:50%;border:0;background:var(--field);color:var(--txt);font-size:20px;cursor:pointer}
.gcount b{font-size:30px;min-width:40px;text-align:center}
.gprev{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:6px;margin-top:8px}
.gprev div{background:var(--field);border-radius:9px;padding:6px 8px;font-size:12px;line-height:1.5}
.gprev b{display:block;font-size:12.5px;margin-bottom:2px}
#certCanvas{position:static;width:100%;height:auto;border-radius:10px;display:block;box-shadow:0 4px 14px rgba(0,0,0,.25)}

/* ===== مكتبة الدروس بالمواد ===== */
.subjBar{display:flex;gap:6px;padding:8px 16px;overflow-x:auto;border-bottom:1px solid var(--line);flex-shrink:0;scrollbar-width:thin}
.schip{display:inline-flex;align-items:center;gap:5px;height:32px;padding:0 11px;border-radius:16px;border:1px solid var(--line);background:var(--field);color:var(--txt);cursor:pointer;font:inherit;font-size:13px;white-space:nowrap;flex-shrink:0}
.schip:hover{border-color:var(--sc,var(--accent))}
.schip.on{background:var(--sc,var(--accent));border-color:var(--sc,var(--accent));color:#fff}
.schip small{font-size:11px;opacity:.75;background:rgba(0,0,0,.12);border-radius:8px;padding:0 6px}
.schip.add{border-style:dashed;color:var(--muted)}
.lsubj{font-size:16px;font-weight:800;margin:18px 0 6px;padding:6px 12px;border-inline-start:5px solid var(--sc);border-radius:6px;background:var(--field)}
.lsubj:first-child{margin-top:0}
.lsec{font-size:14px;font-weight:800;color:var(--muted);margin:12px 2px 8px}
.lsub{font-size:12.5px;font-weight:700;color:var(--muted);margin:6px 8px 6px;opacity:.85}
.lsub::before{content:'▸ '}
.card .kind{position:absolute;top:8px;right:8px;font-size:18px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}
.card .big{text-shadow:0 2px 8px rgba(0,0,0,.25)}
.card.nofile .th{aspect-ratio:16/6}
.trashbar{display:flex;align-items:center;gap:10px;justify-content:space-between;margin-bottom:12px}
.libMenu{position:absolute;z-index:5;width:320px}
.ldlg{position:absolute;z-index:6}
.lform{display:flex;flex-direction:column;gap:10px}
.lform label{display:flex;flex-direction:column;gap:4px;font-size:12.5px;color:var(--muted);font-weight:700}
.lform input,.lform select,.lform textarea,#pasteBox{font:inherit;font-size:14px;color:var(--txt);background:var(--field);border:1px solid var(--line);border-radius:8px;padding:7px 9px;font-weight:400;resize:vertical}
.lrow{display:flex;gap:10px}.lrow>label{flex:1}
.iconGrid{display:flex;flex-wrap:wrap;gap:4px}
.iconGrid button,.colorRow button{width:34px;height:34px;border-radius:8px;border:2px solid transparent;background:var(--field);cursor:pointer;font-size:18px;padding:0}
.iconGrid button.on{border-color:var(--accent)}
.colorRow{display:flex;gap:6px;flex-wrap:wrap}
.colorRow button{width:28px;height:28px;border-radius:50%}
.colorRow button.on{border-color:var(--txt);box-shadow:0 0 0 2px var(--bar-solid) inset}
.impPrev{max-height:220px;overflow:auto;border:1px solid var(--line);border-radius:8px;margin:8px 0}
.impPrev>div{padding:6px 10px;border-bottom:1px solid var(--line);display:flex;flex-direction:column}
.impPrev small{color:var(--muted);font-size:11.5px}

/* ===== البطاقات العائمة (تصميم موحّد) ===== */
.fcard{position:absolute;z-index:35;display:none;flex-direction:column;min-width:240px;max-width:380px;border-radius:16px;background:var(--bar-solid);color:var(--txt);
  box-shadow:0 10px 30px rgba(0,0,0,.35);border:1px solid var(--line);user-select:none;overflow:hidden}
.fcard.on{display:flex}
.fcard.dragging{opacity:.92}
.fcard.snapped,#mw.snapped{outline:2px solid var(--accent)}
.fc-head{display:flex;align-items:center;gap:4px;height:30px;padding:0 6px;cursor:move;background:var(--bar2,rgba(127,127,127,.08));border-bottom:1px solid var(--line)}
.fc-drag{color:var(--muted);letter-spacing:-2px;font-size:12px;padding:0 2px}
.fc-ttl{flex:1;font-size:12.5px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fc-x{width:24px;height:24px;border:0;border-radius:6px;background:transparent;color:var(--txt);cursor:pointer;font-size:13px;padding:0}
.fc-x:hover{background:var(--hover)}
.gc-body{padding:10px 12px 12px;max-height:60vh;overflow:auto}
.gc-h{font-weight:800;font-size:14px;margin-bottom:6px}
.gc-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:5px}
.gc-list li,#goalsBig li{display:flex;align-items:flex-start;gap:8px;cursor:pointer;padding:5px 6px;border-radius:8px;font-size:13.5px;line-height:1.5}
.gc-list li:hover{background:var(--hover)}
.gc-list .ck{flex-shrink:0;width:20px;height:20px;border-radius:6px;border:2px solid var(--muted);display:grid;place-items:center;font-size:13px;font-weight:900;margin-top:2px}
.gc-list li.done .ck,#goalsBig li.done .ck{background:#2fb344;border-color:#2fb344;color:#fff}
.gc-list li.done>span:last-child{color:var(--muted)}
.gc-prog{height:5px;border-radius:3px;background:var(--line);margin-top:9px;overflow:hidden}
.gc-prog i{display:block;height:100%;background:#2fb344;transition:width .3s}
.gc-empty{text-align:center;color:var(--muted);font-size:13px;padding:8px 0;line-height:1.8}
.gc-empty button,.gc-hrow button{font:inherit;font-size:12.5px;border:1px solid var(--line);background:var(--field);color:var(--txt);border-radius:8px;padding:4px 10px;cursor:pointer}
.gc-hrow button.pri{background:var(--accent);color:#fff;border-color:var(--accent)}
.gc-headin,#gcGoalsIn{width:100%;box-sizing:border-box;font:inherit;font-size:13.5px;color:var(--txt);background:var(--field);border:1px solid var(--line);border-radius:8px;padding:6px 8px;user-select:text}
.gc-headin{font-weight:800}
.gc-hrow{display:flex;gap:6px;margin:6px 0}
#goalsBig{position:fixed;inset:0;z-index:200;display:none;place-items:center;background:rgba(0,0,0,.55);backdrop-filter:blur(3px)}
#goalsBig.on{display:grid}
.gbg-card{position:relative;width:min(1000px,90vw);max-height:86vh;overflow:auto;background:var(--bar-solid);color:var(--txt);border-radius:24px;padding:36px 48px;box-shadow:0 30px 80px rgba(0,0,0,.5)}
.gbg-h{font-size:clamp(24px,3.2vw,40px);font-weight:900;margin-bottom:22px;color:var(--accent)}
#goalsBig ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}
#goalsBig li{font-size:clamp(20px,2.5vw,32px);font-weight:700;gap:16px;padding:10px 14px;background:var(--field)}
#goalsBig li .ck{flex-shrink:0;width:1.5em;height:1.5em;border-radius:12px;border:3px solid var(--accent);display:grid;place-items:center;font-size:.8em;color:var(--accent)}
.gbg-x{position:absolute;top:14px;left:14px;width:38px;height:38px;border-radius:50%;border:0;background:var(--field);color:var(--txt);font-size:18px;cursor:pointer}
.impT{display:inline-flex;align-items:center;gap:5px;font-size:13px;cursor:pointer}
.impT input{accent-color:var(--accent);width:16px;height:16px}
#libBody .card .dt{direction:inherit;text-align:start}
.subjBar{flex-wrap:wrap;overflow:visible}

/* ===== النتائج والشهادات ===== */
.res-card{width:min(1100px,94%);max-height:92%;overflow:auto;display:flex;flex-direction:column;gap:10px}
.res-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.res-head h3{margin:0}
.rbtn{height:32px;border:0;border-radius:8px;background:var(--field);color:var(--txt);padding:0 12px;cursor:pointer;font:inherit;font-size:13px}
.rbtn:hover{background:var(--hover)}
.res-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media (max-width:820px){.res-grid{grid-template-columns:1fr}}
.res-box{background:var(--field);border:1px solid var(--line);border-radius:14px;padding:12px 14px;min-width:0}
.res-box h4{margin:0 0 10px;font-size:15px;display:flex;align-items:baseline;gap:8px}
.res-box h4 small{font-weight:400;font-size:12px}
.res-g{display:flex;align-items:center;gap:8px;height:34px;padding:0 8px;border-radius:9px}
.res-g.win{background:rgba(245,180,0,.14);box-shadow:inset 0 0 0 1.5px #f5b400}
.res-g i{width:10px;height:10px;border-radius:50%;flex-shrink:0}
.res-g b{width:92px;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.res-g .bar{flex:1;height:10px;background:var(--line);border-radius:5px;overflow:hidden}
.res-g .bar span{display:block;height:100%;border-radius:5px}
.res-g em{font-style:normal;font-weight:800;min-width:28px;text-align:center}
.res-g .cup{font-size:18px}
.res-acts{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.res-acts button{height:36px;border:0;border-radius:9px;background:var(--bar-solid);color:var(--txt);padding:0 14px;cursor:pointer;font:inherit;font-size:13.5px}
.res-acts button.pri{background:var(--accent);color:#fff;font-weight:700}
.res-acts button:disabled{opacity:.45;cursor:default}
.res-tops{display:flex;flex-direction:column;gap:6px}
.res-tops>div{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:9px;background:rgba(245,180,0,.12)}
.res-tops .medal{font-size:22px}.res-tops b{flex:1}.res-tops small{color:var(--muted)}
.res-list{display:flex;flex-direction:column;gap:3px;max-height:52vh;overflow:auto}
.res-row{display:flex;align-items:center;gap:8px;min-height:34px;border:0;border-radius:8px;background:transparent;color:var(--txt);cursor:pointer;font:inherit;font-size:13.5px;padding:0 8px;text-align:start}
.res-row:hover{background:var(--hover)}
.res-row.off{opacity:.55}
.res-row .rk{width:22px;color:var(--muted);font-size:12px;text-align:center}
.res-row i{width:9px;height:9px;border-radius:50%;flex-shrink:0}
.res-row .nm{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.res-row .pt{font-weight:800;color:var(--accent);min-width:26px;text-align:center}
.res-row .tn{font-size:12px;color:var(--muted);min-width:44px}
.res-row .th{font-size:13px}
.cert-wrap{background:var(--field2);border-radius:12px;padding:10px;display:flex;justify-content:center;min-height:0}
.cert-wrap canvas{width:100%;max-width:760px;height:auto;border-radius:6px;box-shadow:0 4px 18px rgba(0,0,0,.3)}
.res-card #certCanvas{position:static;height:auto;max-height:56vh;width:auto;max-width:100%}
.tchips{display:flex;gap:6px;flex-wrap:wrap}
.tchip{height:32px;border:1px solid var(--line);border-radius:16px;background:var(--field);color:var(--txt);padding:0 12px;cursor:pointer;font:inherit;font-size:13px;display:inline-flex;align-items:center;gap:4px}
.tchip.on{background:var(--accent);border-color:var(--accent);color:#fff}
.tchip.add{border-style:dashed;color:var(--muted)}
.tchip .tdel{opacity:.6;font-size:11px;margin-inline-start:4px}
.tchip .tdel:hover{opacity:1}
.throw{display:flex;gap:6px}
.throw input{flex:1;font:inherit;font-size:14px;color:var(--txt);background:var(--field);border:1px solid var(--line);border-radius:8px;padding:6px 9px}
.throw button{height:34px;border:0;border-radius:8px;background:var(--accent);color:#fff;padding:0 14px;cursor:pointer;font:inherit}
.cset{display:grid;grid-template-columns:330px 1fr;gap:14px;align-items:start}
@media (max-width:900px){.cset{grid-template-columns:1fr}}
.cs-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px;font-weight:700;color:var(--muted)}
.cs-row>span:first-child{min-width:78px}
.cs-row button{height:30px;border:1px solid var(--line);border-radius:8px;background:var(--field);color:var(--txt);padding:0 10px;cursor:pointer;font:inherit;font-size:12.5px}
.cs-row button.on{background:var(--accent);color:#fff;border-color:var(--accent)}
.cs-row input[type=color]{width:34px;height:30px;border:0;padding:0;background:none;cursor:pointer}
.cs-thumb{height:36px;max-width:80px;object-fit:contain;border-radius:6px;background:#fff}
.cs-bgopts{display:flex;flex-direction:column;gap:8px;padding:10px;border:1px dashed var(--line);border-radius:10px}
.cs-bgopts input[type=range]{accent-color:var(--accent)}
.cert-big{position:fixed;inset:0;z-index:300;background:rgba(0,0,0,.85);display:grid;place-items:center;cursor:zoom-out}
.cert-big img{max-width:96vw;max-height:94vh;border-radius:8px;box-shadow:0 20px 60px rgba(0,0,0,.6)}

/* ===== فوق كل البرامج (الوضع المصغّر) ===== */
.popBtn.on{color:var(--accent)}
body.mini,body.mini #app{background:var(--bar-solid)}
body.mini #grpBar,body.mini #bar,body.mini #showBar{display:none!important}
body.mini #stage{background:var(--bar-solid)}
body.mini #stage>:not(.miniOut):not(#timerPop){visibility:hidden!important;pointer-events:none!important}
body.mini .miniHide{display:none!important}
body.mini .miniOut{transition:none!important;box-shadow:none!important;animation:none!important}
body.mini .miniOut .mw-head,body.mini .miniOut .fc-head,body.mini .miniOut .tdrag{-webkit-app-region:drag}
body.mini .miniOut button,body.mini .miniOut input,body.mini .miniOut textarea{-webkit-app-region:no-drag}
body.mini #mw.big{transform-origin:0 0}
/* تصميم موحّد للمؤقّت مع بقية البطاقات العائمة */
.timerW{background:var(--bar-solid);color:var(--txt);border:1px solid var(--line);border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,.35)}
.timerW .ring .bg{stroke:var(--line)}
.timerW .tdrag{color:var(--muted)}
.timerW.snapped{outline:2px solid var(--accent)}
.timerW .tbtns button{background:var(--field);color:var(--txt)}
.timerW .tbtns button:hover{background:var(--accent);color:#fff}

/* ===== العجلة الكبيرة ===== */
.bw-info{font-size:13px;color:var(--muted);font-weight:700}
.bw-turn{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:800;background:var(--field);border-radius:999px;padding:2px 10px}
.bw-turn:empty{display:none}
.bw-turn i{width:10px;height:10px;border-radius:50%}
.pb.bw{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px;align-items:start;overflow:hidden}
.bw-main{display:flex;justify-content:center;align-items:center;min-height:0;height:100%}
.bw-wheel{position:relative;width:min(100%,calc(100vh - 230px));aspect-ratio:1}
.bw-wheel canvas{width:100%;height:100%;display:block;cursor:pointer;border-radius:50%;position:static}
.bw-ptr{position:absolute;top:-6px;left:50%;transform:translateX(-50%);border-left:16px solid transparent;border-right:16px solid transparent;border-top:28px solid var(--accent);filter:drop-shadow(0 2px 2px rgba(0,0,0,.3))}
#bwSpin{position:absolute;top:50%;left:50%;width:24%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;border:6px solid #fff;background:var(--accent);color:#fff;font-weight:900;font-size:clamp(14px,2.2vw,26px);cursor:pointer;font-family:inherit;box-shadow:0 6px 18px rgba(0,0,0,.25)}
#bwSpin:disabled{opacity:.7;cursor:default}
.bw-side{display:flex;flex-direction:column;gap:10px;overflow-y:auto;max-height:100%;padding-inline-end:4px}
.bw-res{min-height:70px;background:var(--field);border:1px solid var(--line);border-radius:14px;padding:10px;text-align:center;display:flex;flex-direction:column;justify-content:center;gap:2px}
.bw-res b{font-size:28px;font-weight:900;color:var(--accent);line-height:1.25}
.bw-res small{font-size:12.5px;color:var(--muted)}
.bw-res .many{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;font-size:15px;font-weight:800}
.bw-res .many em{font-style:normal}
.bw-pts{display:none;gap:6px;justify-content:center;flex-wrap:wrap}
.bw-pts.on{display:flex}
.bw-pts button{height:34px;min-width:52px;border:0;border-radius:10px;cursor:pointer;font-weight:800;font-size:15px;font-family:inherit;color:#fff}
.bw-pts .p1{background:#2fb344}.bw-pts .p0{background:#868e96}.bw-pts .pm{background:#e5484d}
.bw-pts .bw-out{background:var(--field);color:#e5484d;border:1px solid #e5484d}
.bw-hint{font-size:12px;color:var(--muted);margin:0;line-height:1.6}
.bw-off{display:flex;flex-wrap:wrap;gap:4px;align-items:center;font-size:12px;color:var(--muted)}
.bw-off:empty{display:none}
.bback{font:inherit;font-size:12px;border:1px solid var(--line);background:var(--field);color:var(--txt);border-radius:999px;padding:1px 8px;cursor:pointer}
.bw-list{display:none;flex-direction:column;gap:8px}
.bw-list.on{display:flex}
.bgrp{background:var(--field);border-radius:12px;padding:6px 8px}
.bgh{display:flex;align-items:center;gap:6px;font-weight:800;font-size:13px;margin-bottom:4px}
.bgh i{width:10px;height:10px;border-radius:50%}.bgh span{margin-inline-start:auto;color:var(--accent)}
.bchip{display:flex;align-items:center;gap:4px;font-size:12.5px;padding:2px 4px;border-radius:8px;border:1.5px solid transparent}
.bchip.zero{border:1.5px dashed #fd7e14}
.bchip.done .nm{color:var(--muted)}
.bchip .nm{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;font-weight:700}
.bchip .nm:hover{color:var(--accent)}
.bchip i{font-style:normal;font-weight:800;color:var(--accent);min-width:18px;text-align:center}
.bchip small{color:var(--muted);font-size:11px}
.bchip button{width:24px;height:22px;border:0;border-radius:6px;cursor:pointer;font-size:11px;font-weight:800;font-family:inherit;padding:0}
.bchip .pl{background:rgba(47,179,68,.15);color:#2b8a3e}.bchip .mn{background:rgba(229,72,77,.15);color:#e5484d;font-size:14px}
.chk{display:flex;align-items:center;gap:8px;font-size:13px;cursor:pointer}
.chk input{width:16px;height:16px;accent-color:var(--accent)}
#mwCanvas{cursor:pointer}
@media (max-width:900px){.pb.bw{grid-template-columns:1fr;overflow:auto}.bw-wheel{width:min(100%,60vh)}}

/* ===== أدوات المعلمة (بطاقات مثل عرض الصف الثالث) ===== */
#toolsPanel{background:var(--panel)}
.tgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px;align-items:start;font-size:13.5px}
.tcard{border-radius:22px;padding:14px 16px;display:flex;flex-direction:column;gap:9px;min-width:0;background:var(--tint4)}
.tcard.t1{background:var(--tint1)}.tcard.t2{background:var(--tint2)}.tcard.t3{background:var(--tint3)}.tcard.t4{background:var(--tint4)}
.tcard h3{margin:0;font-size:18px;color:var(--title);font-weight:800}
.trow{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.trow label,.tlbl{font-weight:800;font-size:13px;margin:0}
.tcol{display:flex;flex-direction:column;align-items:flex-start;gap:7px}
.tnote{font-size:12px;color:var(--muted);margin:0}
.tcard select,.tcard input[type=number],.tcard input:not([type]),.tcard textarea{font:inherit;font-size:13.5px;color:var(--txt);background:var(--field);border:1.5px solid var(--line);border-radius:10px;padding:5px 9px}
.tcard select{border:2px solid var(--txt);font-weight:800;min-width:70px}
.tcard input:not([type]){flex:1;min-width:120px}
.tcard input[type=number]{width:76px}
.tcard textarea{width:100%;min-height:120px;resize:vertical;line-height:1.7;box-sizing:border-box}
.tb{font:inherit;font-size:13px;font-weight:800;border-radius:999px;padding:5px 14px;border:2px solid var(--accent);background:var(--field);color:var(--accent);cursor:pointer;white-space:nowrap}
.tb:hover{filter:brightness(.97)}
.tb.pri{background:var(--accent);color:#fff}
.tb.warn{border-color:#d9480f;color:#d9480f}
.tb.sure{background:#e5484d;border-color:#e5484d;color:#fff}
.twlist{display:flex;flex-wrap:wrap;gap:5px;max-height:190px;overflow:auto}
.twchip{display:inline-flex;align-items:center;gap:4px;background:var(--field);border-radius:999px;padding:2px 3px 2px 10px;font-size:12.5px;font-weight:700}
.twchip button{width:20px;height:20px;border-radius:50%;border:0;background:rgba(229,72,77,.15);color:#e5484d;cursor:pointer;font-weight:800;padding:0;line-height:1}
.twchip.out{opacity:.7;text-decoration:line-through}
.twchip.out button{background:rgba(47,179,68,.15);color:#2b8a3e}
.twoff{width:100%;display:flex;flex-wrap:wrap;gap:4px;align-items:center;font-size:12px;color:var(--muted);margin-top:4px}
.tgprev{display:flex;flex-direction:column;gap:4px}
.tgprev div{background:var(--field);border-radius:10px;padding:5px 9px;display:flex;flex-direction:column}
.tgprev small{font-size:11.5px;color:var(--muted);line-height:1.6}
.trename{margin-top:-4px}

/* ===== الشريط العلوي (مثل شريط عرض الصف الثالث) ===== */
#grpBar{background:var(--bar-solid);padding:5px 10px 0;gap:4px}
#app.overlay #grpBar{background:var(--bar)}
.gb-row1{height:auto;min-height:34px;padding:0;gap:6px}
.gb-row2{display:flex!important;height:auto;min-height:28px;padding:0;gap:6px;border:0}
.gb-prog{flex:0 0 auto;height:5px;margin:2px 0 4px;border-radius:999px;background:var(--line)}
.gb-title{height:28px;max-width:30%;border-radius:10px;font-size:13px;font-weight:800;flex:0 1 auto}
.gb-goals{height:28px;border:1px solid var(--line)}
.gb-clock{flex:1 1 260px;min-width:0;height:32px;gap:8px;border-radius:12px;background:var(--field);border:1px solid var(--line);padding:0 4px 0 10px;font-weight:600}
.gb-ctime{font-size:16px;font-weight:900;font-variant-numeric:tabular-nums;white-space:nowrap}
.gb-cof{font-size:12px;font-weight:700;color:var(--muted);white-space:nowrap}
.gb-clock .gb-date{font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;min-width:0;flex:1}
.gb-status{min-width:0;font-size:11.5px;font-weight:800;padding:1px 9px;border-radius:999px;white-space:nowrap}
.gb-status.idle{background:#fff3c4;color:#7a5d00}
.gb-status.ok{background:#ddf5e5;color:#1f8a4c}
.gb-status.pause{background:#f3e8ff;color:#6b21a8}
.gb-status.warn{background:#ffe8cc;color:#b45309}
.gb-status.late{background:#fde2dc;color:#c2341b;animation:blinkc 1.2s infinite}
.gb-clock button.gb-start{width:auto;height:24px;border-radius:999px;background:var(--accent);color:#fff;padding:0 14px;font-size:12.5px;font-weight:800;flex:0 0 auto;margin-inline-start:auto}
.gb-clock button.gb-start.run{background:var(--field2);color:var(--txt);border:1px solid var(--line)}
.gb-ib{height:30px;border:1px solid var(--line);border-radius:10px;background:var(--field);color:var(--txt);padding:0 10px;cursor:pointer;font-size:12.5px;font-weight:800;white-space:nowrap;flex:0 0 auto;display:inline-flex;align-items:center;gap:5px}
.gb-ib:hover{border-color:var(--accent)}
.gb-ib.sm{height:26px;border-radius:999px;font-size:12px;padding:0 10px}
.gb-cls{height:26px;font-size:12px;background:var(--title,var(--accent))}
.gb-cls b{display:inline-block;margin-inline-start:4px;background:rgba(255,255,255,.25);border-radius:999px;padding:0 7px}
.gb-chips{gap:6px;overflow-x:auto;scrollbar-width:thin;flex:1 1 auto}
.gb-note{font-size:12px;color:var(--muted);white-space:nowrap;align-self:center}
.gb-make{height:26px;border:2px solid var(--accent);border-radius:999px;background:var(--field);color:var(--accent);font-weight:800;font-size:12px;padding:0 12px;cursor:pointer;white-space:nowrap}
#grpBar .gchip{flex:0 0 auto;height:26px;background:var(--field);border:1px solid var(--line);border-radius:999px;padding:0 3px 0 10px;gap:5px;max-width:none}
#grpBar .gchip .gname{font-size:12.5px;font-weight:800;white-space:nowrap;overflow:visible;max-width:none}
#grpBar .gchip .gcount{font-size:10.5px;color:var(--muted)}
#grpBar .gchip.lead{border-color:#e0b100;background:#fff3c4;color:#5c4500}
#grpBar .gchip.turn{box-shadow:0 0 0 2px var(--accent)}
/* بطاقة الأهداف: قابلة للتكبير من الزاوية، والخط قابل للتكبير */
#goalsCard{resize:both;overflow:hidden;max-width:none;min-width:240px;min-height:120px;width:340px;--gcfs:14px}
#goalsCard .gc-body{flex:1;max-height:none;overflow:auto}
#goalsCard .gc-list li{font-size:var(--gcfs)}
#goalsCard .gc-h{font-size:calc(var(--gcfs) + 1px)}
#goalsCard .gc-title{font-size:calc(var(--gcfs) + 2px);font-weight:900;color:var(--title,var(--accent));margin-bottom:4px;line-height:1.4}
#goalsCard .gc-list .ck{width:calc(var(--gcfs) + 6px);height:calc(var(--gcfs) + 6px)}
.gbg-t{font-size:clamp(20px,2.6vw,32px);font-weight:900;margin-bottom:8px;color:var(--txt)}
#goalsCard .fc-x{width:auto;min-width:24px;padding:0 3px;font-size:12px}
/* خيار: الشريطان داكنان والبطاقات فاتحة */
html.darkBars #bar,html.darkBars #grpBar{--txt:#e9eaee;--muted:#a3a7b3;--field:#1a1b20;--field2:#121317;--line:#3b3e49;--hover:#3a3d48;--bar2:#2e3039;--bar-solid:#24262d;--bar:#24262d;background:#24262d;color:#e9eaee}
html.darkBars #grpBar .gchip.lead{color:#5c4500}
/* عنوان الدرس والتاريخ في أول الشريط */
.gb-lesson{display:flex;flex-direction:column;justify-content:center;min-width:0;flex:0 1 auto;max-width:38%;background:var(--field);border:1px solid var(--line);border-radius:12px;padding:1px 10px;height:34px}
.gb-lesson .gb-title{height:auto;max-width:none;border:0;background:transparent;padding:0;font-size:13.5px;font-weight:900;line-height:1.25;color:var(--title,var(--txt));text-align:start;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;width:100%}
.gb-lesson .gb-title.empty span{color:var(--muted);font-weight:600}
.gb-lesson .gb-date{border:0;background:transparent;padding:0;font-size:11px;color:var(--muted);line-height:1.25;text-align:start;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:inherit;flex:none}
.gb-lesson .gb-date:hover{color:var(--accent)}
.gb-lesson .gb-title.set{border:0;background:transparent}
#goalsCard .gc-lbl{font-size:calc(var(--gcfs) - 3px);font-weight:800;color:var(--muted);letter-spacing:.02em;margin-top:2px}
#goalsCard .gc-date{font-size:calc(var(--gcfs) - 3px);color:var(--muted);margin-bottom:8px}
#goalsCard .gc-lbl+.gc-h{margin-top:0}
.gbg-lbl{font-size:clamp(13px,1.4vw,17px);font-weight:800;color:var(--muted);margin-top:6px}
.gbg-d{font-size:clamp(13px,1.4vw,17px);color:var(--muted);margin-bottom:14px}
/* المؤقّت: يكبر ويصغر من الزاوية */
.timerW{position:absolute}
.tgrip{position:absolute;bottom:3px;inset-inline-end:3px;width:16px;height:16px;cursor:nwse-resize;border-radius:4px;
  background:linear-gradient(135deg,transparent 45%,var(--muted) 45%,var(--muted) 55%,transparent 55%,transparent 70%,var(--muted) 70%,var(--muted) 80%,transparent 80%);opacity:.7}
[dir=rtl] .tgrip{cursor:nesw-resize;transform:scaleX(-1)}
.timerW.tiny{padding:6px 8px 8px}
.timerW.tiny .tbtns{display:none;position:absolute;left:4px;right:4px;bottom:4px;flex-wrap:wrap;justify-content:center;background:var(--bar-solid);border:1px solid var(--line);border-radius:10px;padding:3px;z-index:2}
.timerW.tiny .tbtns button{width:26px;height:24px}
.timerW.tiny:hover .tbtns{display:flex}
.timerW.tiny .tdrag{padding:0 10px 2px}
.timerW .tnum{color:var(--txt)}
/* أنواع العجلة الثلاثة */
.wseg{display:flex;gap:2px;background:var(--field);border:1.5px solid var(--txt);border-radius:999px;padding:2px}
.wseg button{flex:1;border:0;background:transparent;color:var(--txt);font:inherit;font-weight:800;border-radius:999px;cursor:pointer;white-space:nowrap}
.wseg button.on{background:var(--txt);color:var(--bar-solid)}
.mw-seg{margin:0 2px}
.mw-seg button{font-size:11px;height:20px;padding:0 4px}
.bw-seg button{font-size:13px;height:28px;padding:0 12px}
.mw-res .members,.bw-res .members{display:block;font-size:12px;font-weight:600;color:var(--muted);line-height:1.6}
.bw-res .members{font-size:14px}
.nrows{display:flex;flex-direction:column;gap:4px;margin-top:4px;text-align:start}
.nrow{display:flex;align-items:center;gap:5px;background:var(--field2);border-radius:8px;padding:3px 6px;font-size:12px;font-weight:600}
.nrow i{width:9px;height:9px;border-radius:50%;flex:none}
.nrow .nn{flex:1;min-width:0;line-height:1.35}
.nrow .nn b{font-size:inherit;color:var(--txt)}
.nrow button{height:22px;min-width:26px;border-radius:7px;font:inherit;font-weight:800;font-size:11px;cursor:pointer;padding:0 4px}
.nrow .n1{background:#ddf5e5;color:#1f8a4c;border:1.5px solid #1f8a4c}
.nrow .n0{background:var(--field);color:var(--muted);border:1.5px solid #c9d3dd}
.nrow .nm{background:#fde2dc;color:#c2341b;border:1.5px solid #c2341b}
.nrow em{font-style:normal;font-weight:800;font-size:11px;color:var(--muted)}
.nrow em.up{color:#1f8a4c}.nrow em.down{color:#c2341b}
.bw-res .nrow{font-size:14px;padding:5px 8px}
.bw-res .nrow button{height:26px;min-width:34px;font-size:13px}
.mw-res.isNum{font-size:15px}
#mw{width:230px}

/* ===== صفحة النتائج (مثل موقع الدرس) ===== */
#resCard{width:min(1150px,96%);max-height:94%;gap:12px;background:var(--tint1,var(--bar-solid))}
.rs-top{display:flex;gap:10px;align-items:flex-start}
.rs-hero{flex:1;display:flex;align-items:center;justify-content:space-between;gap:10px}
.rs-hero h2{margin:0;font-size:clamp(24px,3vw,34px);font-weight:900;color:var(--txt)}
.rs-hero p{margin:4px 0 0;font-size:13.5px;color:var(--muted);font-weight:600}
.rs-cup{font-size:44px}
.rs-x{display:flex;gap:6px}
.rs-banner{align-self:flex-start;background:#ffd966;color:#3b2f05;font-weight:900;font-size:18px;border-radius:14px;padding:6px 16px}
.rs-glist{display:flex;flex-direction:column;gap:4px;max-width:420px}
.rs-glist div{display:flex;align-items:center;gap:8px;background:var(--bar-solid);border-radius:10px;padding:5px 12px;font-size:13.5px}
.rs-glist div.win{box-shadow:inset 0 0 0 2px #e0b100;background:#fff3c4;color:#3b2f05}
.rs-glist i{width:11px;height:11px;border-radius:50%}
.rs-glist b{flex:1}.rs-glist span{font-weight:800}
.rs-h{margin:6px 0 0;font-size:16px;font-weight:900;display:flex;gap:10px;align-items:baseline}
.rs-h small{font-weight:500;font-size:12px;color:var(--muted)}
.rs-tables{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px}
.rs-tb{background:var(--bar-solid);border:2px solid var(--gc);border-radius:14px;padding:8px 10px;min-width:0}
.rs-tbh{display:flex;justify-content:space-between;font-size:14px;margin-bottom:4px}
.rs-tbh span{font-weight:800;color:var(--muted);font-size:12px}
.rs-tb table{width:100%;border-collapse:collapse;font-size:12.5px}
.rs-tb th{font-size:10.5px;color:var(--muted);font-weight:700;text-align:start;padding:2px 4px}
.rs-tb th+th,.rs-tb td+td{text-align:center;width:56px}
.rs-tb td{padding:3px 4px;border-top:1px solid var(--line);font-weight:700}
.rs-tb tr[data-n]{cursor:pointer}.rs-tb tr[data-n]:hover td{background:var(--hover)}
.rs-tb tr.off td{opacity:.55}
.rs-rank{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:5px}
.rs-rank li{display:flex;align-items:center;gap:6px;background:var(--bar-solid);border-radius:10px;padding:4px 10px;font-size:12.5px;cursor:pointer}
.rs-rank li:hover{background:var(--hover)}
.rs-rank .k{font-weight:800;color:var(--muted);min-width:22px}
.rs-rank i{width:9px;height:9px;border-radius:50%;flex:none}
.rs-rank b{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rs-rank small{color:var(--muted);font-size:11px;white-space:nowrap}
.rs-acts{display:flex;gap:8px;flex-wrap:wrap}
.rs-acts button,.rs-cb button{height:34px;border:0;border-radius:999px;background:var(--bar-solid);color:var(--txt);padding:0 16px;cursor:pointer;font:inherit;font-weight:800;font-size:13px;border:1.5px solid var(--line)}
.rs-acts button.pri{background:var(--txt);color:var(--bar-solid);border-color:var(--txt)}
.rs-certs{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,340px));gap:16px}
.rs-cert{display:flex;flex-direction:column;gap:6px}
.rs-cert canvas{position:static;width:100%;height:auto;border-radius:10px;box-shadow:0 4px 14px rgba(0,0,0,.15);background:#fff}
.rs-cb{display:flex;gap:6px;flex-wrap:wrap}
.rs-cb button{height:30px;font-size:12px;padding:0 12px}

/* ===== المؤقّت الجديد: نافذة كبيرة + ساعة صغيرة ===== */
.tov{position:absolute;inset:0;z-index:62;display:none;place-items:center;background:rgba(10,11,14,.45)}
.tov.on{display:grid}
.tov-card{width:min(560px,92%);background:var(--bar-solid);color:var(--txt);border-radius:22px;padding:16px 20px 14px;box-shadow:0 24px 70px rgba(0,0,0,.4);display:flex;flex-direction:column;gap:10px;text-align:center}
.tov-h{display:flex;align-items:center;font-size:17px}
.tov-x{width:34px;height:34px;border-radius:50%;border:1.5px solid var(--line);background:var(--field);color:var(--txt);cursor:pointer;font-size:15px}
.tov-lbl{font-size:13px;font-weight:700;color:var(--muted)}
.tov-num{font-size:clamp(64px,11vw,120px);font-weight:900;line-height:1;font-variant-numeric:tabular-nums;color:var(--accent);direction:ltr}
.tov[data-state=warn] .tov-num{color:#e67700}
.tov[data-state=danger] .tov-num{color:#e5484d;animation:blinkc 1s infinite}
.tov[data-state=done] .tov-num{color:#e5484d;font-size:clamp(40px,7vw,72px)}
.tov-bar{height:10px;border-radius:999px;background:var(--line);overflow:hidden}
.tov-bar i{display:block;height:100%;background:var(--accent);border-radius:999px;transition:width .3s linear}
.tov[data-state=warn] .tov-bar i{background:#e67700}.tov[data-state=danger] .tov-bar i,.tov[data-state=done] .tov-bar i{background:#e5484d}
.tov-chips{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}
.tov-chips button{min-width:54px;height:34px;border-radius:10px;border:1.5px solid var(--line);background:var(--field);color:var(--txt);font:inherit;font-weight:800;font-size:14px;cursor:pointer}
.tov-chips button:hover{border-color:var(--accent);color:var(--accent)}
.tov-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:center;font-size:13px}
.tov-row label{font-weight:700}
.tov-row input[type=number]{width:64px;height:32px;border-radius:8px;border:1.5px solid var(--line);background:var(--field);color:var(--txt);text-align:center;font:inherit;font-size:14px}
.tov-row button{height:32px;border-radius:999px;border:1.5px solid var(--line);background:var(--field);color:var(--txt);padding:0 14px;font:inherit;font-weight:800;font-size:13px;cursor:pointer}
.tov-row button.pri{background:var(--accent);border-color:var(--accent);color:#fff}
.tov-row button.warn{border-color:#d9480f;color:#d9480f}
.tov-row button:disabled{opacity:.45;cursor:default}
.tov-note{margin:0;font-size:11.5px;color:var(--muted)}
#timerW{position:absolute;z-index:36;display:none;flex-direction:row;align-items:center;gap:2px;padding:3px 4px;border-radius:16px;
  background:#1f8a4c;color:#fff;border:0;box-shadow:0 8px 20px rgba(0,0,0,.25);--sz:auto;width:auto;height:auto;resize:none}
#timerW.on{display:flex}
#timerW[data-state=warn]{background:#e67700}
#timerW[data-state=danger]{background:#e5484d;animation:blinkc 1s infinite}
#timerW[data-state=done]{background:#e5484d}
#timerW .tdrag{color:rgba(255,255,255,.7);padding:0 3px;font-size:11px;letter-spacing:-2px;cursor:move;align-self:stretch;display:flex;align-items:center}
#timerW .tnum{position:static;transform:none;border:0;background:transparent;color:#fff;font:inherit;font-size:24px;font-weight:900;font-variant-numeric:tabular-nums;direction:ltr;cursor:pointer;padding:0 6px;line-height:1.2}
#timerW .tbtns{display:none;margin:0;gap:2px;direction:ltr}
#timerW:hover .tbtns,body.mini #timerW .tbtns{display:flex}
#timerW .tbtns button{width:26px;height:26px;border:0;border-radius:50%;background:rgba(255,255,255,.2);color:#fff;font-size:12px;cursor:pointer;padding:0}
#timerW .tbtns button:hover{background:rgba(255,255,255,.35)}
body.mini #timerPop{inset:auto;width:330px;background:none;place-items:start}
body.mini .tov-card{width:320px;padding:10px;gap:6px;box-shadow:none}
body.mini .tov-num{font-size:44px}
body.mini .tov-note{display:none}
/* أزرار النتيجة: أجابت +1 · شاركت · −1 · تخطّي */
.mw-pts{flex-wrap:wrap}
.mw-pts button{min-width:0;padding:0 7px;font-size:11.5px;height:26px}
.mw-pts .pskip,.bw-pts .pskip{background:var(--field);color:var(--muted);border:1.5px dashed var(--muted)}
.bw-pts button{padding:0 12px;font-size:14px}
.mw-pts .p0,.bw-pts .p0{background:#868e96}
.mw-fx.cheer{font-size:24px;background:rgba(255,255,255,.95);padding:6px 14px;border-radius:999px;box-shadow:0 6px 20px rgba(0,0,0,.18);text-shadow:none;z-index:50;
  animation:mwfx 1.6s ease forwards}
/* زر لغة العجلة */
.wl-btn{min-width:30px;height:24px;border-radius:7px;border:1px solid var(--line,#ddd);background:var(--card,#fff);color:inherit;font:700 11px inherit;cursor:pointer;padding:0 6px}
.wl-btn:hover{background:var(--accent);color:#fff}
/* الشريط بسطر واحد: المجموعات فقط */
#grpBar.one .gb-row1{display:none!important}
#grpBar.one{padding-top:4px;padding-bottom:4px}
.gb-one{display:none!important}
#grpBar.one .gb-one{display:inline-flex!important}
#grpBar.one #gbRows{transform:rotate(180deg)}
#grpBar .gchip .gname{cursor:text}
/* نافذة أسماء المجموعات */
.gnames{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:6px 0 10px}
.gnames label{min-width:0;display:flex;align-items:center;gap:6px}
.gnames label i{width:12px;height:12px;border-radius:50%;flex:0 0 auto}
.gnames input{flex:1;min-width:0;height:32px;border:1px solid var(--line);border-radius:8px;background:var(--field);color:var(--txt);padding:0 8px;font:inherit}
.gideas{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:10px}
.gideas button{height:26px;border:1px solid var(--line);border-radius:999px;background:var(--field);color:var(--txt);padding:0 10px;cursor:pointer;font:inherit;font-size:12px}
.gideas button:hover{background:var(--accent);color:#fff}
.mw-fx.cheer.onStage{left:50%;top:38%;font-size:46px;padding:12px 34px;z-index:60}
/* العجلة المنبثقة أثناء الدوران */
#mw.pop{position:absolute!important;width:380px!important;z-index:70!important;box-shadow:0 30px 90px rgba(0,0,0,.45)!important;animation:mwpop .28s cubic-bezier(.3,1.4,.5,1)}
#mw.pop .mw-wheel{width:320px!important;height:320px!important}
#mw.pop .mw-res{font-size:20px}
#mw.pop .mw-res b{font-size:26px}
#mw.pop #mwFoldSpin{display:none!important}
@keyframes mwpop{from{transform:scale(.6);opacity:.3}to{transform:scale(1);opacity:1}}
.mw-ph{border:2px dashed var(--line);border-radius:16px;opacity:.6}
/* شريط المجموعات فوق كل البرامج (من دائرة الزر العائم): سطر المجموعات فقط */
body.mini #grpBar.miniOut{display:flex!important;position:fixed;z-index:80;width:max-content;max-width:900px;border:1px solid var(--line);border-radius:14px;padding:4px 8px}
body.mini #grpBar.miniOut .gb-row1,body.mini #grpBar.miniOut .gb-prog,body.mini #grpBar.miniOut #gbRows,body.mini #grpBar.miniOut #gbHide2{display:none!important}
body.mini #grpBar.miniOut .gb-row2{-webkit-app-region:drag}
body.mini #grpBar.miniOut .gb-row2 button{-webkit-app-region:no-drag}
/* شارات الشكر المتراكمة */
.bdg{display:inline-flex;align-items:center;gap:1px;vertical-align:middle;flex-wrap:wrap;margin-inline-start:4px}
.bdg .bdi{font-size:14px;line-height:1}
.bdg .bd10{width:18px;height:22px;flex:0 0 auto}
/* الفصل المختلط: صيغة كل طفل */
.mixbox{margin-top:8px;border:1px dashed var(--line);border-radius:10px;padding:8px}
.mixh{font-size:12px;color:var(--muted);margin-bottom:6px}
.mixq{color:#e8590c}
.mixl{display:flex;flex-wrap:wrap;gap:5px;max-height:180px;overflow:auto}
.mixc{height:28px;border:1px solid var(--line);border-radius:14px;background:var(--field);color:var(--txt);padding:0 10px;cursor:pointer;font:inherit;font-size:12.5px}
.mixc.q{border-color:#f59f00;background:#fff4e6}
.mixc.set{border-color:var(--accent)}
.tgpick{display:flex;gap:16px;justify-content:center;margin:8px 0}
.absb{font-style:normal;font-weight:800;font-size:11px;color:#fff;background:#e8590c;border-radius:6px;padding:0 5px;margin-inline-start:3px}
#mwOutPick{font-weight:900;font-size:14px;color:#e8590c}
/* تقرير الفترة */
.rp-tops{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:8px 0}
.rp-tops h4{margin:0 0 6px;font-size:14px}
.rp-top{display:flex;align-items:center;gap:6px;width:100%;border:1px solid var(--line);background:var(--field);color:var(--txt);border-radius:10px;padding:6px 10px;margin-bottom:5px;cursor:pointer;font:inherit;font-weight:700}
.rp-top small{color:var(--muted);font-weight:500;margin-inline-start:auto}
.rp-top:hover{border-color:var(--accent)}
.rp-tb{width:100%;border-collapse:collapse;font-size:13.5px}
.rp-tb th{color:var(--muted);font-weight:600;text-align:start;border-bottom:1px solid var(--line);padding:4px 6px}
.rp-tb td{padding:5px 6px;border-bottom:1px solid var(--line)}
.rp-tb tr[data-cert]{cursor:pointer}.rp-tb tr[data-cert]:hover td{background:var(--hover)}
.rs-sub{color:var(--muted);margin:6px 0}
td.cum{color:var(--accent);font-weight:800}
/* بداية جديدة والأرشيف */
.ny-card{width:min(640px,94%);max-height:90%;overflow:auto}
.ny-sum{background:var(--field);border:1px solid var(--line);border-radius:10px;padding:8px 12px;margin:6px 0 10px;font-weight:700}
.ny-l{display:block;font-size:12.5px;color:var(--muted);margin-bottom:4px}
.ny-z{color:#c2341b;margin:4px 0}.ny-k{color:#1f8a4c;margin:4px 0}
.ny-f{font-size:12px;display:flex;align-items:center;gap:6px;word-break:break-all}
button.warn{background:#e5484d!important;border-color:#e5484d!important;color:#fff!important}
/* التقويم الدراسي */
.cal-card{width:min(760px,96%);max-height:92%;overflow:auto}
.cal-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin:10px 0}
.cal-grid label{display:flex;flex-direction:column;gap:3px;font-size:12.5px;color:var(--muted)}
.cal-grid input,.cal-grid select,.ny-dates input{height:32px;border:1px solid var(--line);border-radius:8px;background:var(--field);color:var(--txt);padding:0 8px;font:inherit}
.cal-grid small{color:var(--accent);font-weight:700}
.cal-sum{font-weight:700;margin:4px 0 8px}
.cal-wk{display:flex;flex-direction:column;gap:4px;max-height:50vh;overflow:auto;padding:2px}
.cal-row{display:grid;grid-template-columns:130px 1fr 150px auto auto;align-items:center;gap:6px;padding:4px 8px;border:1px solid var(--line);border-radius:10px;background:var(--field)}
.cal-row.off{opacity:.55;background:transparent;border-style:dashed}
.cal-on{display:flex;align-items:center;gap:6px;cursor:pointer}
.cal-d{font-size:12.5px;color:var(--muted)}
.cal-v{height:28px;border:1px solid var(--line);border-radius:8px;background:var(--bar-solid);color:var(--txt);padding:0 8px;font:inherit;min-width:0}
.gc-val{margin:4px 0 8px;font-size:13px;color:#b8860b}
.ny-dates{display:flex;gap:10px;margin:8px 0}
.ny-dates label{display:flex;flex-direction:column;font-size:12.5px;color:var(--muted);gap:3px;flex:1}
/* توزيع المنهج على الأسابيع */
.wkhead{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:6px 0 10px}
.wkhead select{height:32px;border:1px solid var(--line);border-radius:8px;background:var(--field);color:var(--txt);padding:0 8px;font:inherit}
.wsec{border:1px solid var(--line);border-radius:12px;padding:6px 10px 10px;margin-bottom:8px;transition:background .15s}
.wsec.now{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 25%,transparent)}
.wsec.over{background:color-mix(in srgb,var(--accent) 12%,transparent)}
.wsec.over.copy{outline:2px dashed var(--accent);outline-offset:-2px}
.wsec.wun{border-style:dashed}
.wsh{display:flex;align-items:center;gap:8px;font-size:13px;margin-bottom:6px}
.wsh span{color:var(--muted);font-size:12px}
.wsh .wval{color:#b8860b}
.wsh em{font-style:normal;background:var(--accent);color:#fff;border-radius:6px;padding:0 6px;font-size:11px}
.wsh small{margin-inline-start:auto;color:var(--muted)}
.wempty{color:var(--muted);font-size:12px;padding:6px}
.card.dragging{opacity:.4}
.card .acts button.wk{width:auto;padding:0 6px;font-size:11px}
.wkpick{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:6px;max-height:50vh;overflow:auto;margin:8px 0}
.wkpick button{display:flex;flex-direction:column;align-items:center;gap:2px;border:1px solid var(--line);border-radius:10px;background:var(--field);color:var(--txt);padding:6px;cursor:pointer;font:inherit;font-size:12.5px}
.wkpick button.pri{background:var(--accent);color:#fff;border-color:var(--accent)}
.wkpick small{font-size:10.5px;color:inherit;opacity:.8}
.lsubj.wknow{--sc:var(--accent)}
/* أسماء من إكسل */
.trow.nxl{flex-wrap:wrap;gap:6px}
#nxDlg .nx-wrap{max-height:46vh;overflow:auto;border:1px solid var(--line,#ddd);border-radius:10px;margin:8px 0}
#nxDlg .nx-tbl{width:100%;border-collapse:collapse}
#nxDlg .nx-tbl td{padding:7px 8px;border-bottom:1px solid var(--line,#eee);vertical-align:middle}
#nxDlg .nx-tbl select,#nxDlg .nx-tbl input:not([type]){padding:3px 6px;border-radius:6px;border:1px solid var(--line,#ccc);max-width:150px}
#nxDlg .nx-ex{color:#a15c00;font-size:13px}
#nxDlg .nx-new{color:#1a7f37;font-size:13px}
#nxDlg .nx-mode{display:flex;flex-direction:column;gap:4px;margin:6px 0}
/* ===== وضع المدرسة ===== */
#scDlg .sc-card{max-width:680px;width:min(680px,94vw);max-height:90vh;overflow:auto}
#scDlg .sc-head{display:flex;align-items:center;gap:8px}
#scDlg .sc-head h3{margin:0}
#scDlg .sc-x{border:0;background:transparent;font-size:18px;cursor:pointer;color:inherit}
#scDlg .sc-mode{display:flex;gap:6px;margin:10px 0}
#scDlg .sc-pill{padding:4px 12px;border-radius:999px;background:rgba(0,0,0,.06);font-size:13px;color:#777}
#scDlg .sc-pill.on{background:var(--accent,#2a9d8f);color:#fff;font-weight:700}
#scDlg .sc-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media (max-width:640px){#scDlg .sc-two{grid-template-columns:1fr}}
#scDlg .sc-box{border:1px solid var(--line,#e3e3e3);border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:8px}
#scDlg .sc-box h4{margin:0}
#scDlg input,#scDlg select{padding:7px 10px;border-radius:8px;border:1px solid var(--line,#ccc);font:inherit}
#scDlg .sc-code-in{font-size:22px;letter-spacing:4px;text-align:center;font-weight:700;font-family:Consolas,monospace}
#scDlg .sc-load{padding:30px;text-align:center;color:#888}
#scDlg .sc-warn{background:#fff6e0;border-radius:10px;padding:10px;color:#8a5a00}
#scDlg .sc-tabs{display:flex;gap:6px;border-bottom:1px solid var(--line,#e3e3e3);margin-bottom:10px;flex-wrap:wrap}
#scDlg .sc-tabs button{border:0;background:transparent;padding:8px 12px;cursor:pointer;font:inherit;border-bottom:3px solid transparent;color:inherit}
#scDlg .sc-tabs button.on{border-bottom-color:var(--accent,#2a9d8f);font-weight:700}
#scDlg .sc-row{display:flex;align-items:center;gap:8px;margin:8px 0;flex-wrap:wrap}
#scDlg .sc-row>label{min-width:90px;color:#777}
#scDlg .sc-codebox{text-align:center;background:rgba(42,157,143,.08);border-radius:14px;padding:12px;margin:12px 0}
#scDlg .sc-code{font:800 34px Consolas,monospace;letter-spacing:6px;margin:4px 0;color:var(--accent,#2a9d8f)}
#scDlg .sc-danger{margin-top:12px}
#scDlg .sc-list{display:flex;flex-direction:column;gap:6px;max-height:50vh;overflow:auto}
#scDlg .sc-mem{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--line,#eee);border-radius:10px}
#scDlg .sc-who{flex:1;display:flex;flex-direction:column;min-width:0}
#scDlg .sc-who small{color:#888;overflow:hidden;text-overflow:ellipsis}
#scDlg .sc-role{font-size:13px;padding:3px 10px;border-radius:999px;background:rgba(0,0,0,.06)}
#scDlg .sc-role.own{background:#fff3c4;color:#8a5a00;font-weight:700}
#scDlg .sc-mini{border:1px solid var(--line,#ddd);background:transparent;border-radius:8px;min-width:30px;height:30px;cursor:pointer}
#scDlg .sc-rolec{border:1px solid var(--line,#e3e3e3);border-radius:12px;padding:8px 12px;margin:8px 0}
#scDlg .sc-perms{display:grid;grid-template-columns:1fr 1fr;gap:4px 12px;font-size:14px}
#scDlg .sc-sug{font-size:13px;opacity:.8}
#scDlg button{padding:6px 12px;border-radius:8px;border:1px solid var(--line,#d6d6d6);background:#fff;color:#222;cursor:pointer;font:inherit}
#scDlg button.pri{background:var(--accent,#2a9d8f);color:#fff;border-color:transparent;font-weight:700}
#scDlg button.warn{background:#e5484d;color:#fff;border-color:transparent}
#scDlg .sc-tabs button,#scDlg .sc-x{border:0;background:transparent;color:inherit}
/* ===== أدوات المعلمة: تبويبات ===== */
#toolsPanel .ttop{padding:0 20px 0;border-bottom:1px solid var(--line,rgba(0,0,0,.08))}
#toolsPanel .tclass{margin:0 0 8px;gap:10px}
#toolsPanel .tclass select{min-width:110px;font-weight:700}
#toolsPanel .ttabs{display:flex;gap:6px;flex-wrap:wrap}
#toolsPanel .ttabs button{border:0;background:transparent;padding:9px 14px;font:inherit;font-weight:700;color:inherit;opacity:.65;cursor:pointer;border-bottom:3px solid transparent;border-radius:8px 8px 0 0}
#toolsPanel .ttabs button:hover{opacity:1;background:rgba(0,0,0,.04)}
#toolsPanel .ttabs button.on{opacity:1;border-bottom-color:var(--accent,#2a9d8f);color:var(--accent-ink,var(--accent,#2a9d8f))}
#toolsPanel .tpane{display:none}
#toolsPanel .tpane.on{display:grid}
#toolsPanel .tdanger{grid-column:1/-1;border:1px dashed rgba(229,72,77,.45);border-radius:14px;padding:8px 14px}
#toolsPanel .tdanger summary{cursor:pointer;color:#c4373c;font-weight:700;list-style:none}
#toolsPanel .tdanger summary::-webkit-details-marker{display:none}
#toolsPanel .tdanger summary::after{content:' ▸'}
#toolsPanel .tdanger[open] summary::after{content:' ▾'}
#toolsPanel .tdanger .trow{margin-top:10px;flex-wrap:wrap;gap:8px}
#toolsPanel #classNameShow{font-size:16px}
/* ===== مكان العمل (شخصي / المدارس) ===== */
.ctx-dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--cc,#64748b);margin-inline-end:6px;vertical-align:middle;flex:none}
.gb-ctx{--cc:#64748b;display:inline-flex;align-items:center;gap:2px;border:0;border-radius:999px;padding:4px 12px;margin-inline-end:8px;cursor:pointer;font:inherit;font-size:13px;white-space:nowrap;
  background:color-mix(in srgb,var(--cc) 14%,#fff);color:color-mix(in srgb,var(--cc) 80%,#000);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--cc) 45%,transparent)}
.gb-ctx:hover{background:color-mix(in srgb,var(--cc) 24%,#fff)}
.gb-ctx b{max-width:180px;overflow:hidden;text-overflow:ellipsis;margin-inline-start:3px}
.ctx-menu{position:fixed;z-index:10050;min-width:220px;background:#fff;color:#222;border-radius:14px;box-shadow:0 10px 40px rgba(0,0,0,.25);padding:6px;display:flex;flex-direction:column}
.ctx-menu button{display:flex;align-items:center;gap:4px;border:0;background:transparent;padding:9px 12px;border-radius:9px;font:inherit;text-align:start;cursor:pointer;color:inherit}
.ctx-menu button:hover{background:rgba(0,0,0,.06)}
.ctx-menu button.on{font-weight:700}
.ctx-menu hr{border:0;border-top:1px solid #eee;margin:4px 6px}
#ctxPick{z-index:10040}
#ctxPick .ctx-pick{display:flex;gap:10px;align-items:center;padding:16px;width:auto;min-width:0}
#ctxPick .ctx-sel{--cc:#64748b;display:flex;align-items:center;gap:4px;min-width:240px;padding:12px 16px;border-radius:12px;border:2px solid var(--cc);background:color-mix(in srgb,var(--cc) 10%,#fff);font:inherit;font-size:17px;cursor:pointer;color:#222}
#ctxPick .ctx-sel b{flex:1;text-align:start;margin-inline-start:3px}
#ctxPick .ctx-car{opacity:.6}
#ctxPick .ctx-go{padding:12px 20px;font-size:16px}
#ctxMove .ctx-list{display:flex;flex-direction:column;gap:6px;margin:10px 0;max-height:40vh;overflow:auto}
#ctxMove .ctx-list label{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--line,#e5e5e5);border-radius:10px;cursor:pointer}
#ctxMove .ctx-list small{color:#888}
#scDlg .sc-mode{flex-wrap:wrap}
#scDlg button.sc-pill{--cc:#64748b;border:0;cursor:pointer;display:inline-flex;align-items:center;font:inherit;font-size:13px;color:#555;background:rgba(0,0,0,.06);padding:5px 12px}
#scDlg button.sc-pill.on{background:var(--cc);color:#fff;font-weight:700}
#scDlg button.sc-pill.on .ctx-dot{background:#fff}
#scDlg .sc-colors{display:flex;gap:5px;flex-wrap:wrap}
#scDlg button.sc-sw{width:24px;height:24px;min-width:0;padding:0;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px rgba(0,0,0,.15)}
#scDlg button.sc-sw.on{box-shadow:0 0 0 2.5px #222}
#bar .gb-ctx{align-self:center;margin-inline:4px 8px;padding:5px 12px}
#ctxPick .ctx-go{background:var(--accent,#2a9d8f);color:#fff;border:0;border-radius:12px;font-weight:700;cursor:pointer}
/* مصدر التقويم */
#calDlg .cal-src{display:flex;align-items:center;flex-wrap:wrap;gap:6px;background:rgba(42,157,143,.08);border-radius:12px;padding:8px 12px;margin:6px 0 10px;font-size:14px}
#calDlg .cal-src-acts{display:flex;gap:6px;flex-wrap:wrap;margin-inline-start:auto}
#calDlg .cal-src .rbtn{display:inline-flex;align-items:center;font-size:13px}
#calDlg .cal-card.ro .cal-wk input,#calDlg .cal-card.ro .cal-grid input,#calDlg .cal-card.ro .cal-grid select{opacity:.85;background:transparent}
#calDlg .cal-card.ro .cal-wk .rbtn{display:none}
/* ===== هيكل المدرسة ===== */
#scDlg .ss-stage,#scCls .ss-stage{border:1px solid var(--line,#e5e5e5);border-radius:12px;padding:8px 12px;margin:8px 0}
#scDlg .ss-sh,#scCls .ss-sh{display:flex;align-items:center;gap:8px;margin-bottom:6px}
#scDlg .ss-sh b,#scCls .ss-sh b{flex:1;font-size:15px}
#scDlg .ss-grade{display:flex;align-items:flex-start;gap:10px;padding:6px 0;border-top:1px dashed var(--line,#eee)}
#scDlg .ss-gn{min-width:110px;color:#555;padding-top:5px}
#scDlg .ss-cls{display:flex;flex-wrap:wrap;gap:6px;flex:1}
#scDlg button.ss-c{display:inline-flex;flex-direction:column;align-items:center;padding:4px 12px;line-height:1.2}
#scDlg button.ss-c small{font-size:11px;color:#888}
#scDlg button.ss-add{border-style:dashed}
#scDlg .ss-ed textarea{width:100%;min-height:220px;border-radius:10px;border:1px solid var(--line,#ccc);padding:8px;font:inherit;box-sizing:border-box}
#scDlg .ss-pk{display:inline-flex;align-items:center;gap:5px;cursor:pointer}
#scDlg .ss-pk.sm{font-size:13px;padding:2px 8px;border:1px solid var(--line,#e5e5e5);border-radius:8px}
#scDlg h4{margin:12px 0 6px}
#scCls .ss-gt{font-size:13px;color:#777;margin:8px 0 4px}
#scCls .sc-list{display:flex;flex-direction:column;gap:6px}
#scCls .sc-mem{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--line,#eee);border-radius:10px}
#scCls .sc-mem.locked{background:rgba(0,0,0,.025)}
#scCls .sc-who{flex:1;display:flex;flex-direction:column}
#scCls .sc-who small{color:#888}
#scCls button{padding:6px 12px;border-radius:8px;border:1px solid var(--line,#d6d6d6);background:#fff;cursor:pointer;font:inherit}
#scCls button.pri{background:var(--accent,#2a9d8f);color:#fff;border-color:transparent;font-weight:700}
#scCls .sc-x{border:0;background:transparent;font-size:18px}
#scCls .nx-ex{color:#a15c00;font-size:13px}
#scCls .nx-new{color:#1a7f37;font-size:13px}
/* نقل الملكية و«مدارسي» */
#scDlg button.sc-rm{color:#c4373c;border-color:rgba(229,72,77,.4);font-size:13px}
.sc-confirm{z-index:10060}
.tr-dlg{z-index:10070}
.tr-dlg select,.tr-dlg input{width:100%;box-sizing:border-box;padding:8px 10px;border-radius:8px;border:1px solid var(--line,#ccc);font:inherit;margin:6px 0 10px}
.tr-dlg .tr-warn{background:#fff6e0;color:#7a4f00;border-radius:10px;padding:10px 12px;margin:10px 0;line-height:1.9;font-size:14px}
.tr-dlg button.warn{background:#e5484d;color:#fff;border:0}
.tr-dlg button.warn:disabled{opacity:.45}
#sSchools .ms-list{display:flex;flex-direction:column;gap:8px}
#sSchools .ms-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:8px 10px;border:1px solid var(--line,#e5e5e5);border-radius:12px}
#sSchools .ms-row small{color:#888}
#sSchools .ms-tr{display:flex;align-items:center;gap:6px}
#sSchools .ms-pend{font-size:13px;color:#a15c00}
#sSchools .pbtn.warn{color:#c4373c}
/* نسخة تجريبية */
#trialPill{align-self:center;border:0;border-radius:999px;padding:4px 10px;margin-inline:4px;font:inherit;font-size:12px;cursor:pointer;background:#eef2ff;color:#3730a3;white-space:nowrap}
#trialPill.warn{background:#fee2e2;color:#b91c1c;font-weight:700}
#trialLock{position:fixed;inset:0;z-index:2147483000;background:rgba(15,23,42,.92);display:flex;align-items:center;justify-content:center}
#trialLock .tl-card{background:#fff;color:#222;border-radius:20px;padding:28px 32px;max-width:460px;text-align:center;box-shadow:0 20px 60px rgba(0,0,0,.4)}
#trialLock .tl-ic{font-size:44px}
#trialLock h2{margin:8px 0}
#trialLock .tl-v{color:#888;font-size:13px}
#trialLock button.pri{background:var(--accent,#2a9d8f);color:#fff;border:0;border-radius:12px;padding:12px 22px;font:inherit;font-weight:700;cursor:pointer}
#trialLock .tl-msg{min-height:20px;color:#555}
#trialLock .tl-note{font-size:12px;color:#888}
/* لون كل مجموعة = لون طالباتها في العجلة */
.gchip[style*="--gc"]{background:color-mix(in srgb,var(--gc) 16%,var(--field,#fff));border:2px solid color-mix(in srgb,var(--gc) 70%,transparent)}
.gchip[style*="--gc"] .gname{color:color-mix(in srgb,var(--gc) 75%,#000)}
.gchip.lead[style*="--gc"]{box-shadow:0 0 0 2px #f5b400}
#tgDots{display:inline-flex;gap:4px;align-items:center;margin-inline-start:4px}
#tgDots i{width:16px;height:16px;border-radius:50%;box-shadow:0 0 0 2px #fff,0 0 0 3px rgba(0,0,0,.12)}
#tgPrev>div[style*="--gc"]{border-inline-start:5px solid var(--gc);background:color-mix(in srgb,var(--gc) 9%,transparent);border-radius:10px;padding:6px 10px}

/* 1.26.6: تحديث جاهز = نقطة خضراء + شريط داخل الإعدادات */
body.updReady #moreBtn,body.updReady #settingsBtn{position:relative}
body.updReady #moreBtn::after,body.updReady #settingsBtn::after{content:"";position:absolute;top:4px;inset-inline-end:4px;width:9px;height:9px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 2px #fff}
#updBanner{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:0 16px 8px;padding:10px 14px;border-radius:12px;background:#dcfce7;color:#14532d;font-size:14px}
#updBanner button.pri{background:#16a34a;color:#fff;border:0;border-radius:10px;padding:7px 14px;font:inherit;font-weight:700;cursor:pointer}
#updBanner small{flex-basis:100%;color:#166534;opacity:.8}
#updFoot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;padding:10px 16px;border-top:1px solid rgba(0,0,0,.08);font-size:12.5px;color:var(--muted,#777)}

/* الفصول والأسماء: خطوتان مرقّمتان */
#toolsPanel.tt-classes .ttop .tclass{display:none}
.tstep{position:relative}
.tstep h3{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.stepn{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--accent,#f97316);color:#fff;font-size:16px;font-weight:800;flex:none}
.stepn.done{background:#16a34a}
.tcn{font-size:.8em;opacity:.75;font-weight:600}
#stepNames::before{content:"←";position:absolute;inset-inline-start:-19px;top:50%;transform:translateY(-50%);font-size:22px;font-weight:800;color:var(--accent,#f97316);opacity:.8}
.tstep-empty{display:none;font-weight:700;color:var(--accent,#f97316)}
#stepNames.off>*:not(h3):not(.tstep-empty){opacity:.35;pointer-events:none}
#stepNames.off .tstep-empty{display:block}
#classNewRow[hidden]{display:none}
.tpane[data-pane="classes"]{column-gap:36px}
#stepNames::before{inset-inline-start:-29px}
@media (max-width:760px){#stepNames::before{display:none}}

/* قائمة أسماء العجلة: فوق كل شيء */
body>#mwPop{position:fixed;bottom:auto;right:auto;z-index:2147482000;max-height:80vh;font-size:14px}
.mwp-head{position:sticky;top:-6px;display:flex;align-items:center;justify-content:space-between;background:var(--bar-solid);padding:4px 4px 6px;margin:-6px -6px 4px;border-bottom:1px solid var(--line);z-index:1}
.mwp-head b{padding-inline-start:6px}
.mwp-x{border:0;background:transparent;color:inherit;font-size:16px;cursor:pointer;width:30px;height:30px;border-radius:8px}
.mwp-x:hover{background:rgba(127,127,127,.18)}
body>#mwPop .mw-row{height:32px;font-size:14px}
body>#mwPop .ph2{font-size:12.5px}

/* شاشة «حسابي ومدارسي» */
.ac-card{max-width:560px;width:min(560px,94vw);max-height:90vh;overflow:auto;outline:0}
.ac-me{display:flex;align-items:center;gap:12px;padding:10px 0 12px}
.ac-av{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:var(--accent,#2a9d8f);color:#fff;font-size:20px;font-weight:800;flex:none}
.ac-id{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.ac-id span{font-size:12.5px;color:var(--muted)}
.ac-id .ac-ok{color:#16a34a}.ac-id .ac-warn{color:#d97706}
.ac-badge{margin:0 0 8px;padding:8px 12px;border-radius:10px;font-weight:700;background:color-mix(in srgb,var(--cc) 14%,transparent);border-inline-start:4px solid var(--cc)}
.ac-h{margin:14px 0 6px;font-size:13px;color:var(--muted)}
#acList .ms-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px;border:1px solid var(--line);border-radius:12px;margin-bottom:8px}
#acList .ms-row.cur{border-color:var(--accent,#2a9d8f);box-shadow:0 0 0 1px var(--accent,#2a9d8f) inset}
#acList .ms-nm{flex:1;min-width:0;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
#acList .ms-nm small{font-size:12px;color:var(--muted)}
#acList .ms-act{display:flex;gap:6px;align-items:center}
#acList .ms-cur{font-size:12.5px;font-weight:700;color:var(--accent,#2a9d8f);padding:0 6px}
#acList .ms-tr{flex-basis:100%;display:flex;gap:8px;align-items:center;justify-content:flex-end;font-size:12.5px}
#acList .ms-tr:empty{display:none}
.ms-link{background:none;border:0;color:var(--muted);text-decoration:underline;cursor:pointer;font:inherit;font-size:12px}
.ac-foot{margin-top:10px;display:flex;flex-direction:column;align-items:flex-start;gap:8px}

button.mhead.mi-acc{width:100%;border:0;background:transparent;color:inherit;font:inherit;cursor:pointer;text-align:start;border-radius:10px}
button.mhead.mi-acc:hover{background:var(--bar2,rgba(127,127,127,.12))}
.mi-acc-go{margin-inline-start:auto;opacity:.5}
#acDlg .sc-head{display:flex;align-items:center;gap:8px}
#acDlg .sc-head h3{margin:0}
#acDlg .sc-x{border:0;background:transparent;font-size:18px;cursor:pointer;color:inherit;padding:4px 8px}
#acDlg .ac-foot button{padding:8px 14px;border-radius:10px;border:1px solid var(--line,#d6d6d6);background:transparent;color:inherit;cursor:pointer;font:inherit}
#acDlg .ac-foot button.pri{background:var(--accent,#2a9d8f);color:#fff;border-color:transparent;font-weight:700}
.ac-id span[dir=ltr]{align-self:flex-start}
#acList .ms-act .pbtn:not(.accent){border:1px solid var(--line,#d6d6d6)}