/* SININBE EDU collaborative whiteboard 3.9.0 */
body.se-wb-lock{overflow:hidden!important}
#se-whiteboard-modal{position:fixed;inset:0;z-index:2147481000;display:none;align-items:stretch;justify-content:center;padding:12px;background:rgba(1,8,18,.84);backdrop-filter:blur(9px);font-family:Tajawal,Jost,"Space Grotesk",sans-serif}
#se-whiteboard-modal.on{display:flex}
.se-wb-shell{width:min(1680px,100%);height:calc(100dvh - 24px);min-height:0;display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(45,212,191,.25);border-radius:14px;background:#071522;box-shadow:0 28px 90px rgba(0,0,0,.52);color:#eaf7f5}
.se-wb-head{min-height:66px;display:grid;grid-template-columns:44px minmax(0,1fr) minmax(0,auto) 44px;align-items:center;gap:12px;padding:10px 12px;border-bottom:1px solid rgba(148,163,184,.17);background:linear-gradient(135deg,rgba(14,116,111,.20),rgba(3,18,31,.97));flex:0 0 auto}
.se-wb-title-icon{width:42px;height:42px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(45,212,191,.38);border-radius:10px;background:rgba(45,212,191,.11);color:#2dd4bf;font-size:1rem;box-sizing:border-box}
.se-wb-title{min-width:0}.se-wb-title strong{display:block;font-size:.95rem;font-weight:950;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.se-wb-title small{display:block;margin-top:3px;color:#7894a9;font-size:.62rem;font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.se-wb-head-actions{width:44px;display:flex;align-items:center;justify-content:flex-end}.se-wb-head-actions button{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(148,163,184,.25);border-radius:9px;background:rgba(255,255,255,.045);color:#c5d6e3;cursor:pointer;transition:.16s;touch-action:manipulation}.se-wb-head-actions button:hover,.se-wb-head-actions button:focus-visible{border-color:rgba(251,113,133,.45);background:rgba(251,113,133,.10);color:#fecdd3;outline:0}
.se-wb-presence{display:flex;align-items:center;justify-content:flex-end;gap:5px;max-width:330px;overflow:hidden}.se-wb-person{display:inline-flex;align-items:center;gap:5px;min-width:0;padding:5px 8px;border:1px solid rgba(45,212,191,.18);border-radius:8px;background:rgba(45,212,191,.075);font-size:.56rem;font-weight:850;color:#9fded8;white-space:nowrap}.se-wb-person i{font-size:.42rem;color:#34d399}.se-wb-person span{max-width:90px;overflow:hidden;text-overflow:ellipsis}
.se-wb-toolbar{display:flex;align-items:center;gap:7px;padding:8px 10px;border-bottom:1px solid rgba(148,163,184,.14);background:#081827;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;flex:0 0 auto}.se-wb-toolbar-group{display:flex;align-items:center;gap:5px;padding-inline-end:8px;margin-inline-end:1px;border-inline-end:1px solid rgba(148,163,184,.14);flex:0 0 auto}.se-wb-toolbar-group:last-child{border:0;padding-inline-end:0}.se-wb-toolbar button{height:36px;min-width:36px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 9px;border:1px solid rgba(148,163,184,.22);border-radius:8px;background:rgba(255,255,255,.04);color:#b8ccda;font-family:inherit;font-size:.61rem;font-weight:900;white-space:nowrap;cursor:pointer;transition:.15s;touch-action:manipulation}.se-wb-toolbar button:hover,.se-wb-toolbar button:focus-visible{border-color:rgba(45,212,191,.46);color:#5eead4;background:rgba(45,212,191,.10);outline:0}.se-wb-toolbar button.active{border-color:rgba(45,212,191,.56);background:rgba(45,212,191,.16);color:#5eead4;box-shadow:inset 0 0 0 1px rgba(45,212,191,.08)}.se-wb-toolbar button.danger{color:#fda4af}.se-wb-toolbar button:disabled{opacity:.34;cursor:not-allowed}.se-wb-color-group{gap:7px}.se-wb-color{width:34px;height:34px;padding:3px;border:1px solid rgba(148,163,184,.24);border-radius:8px;background:#0d2232}.se-wb-width{width:88px;accent-color:#14b8a6}.se-wb-swatches{display:flex;gap:4px}.se-wb-swatch{width:25px!important;min-width:25px!important;height:25px!important;padding:0!important;border-radius:6px!important;background:var(--swatch)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.16)}.se-wb-swatch.active{outline:2px solid #5eead4;outline-offset:2px}.se-wb-zoom-label{min-width:42px;text-align:center;color:#8fa8ba;font-size:.58rem;font-weight:900}
.se-wb-main{position:relative;flex:1;min-height:0;display:flex;overflow:hidden;background:#04101b}.se-wb-stage-scroll{position:relative;flex:1;min-width:0;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable both-edges;padding:20px;background:radial-gradient(circle at 12% 8%,rgba(20,184,166,.07),transparent 34%),#06121e}.se-wb-stage-wrap{position:relative;margin:auto;overflow:hidden;border:1px solid rgba(148,163,184,.20);border-radius:6px;background:#fff;box-shadow:0 16px 52px rgba(0,0,0,.38);transform-origin:top left}.se-wb-canvas{display:block;background:transparent;touch-action:none;cursor:crosshair;user-select:none;-webkit-user-select:none;outline:none}
.se-wb-status{min-height:32px;display:flex;align-items:center;gap:8px;padding:5px 12px;border-top:1px solid rgba(148,163,184,.14);background:#071522;color:#7690a4;font-size:.56rem;font-weight:800;flex:0 0 auto}.se-wb-status .dot{width:7px;height:7px;border-radius:50%;background:#f59e0b;flex:0 0 auto}.se-wb-status.ok .dot{background:#34d399}.se-wb-status.err .dot{background:#fb7185}.se-wb-status span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.se-wb-status .se-wb-shortcuts{margin-inline-start:auto;opacity:.7}
.se-wb-text-editor{position:absolute;z-index:8;display:none;max-width:calc(100% - 16px);padding:10px;border:1px solid rgba(45,212,191,.65);border-radius:10px;background:#0b1c2a;box-shadow:0 20px 60px rgba(2,6,23,.48)}.se-wb-text-editor.on{display:block}.se-wb-text-editor textarea{display:block;width:100%;min-height:92px;resize:vertical;border:1px solid rgba(148,163,184,.24);border-radius:8px;outline:0;padding:9px 10px;color:#f8fafc;background:#10283a;font-family:Tajawal,Jost,"Space Grotesk",sans-serif;font-size:17px;line-height:1.55;box-sizing:border-box}.se-wb-text-editor textarea::placeholder{color:#91a8ba}.se-wb-text-editor textarea:focus{border-color:#2dd4bf;box-shadow:0 0 0 3px rgba(45,212,191,.10)}.se-wb-text-actions{display:flex;justify-content:flex-end;gap:7px;margin-top:8px}.se-wb-text-actions button{min-height:34px;padding:0 13px;border:1px solid rgba(148,163,184,.28);border-radius:7px;background:#132a3b;color:#d8e5ee;font-family:inherit;font-weight:900;cursor:pointer}.se-wb-text-actions button.primary{border-color:#0f766e;background:#0f766e;color:#fff}
#app[data-theme="light"] .se-wb-shell{background:#f8fafc;color:#0f172a;border-color:#99f6e4}#app[data-theme="light"] .se-wb-head{background:linear-gradient(135deg,#ecfdf5,#fff)}#app[data-theme="light"] .se-wb-toolbar,#app[data-theme="light"] .se-wb-status{background:#fff;border-color:#dbe3ee}#app[data-theme="light"] .se-wb-toolbar button,#app[data-theme="light"] .se-wb-head-actions button{background:#fff;color:#334155;border-color:#dbe3ee}#app[data-theme="light"] .se-wb-title small{color:#64748b}
[dir="rtl"] .se-wb-shell,[data-lang="ar"] .se-wb-shell{direction:rtl;text-align:right}[dir="ltr"] .se-wb-shell{direction:ltr;text-align:left}
@media(max-width:900px){.se-wb-presence{display:none}.se-wb-head{grid-template-columns:42px minmax(0,1fr) 42px}.se-wb-head-actions{grid-column:3}.se-wb-title{grid-column:2}.se-wb-title-icon{grid-column:1}.se-wb-toolbar button span{display:none}.se-wb-swatches .se-wb-swatch:nth-child(n+6){display:none}}
@media(max-width:760px){#se-whiteboard-modal{padding:0}.se-wb-shell{width:100vw;height:100dvh;border:0;border-radius:0}.se-wb-head{min-height:58px;padding:7px 9px;gap:8px;grid-template-columns:38px minmax(0,1fr) 38px}.se-wb-title-icon{width:36px;height:36px;border-radius:8px}.se-wb-title strong{font-size:.82rem}.se-wb-title small{font-size:.55rem}.se-wb-head-actions,.se-wb-head-actions button{width:36px;height:36px}.se-wb-toolbar{padding:6px 7px;gap:4px}.se-wb-toolbar-group{gap:4px;padding-inline-end:5px}.se-wb-toolbar button{height:34px;min-width:34px;padding:0 8px;border-radius:7px}.se-wb-color{width:32px;height:32px}.se-wb-width{width:68px}.se-wb-swatches{display:none}.se-wb-stage-scroll{padding:9px}.se-wb-status .se-wb-shortcuts{display:none}.se-wb-text-editor{padding:8px}}
@media(max-height:560px){.se-wb-head{min-height:50px}.se-wb-title-icon{width:34px;height:34px}.se-wb-toolbar{padding-block:4px}.se-wb-toolbar button{height:32px}.se-wb-status{min-height:26px}}

/* 3.9.0 final header geometry: close button never touches the frame in RTL/LTR. */
.se-wb-head{grid-template-columns:44px minmax(0,1fr) minmax(120px,auto) 44px!important;grid-template-areas:"icon title presence close"!important;padding:11px 14px!important;column-gap:12px!important;box-sizing:border-box!important}
.se-wb-title-icon{grid-area:icon!important}.se-wb-title{grid-area:title!important}.se-wb-presence{grid-area:presence!important}.se-wb-head-actions{grid-area:close!important;width:44px!important;min-width:44px!important;justify-self:end!important;margin:0!important;padding:0!important;box-sizing:border-box!important}.se-wb-head-actions button{position:static!important;width:40px!important;height:40px!important;min-width:40px!important;margin:0!important;inset:auto!important;box-sizing:border-box!important}
#se-whiteboard-modal[dir="rtl"] .se-wb-head{grid-template-areas:"close presence title icon"!important}#se-whiteboard-modal[dir="rtl"] .se-wb-head-actions{justify-self:start!important}
@media(max-width:900px){.se-wb-head{grid-template-columns:40px minmax(0,1fr) 40px!important;grid-template-areas:"icon title close"!important;padding:9px 11px!important}.se-wb-presence{display:none!important}.se-wb-head-actions{width:40px!important;min-width:40px!important}.se-wb-head-actions button{width:38px!important;height:38px!important;min-width:38px!important}#se-whiteboard-modal[dir="rtl"] .se-wb-head{grid-template-areas:"close title icon"!important}}
@media(max-width:760px){.se-wb-head{grid-template-columns:38px minmax(0,1fr) 38px!important;padding:8px 10px!important;gap:9px!important}.se-wb-head-actions{width:38px!important;min-width:38px!important}.se-wb-head-actions button{width:36px!important;height:36px!important;min-width:36px!important}}

/* v4.0.0: the moderator-only clear action is always reachable and never duplicated. */
.se-wb-head-actions{width:auto!important;min-width:44px!important;display:flex!important;gap:7px!important;justify-content:flex-end!important}
.se-wb-head-actions .se-wb-head-clear{width:auto!important;min-width:40px!important;padding-inline:12px!important;border-color:rgba(251,113,133,.32)!important;background:rgba(251,113,133,.08)!important;color:#fda4af!important}
.se-wb-head-actions .se-wb-head-clear span{font-size:.6rem;font-weight:900;white-space:nowrap}
.se-wb-head-actions .se-wb-head-clear[hidden]{display:none!important}
.se-wb-head{grid-template-columns:44px minmax(0,1fr) minmax(90px,auto) minmax(44px,auto)!important}
@media(max-width:900px){.se-wb-head{grid-template-columns:40px minmax(0,1fr) minmax(40px,auto)!important}.se-wb-head-actions .se-wb-head-clear span{display:none}.se-wb-head-actions .se-wb-head-clear{width:38px!important;min-width:38px!important;padding:0!important}}
@media(max-width:760px){.se-wb-head{grid-template-columns:38px minmax(0,1fr) minmax(38px,auto)!important}.se-wb-head-actions{gap:5px!important}.se-wb-head-actions .se-wb-head-clear{width:36px!important;min-width:36px!important;height:36px!important}}

/* 4.0.39.1 — every collaborative control remains reachable on small screens. */
@media(max-width:900px){
 .se-wb-head{grid-template-columns:40px minmax(0,1fr) minmax(40px,auto)!important;grid-template-areas:"icon title close" "presence presence presence"!important;grid-template-rows:auto auto!important;row-gap:7px!important}
 #se-whiteboard-modal[dir="rtl"] .se-wb-head{grid-template-areas:"close title icon" "presence presence presence"!important}
 .se-wb-presence{grid-area:presence!important;display:flex!important;width:100%;max-width:none!important;min-width:0;justify-content:flex-start!important;overflow-x:auto!important;overflow-y:hidden!important;padding:2px 0 1px;scrollbar-width:thin;overscroll-behavior-x:contain}
 .se-wb-person{flex:0 0 auto}
 .se-wb-toolbar button span,.se-wb-head-actions .se-wb-head-clear span{display:inline!important}
 .se-wb-swatches{display:flex!important}.se-wb-swatches .se-wb-swatch:nth-child(n){display:inline-flex!important}
 .se-wb-head-actions .se-wb-head-clear{width:auto!important;min-width:38px!important;padding-inline:10px!important}
}
@media(max-width:760px){
 .se-wb-head{grid-template-columns:36px minmax(0,1fr) minmax(36px,auto)!important;padding:max(8px,env(safe-area-inset-top)) 9px 7px!important}
 .se-wb-toolbar{scroll-padding-inline:7px}.se-wb-toolbar button{min-width:max-content;padding-inline:9px}
 .se-wb-swatches{max-width:none}.se-wb-status{padding-bottom:max(5px,env(safe-area-inset-bottom))}.se-wb-status .se-wb-shortcuts{display:inline!important;flex:0 0 auto}
}
@media(max-width:360px){.se-wb-title-icon{display:flex}.se-wb-title small{white-space:normal;line-height:1.35}.se-wb-person span{max-width:74px}.se-wb-width{width:62px}}