/* التخطيط الثابت: عمود الأدوات بجانب الدرس */
#mid{display:flex;flex:1;min-height:0;min-width:0}
#mid>#stage{flex:1;min-width:0}
#dock{display:none;flex:0 0 var(--dockW,280px);width:var(--dockW,280px);flex-direction:column;gap:10px;padding:10px;
  background:var(--bar-solid);color:var(--txt);border-inline-end:1px solid var(--line);overflow-y:auto;overflow-x:hidden;z-index:6;direction:inherit}
#dock.endSide{border-inline-end:0;border-inline-start:1px solid var(--line)}
body.docked #dock.show{display:flex}
html.pptHole #dock{background:var(--bar-solid)!important}
.dk-head{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--muted)}
.dk-x{width:26px;height:26px;border:0;border-radius:8px;background:var(--bar2,rgba(0,0,0,.06));color:var(--txt);cursor:pointer}
/* الأدوات داخل العمود: مكانها ثابت وعرضها كامل */
#dkSlots{display:flex;flex-direction:column;gap:10px}
#dkSlots>*{position:relative!important;left:auto!important;top:auto!important;right:auto!important;bottom:auto!important;
  width:auto!important;max-width:none!important;margin:0!important;box-shadow:none!important;transform:none!important}
#dkSlots #goalsCard{height:auto!important;max-height:none!important;resize:none!important}
#dock .mw-drag,#dock .fc-drag,.dk-mv{display:inline;cursor:grab;color:var(--muted);letter-spacing:-2px;font-size:12px;padding:0 2px}
#dock #mwHead,#dock #gcHead,.dk-sh{cursor:grab}
body.dkSorting,body.dkSorting *{cursor:grabbing!important}
.dk-dragging{opacity:.55;outline:2px dashed var(--accent);outline-offset:2px}
#dkSlots .mw-wheel{width:min(220px,100%);height:auto;aspect-ratio:1}
body.docked #timerW{display:none!important}
/* الساعة الدائرية */
.dk-timer{display:flex;flex-direction:column;align-items:center;gap:6px;background:var(--field,#fff);border:1px solid var(--line);border-radius:16px;padding:10px}
.dk-face{position:relative;width:min(240px,100%);aspect-ratio:1;cursor:pointer}
.dk-timer.small .dk-face{width:120px}
.dk-face svg{width:100%;height:100%;display:block}
.dk-bg{fill:#fff;stroke:var(--line);stroke-width:2}
.dk-tick{stroke:#868e96;stroke-width:2}
.dk-lbl{font:700 13px "Segoe UI",Tahoma,sans-serif;fill:#495057;text-anchor:middle;dominant-baseline:central}
.dk-timer.small .dk-lbl{font-size:15px}
.dk-hub{fill:#fff;stroke:rgba(0,0,0,.08);stroke-width:2}
.dk-num{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font:800 30px "Segoe UI",Tahoma,sans-serif;font-variant-numeric:tabular-nums;direction:ltr;pointer-events:none}
.dk-timer.small .dk-num{font-size:17px}
.dk-timer.done .dk-face{animation:shake .5s 3}
.dk-tb{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}
.dk-tb button,.dk-new{height:32px;min-width:36px;padding:0 10px;border:1px solid var(--line);border-radius:10px;background:var(--bar2,#f1eee9);color:var(--txt);cursor:pointer;font:600 14px inherit}
.dk-new{width:100%;height:40px;font-size:15px}
/* مقبض تصغير العمود */
#dock{position:relative}
.dk-in{display:flex;flex-direction:column;gap:10px;min-width:0}
.dk-grip{position:absolute;top:0;bottom:0;inset-inline-end:-3px;width:8px;cursor:ew-resize;z-index:9;touch-action:none}
#dock.endSide .dk-grip{inset-inline-end:auto;inset-inline-start:-3px}
.dk-grip::after{content:"";position:absolute;top:50%;inset-inline-start:2px;width:4px;height:44px;margin-top:-22px;border-radius:3px;background:var(--line);opacity:.0;transition:opacity .15s}
#dock:hover .dk-grip::after,body.dkResizing .dk-grip::after{opacity:1}
body.dkResizing{cursor:ew-resize;user-select:none}
body.dkResizing webview,body.dkResizing iframe{pointer-events:none}
/* أشكال الساعة */
.dk-barw{display:none}
.dk-timer.st-digital .dk-face,.dk-timer.st-bar .dk-face{aspect-ratio:auto;width:100%}
.dk-timer.st-digital svg,.dk-timer.st-bar svg{display:none}
.dk-timer.st-digital .dk-num{position:static;height:96px;border-radius:14px;background:#111;color:var(--clk,#2fb344)!important;font-size:52px;letter-spacing:2px;
  box-shadow:inset 0 0 0 3px var(--clk,#2fb344);text-shadow:0 0 12px color-mix(in srgb,var(--clk,#2fb344) 60%,transparent)}
.dk-timer.st-digital.small .dk-num{height:56px;font-size:30px}
.dk-timer.st-bar .dk-num{position:static;height:auto;font-size:44px;padding:4px 0}
.dk-timer.st-bar.small .dk-num{font-size:26px}
.dk-timer.st-bar .dk-barw{display:block;height:26px;border-radius:13px;background:#e9ecef;overflow:hidden;box-shadow:inset 0 1px 3px rgba(0,0,0,.15)}
.dk-timer.st-bar.small .dk-barw{height:14px}
.dk-barw i{display:block;height:100%;border-radius:13px;margin-inline-start:0}
/* تكبير الدرس نفسه */
#zoomCtl{position:absolute;top:10px;inset-inline-end:8px;display:none;flex-direction:column;align-items:center;gap:2px;z-index:7;
  background:var(--bar-solid);border:1px solid var(--line);border-radius:12px;padding:4px;box-shadow:0 4px 14px rgba(0,0,0,.15);opacity:.45;transition:opacity .2s}
#zoomCtl:hover{opacity:1}
#zoomCtl.on{display:flex}
#zoomCtl button{width:34px;height:30px;border:0;border-radius:8px;background:transparent;color:var(--txt);cursor:pointer;font:800 17px inherit}
#zoomCtl button:hover{background:var(--hover,rgba(0,0,0,.08))}
#zoomCtl .zv{font-size:11px;height:22px;font-variant-numeric:tabular-nums;direction:ltr}
body.mini #zoomCtl{display:none}
/* الشرائح كصور: انتظار شريحة لم تُجهَّز بعد، وتقدّم التجهيز */
.sl-wait{position:absolute;inset:0;display:none;align-items:center;justify-content:center;color:#868e96;font:600 20px inherit;pointer-events:none}
.sl-wait.on{display:flex}
.sl-wait.on::before{content:"";width:22px;height:22px;margin-inline-end:10px;border-radius:50%;border:3px solid #dee2e6;border-top-color:#868e96;animation:slspin 1s linear infinite}
@keyframes slspin{to{transform:rotate(360deg)}}
.pptbar .sl-prog{font-size:11.5px;opacity:.85;padding:0 6px;white-space:nowrap}

/* رأس الساعة في العمود + أحجام الأدوات (كبير / صغير / مطويّ) */
.dk-sec{display:flex;flex-direction:column;gap:8px}
.dk-sh{display:flex;align-items:center;gap:6px;width:100%;height:22px;font-size:12px;color:var(--muted)}
.dk-fnum,.dk-fbtn{display:none}
.dk-timer.fold{padding:6px 10px}
.dk-timer.fold .dk-face,.dk-timer.fold .dk-tb{display:none}
.dk-timer.fold .dk-fnum{display:inline;font:800 18px "Segoe UI",Tahoma,sans-serif;font-variant-numeric:tabular-nums;direction:ltr}
.dk-timer.fold .dk-fbtn{display:inline-grid;place-items:center}
.dk-fbtn,.dk-szb{width:24px;height:22px;border:0;border-radius:6px;background:transparent;color:var(--txt);cursor:pointer;font-size:12px;padding:0}
.dk-fbtn:hover,.dk-szb:hover{background:var(--hover,rgba(0,0,0,.08))}
.dk-szb{display:none}
#dock .dk-szb{display:inline-grid;place-items:center}
#dock #mw[data-size=small] .mw-wheel{width:62%!important}
#dock #mw[data-size=fold] .mw-seg,#dock #mw[data-size=fold] .mw-wheel,#dock #mw[data-size=fold] .mw-foot{display:none!important}
#dock #mw[data-size=fold] .mw-res{min-height:0;font-size:13px}
#mwFoldSpin{display:none;height:22px;border:0;border-radius:11px;background:var(--accent);color:#fff;font:800 10.5px inherit;padding:0 9px;cursor:pointer}
#dock #mw[data-size=fold] #mwFoldSpin{display:inline-block}
#dock #goalsCard[data-size=small] .gc-body{zoom:.85}
#dock #goalsCard[data-size=small] .gc-date{display:none}
#dock #goalsCard[data-size=fold] .gc-body>:not(.gc-title){display:none!important}
#dock #goalsCard[data-size=fold] .gc-body{padding:4px 12px 8px}
#dock #goalsCard[data-size=fold] #gcFm,#dock #goalsCard[data-size=fold] #gcFp{display:none}
#dock #goalsCard[data-size=fold]{min-height:0!important;height:auto!important}
/* ===== وضع العرض الكامل لباوربوينت: الشريحة تملأ الشاشة، والأشرطة والعمود عائمة فوقها ===== */
body.fullShow #mid{position:fixed;inset:0;z-index:1}
body.fullShow #stage{position:absolute!important;inset:0}
body.fullShow #grpBar{position:fixed;z-index:30;top:calc(var(--fsTop,0px) + 4px);left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100% - 340px);
  border:1px solid var(--line);border-radius:14px;padding:4px 8px;box-shadow:0 6px 20px rgba(0,0,0,.25)}
body.fullShow #grpBar .gb-row1,body.fullShow #grpBar .gb-prog{display:none!important}
body.fullShow #bar{position:fixed;z-index:30;left:0;right:0;bottom:var(--fsBottom,0px)}
body.fullShow #dock{position:fixed;z-index:31;top:var(--fsDockY,64px);height:auto;max-height:calc(100% - var(--fsDockY,64px) - 60px);
  border:1px solid var(--line);border-radius:14px;box-shadow:0 10px 30px rgba(0,0,0,.3);flex:none}
body.fullShow #dock:not(.endSide){inset-inline-start:var(--fsDockX,8px)}
body.fullShow #dock.endSide{inset-inline-end:var(--fsDockX,8px)}
body.fullShow #dock .dk-head{cursor:move}
body.fullShow .mirror.pptLive .pptbar{top:6px;left:auto;transform:none;inset-inline-end:12px;opacity:.9}
.pmode-btn{font-size:14px!important}
/* الإخفاء التلقائي */
body.fullShow.fsHide:not(.fsReveal) #grpBar,body.fullShow.fsHide:not(.fsReveal) #bar,body.fullShow.fsHide:not(.fsReveal) #dock,
body.fullShow.fsHide:not(.fsReveal) .mirror.pptLive .pptbar{visibility:hidden!important}
/* أداة أُخرجت من العمود: بطاقة عائمة فوق الدرس */
#stage>#dkSecTimer.dkFree{position:absolute;z-index:35;width:260px;margin:0}
#stage>#dkSecTimer.dkFree .dk-timer{box-shadow:0 10px 30px rgba(0,0,0,.3)}
#stage>.dkFree .dk-sh,#stage>.dkFree #mwHead,#stage>.dkFree #gcHead{cursor:move}
.dk-ret{display:none;width:24px;height:22px;border:0;border-radius:6px;background:transparent;color:var(--accent);cursor:pointer;font-size:13px;font-weight:800;padding:0}
.dkFree .dk-ret{display:inline-grid;place-items:center}
.dk-ret:hover{background:var(--hover,rgba(0,0,0,.08))}

#spotClose{margin-inline-start:4px}
body.fullShow #spotCtl{top:calc(var(--fsTop,0px) + 60px);z-index:40}

/* ===== نصف درس ونصف سبورة ===== */
.spMat{position:absolute;display:none;background:#2b2d33}
body.lpSplit .spMat{display:block}
body.lpSplit .mirror{overflow:hidden}
body.lpSplit .mirror.slidesImg img{position:absolute;max-width:none}
#spDiv{position:absolute;display:none;background:#2b2d33;cursor:col-resize;touch-action:none;z-index:6}
body.lpSplit #spDiv{display:block}
#spDiv.v{cursor:row-resize}
#spDiv::after{content:'';position:absolute;left:50%;top:50%;width:4px;height:48px;margin:-24px 0 0 -2px;border-radius:3px;background:rgba(255,255,255,.6)}
#spDiv.v::after{width:48px;height:4px;margin:-2px 0 0 -24px}
#spDiv:hover{background:var(--accent,#2a9d8f)}
body.spDrag webview,body.spDrag iframe{pointer-events:none}
.spCtl{position:absolute;display:none;transform:translateX(-50%);z-index:6;align-items:center;gap:4px;padding:4px;border-radius:12px;
  background:rgba(30,31,36,.78);color:#fff;direction:ltr;font-size:13px;box-shadow:0 2px 10px rgba(0,0,0,.25);opacity:.55;transition:opacity .15s}
.spCtl:hover{opacity:1}
.spCtl.on{display:flex}
.spCtl button{min-width:30px;height:28px;border:0;border-radius:8px;background:rgba(255,255,255,.14);color:#fff;font:inherit;font-size:15px;cursor:pointer;padding:0 7px}
.spCtl button:hover{background:rgba(255,255,255,.3)}
.spCtl .n{min-width:46px;text-align:center;font-variant-numeric:tabular-nums;padding:0 2px}
.spSB{position:absolute;display:none;z-index:6;background:rgba(0,0,0,.16);border-radius:6px;touch-action:none}
.spSB.on{display:block}
.spSB i{position:absolute;background:rgba(40,40,50,.72);border-radius:6px;cursor:grab}
body.fullShow .spCtl,body.mini .spCtl{display:none!important}