/* Al Saeed Learning V20 — focused video classroom and lesson discussion. */
body.iv-lock{overflow:hidden}
.iv-shell{position:fixed;inset:0;z-index:1200;background:#07182d;color:#17243a;display:grid;grid-template-rows:auto minmax(0,1fr);font-family:'IBM Plex Sans Arabic',system-ui,sans-serif}
.iv-bar{min-height:76px;padding:13px clamp(16px,3vw,38px);display:flex;align-items:center;gap:18px;background:linear-gradient(115deg,#06182f,#123e70);color:#fff;border-bottom:1px solid rgba(255,255,255,.12);box-shadow:0 16px 45px -32px #000}
.iv-t{display:flex;flex-direction:column;min-width:0}.iv-t b{font:800 clamp(1rem,2vw,1.3rem) Tajawal,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.iv-t span{font-size:.8rem;color:#b9c9df}.iv-stat{margin-inline-start:auto}.iv-stat span{display:inline-flex;padding:7px 11px;border:1px solid rgba(255,255,255,.18);border-radius:999px;color:#dce7f5;font-size:.78rem}.iv-x{padding:9px 13px;border-radius:10px;background:rgba(255,255,255,.1);color:#fff;font-weight:700}.iv-x:hover{background:#f0741a}
.iv-body{min-height:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(310px,380px);gap:0;background:#091a30}
.iv-stage{min-width:0;overflow:auto;padding:clamp(16px,2.2vw,32px);display:flex;flex-direction:column;justify-content:flex-start}
.iv-player{position:relative;width:100%;aspect-ratio:16/9;background:#000;border-radius:20px;overflow:hidden;box-shadow:0 30px 80px -30px #000;border:1px solid rgba(255,255,255,.12)}
.iv-player iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.iv-ph{position:absolute;inset:0;display:grid;place-content:center;text-align:center;color:#fff;padding:30px}.iv-ph b{font-size:1.2rem}.iv-ph p{color:#b8c9dd;max-width:520px;margin-top:8px}
.iv-track{position:relative;margin:22px 10px 0;height:28px}.iv-line{position:absolute;inset:12px 0 auto;height:5px;border-radius:5px;background:#263c58}.iv-line i{display:block;height:100%;border-radius:5px;background:linear-gradient(90deg,#f0741a,#ffad55)}.iv-dot{position:absolute;top:1px;translate:-50% 0;width:27px;height:27px;border-radius:50%;background:#fff;color:#0e2444;font-weight:900;box-shadow:0 4px 16px rgba(0,0,0,.35)}.iv-dot.done{background:#20a36a;color:#fff}.iv-hint{text-align:center;color:#a9bbd2;font-size:.8rem;margin-top:4px}
.iv-side{min-height:0;overflow:auto;background:#f4f7fb;border-inline-start:1px solid #dbe4ef;padding:22px}.iv-side h4{font:800 1rem Tajawal,sans-serif;color:#0e2444;margin:4px 0 10px}.iv-notes{background:#fff;border:1px solid #dbe4ef;border-radius:14px;padding:13px;line-height:1.75;margin-bottom:18px}.iv-list{display:grid;gap:7px;margin-bottom:20px}.iv-li{width:100%;display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:8px;text-align:start;padding:10px;border:1px solid #dbe4ef;border-radius:12px;background:#fff;color:#17243a}.iv-li:hover,.iv-li.cur{border-color:#f0741a;background:#fff7ef}.iv-li .n{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:#e8eef6;font-size:.74rem;font-weight:800}.iv-li.cur .n{background:#f0741a;color:#fff}.iv-li .t{font-size:.84rem;font-weight:700;line-height:1.35}.iv-li .d{font:600 .7rem 'IBM Plex Mono',monospace;color:#65748b}
.iv-discussion{border-top:1px solid #dbe4ef;padding-top:18px}.iv-discussion-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.iv-discussion-head span{font-size:.72rem;color:#6f7e92}.iv-ask textarea,.iv-reply-form textarea{width:100%;resize:vertical;min-height:72px;border:1px solid #cdd8e6;border-radius:12px;background:#fff;padding:10px 12px;line-height:1.55}.iv-ask button,.iv-reply-form button{margin-top:7px;background:#f0741a;color:#fff;border-radius:10px;padding:8px 13px;font-weight:800}.iv-thread{margin-top:12px;background:#fff;border:1px solid #dbe4ef;border-radius:14px;padding:12px}.iv-thread-meta{display:flex;align-items:center;gap:7px;font-size:.72rem;color:#738096}.iv-thread-meta b{font-size:.82rem;color:#102a4d}.iv-role{padding:2px 7px;border-radius:999px;background:#e7f3ff;color:#14558c;font-weight:700}.iv-thread p{margin:7px 0 0;white-space:pre-wrap;line-height:1.65;font-size:.86rem}.iv-replies{margin-top:10px;padding-inline-start:12px;border-inline-start:3px solid #f5b57f;display:grid;gap:8px}.iv-reply{background:#fff7ef;border-radius:10px;padding:9px}.iv-reply p{margin:4px 0 0}.iv-reply-action{margin-top:8px;color:#b9560d;font-size:.76rem;font-weight:800}.iv-discussion-empty{padding:18px 8px;text-align:center;color:#738096;font-size:.82rem}.iv-discussion-error{padding:10px;border-radius:10px;background:#fff2f2;color:#a52a35;font-size:.8rem;margin-top:8px}
.iv-cue{position:absolute;inset:0;background:rgba(3,13,27,.9);display:grid;place-items:center;padding:22px}.iv-cq{width:min(720px,100%);background:#fff;border-radius:20px;padding:22px;color:#17243a}.iv-ch{display:flex;justify-content:space-between;gap:10px}.iv-cb{color:#c75e13;font-weight:800}.iv-cn{color:#758296;font-size:.8rem}.iv-ct{font-size:1.08rem;font-weight:700;margin:16px 0}.iv-co{display:grid;gap:8px}.iv-o{display:flex;gap:10px;padding:11px;border:1px solid #dbe4ef;border-radius:11px;text-align:start}.iv-o span{font-weight:900}.iv-o.sel{border-color:#f0741a;background:#fff7ef}.iv-o.right{border-color:#168553;background:#eaf8f1}.iv-o.wrong{border-color:#bf3341;background:#fff0f1}.iv-fb{margin-top:12px;padding:11px;border-radius:11px;background:#eef4fa}.iv-ca{display:flex;gap:8px;margin-top:14px}
@media(max-width:960px){.iv-body{grid-template-columns:1fr;overflow:auto}.iv-stage{overflow:visible}.iv-side{overflow:visible;border-inline-start:0;border-top:1px solid #dbe4ef}.iv-player{border-radius:14px}}
@media(max-width:600px){.iv-bar{min-height:64px;padding:9px 12px}.iv-stat{display:none}.iv-x{font-size:0}.iv-x::first-letter{font-size:1rem}.iv-stage{padding:10px}.iv-side{padding:15px}.iv-player{border-radius:10px}.iv-t b{font-size:.95rem}}

/* One canonical playlist; the video keeps its own 16:9 stage height. */
.iv-body{align-items:start;overflow:auto;background:#f4f7fb}
.iv-stage{align-self:start;overflow:visible;background:transparent}
.iv-player{flex:none;aspect-ratio:16/9;height:auto;box-sizing:border-box;box-shadow:0 12px 32px -22px #07182d}
.iv-t b{white-space:normal;line-height:1.4}
.iv-t .iv-group-path{color:#e0eaf6;margin-top:3px;font-size:.76rem}
.iv-side{align-self:start;min-width:0;overflow:visible;padding:18px}
.iv-playlist-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.iv-playlist-heading h4{margin:0}
.iv-playlist-heading>span{font-size:.72rem;color:#61728a;white-space:nowrap}
.iv-list{display:grid;gap:8px;max-height:min(66vh,700px);overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:3px 5px 3px 3px;margin:0}
.iv-group{border:1px solid #dbe4ef;border-radius:12px;background:#fff;min-width:0;overflow:clip}
.iv-group>summary{display:flex;align-items:center;gap:8px;padding:13px 11px;cursor:pointer;list-style:none;color:#183651;font-weight:800;line-height:1.5;font-size:.85rem}
.iv-group>summary::-webkit-details-marker{display:none}
.iv-group>summary::before{content:'+';font:700 1rem system-ui;flex:none;color:#526880}
.iv-group[open]>summary::before{content:'−'}
.iv-group>summary>span{flex:1;min-width:0;overflow-wrap:anywhere}
.iv-group>summary>small{font-size:.67rem;font-weight:500;color:#61728a;white-space:nowrap}
.iv-group-items{display:grid;gap:7px;padding:0 8px 9px}
.iv-group[data-depth="1"]{border:0;border-inline-start:2px solid #dce5ef;border-radius:0;background:transparent}
.iv-group[data-depth="1"]>summary{padding:9px 7px;font-size:.79rem}
.iv-group[data-depth="1"]>.iv-group-items{padding:0 4px 4px}
.iv-li{grid-template-columns:28px minmax(0,1fr) auto;min-height:58px;padding:10px 8px;border-radius:9px;cursor:pointer}
.iv-lesson-label{display:block;min-width:0}
.iv-li .t{display:block;overflow-wrap:anywhere;font-size:.8rem;line-height:1.6}
.iv-li .d{white-space:nowrap;font-size:.69rem}
.iv-status{display:flex;flex-wrap:wrap;gap:6px;margin-top:3px;font-size:.64rem;font-weight:600;color:#4e657d}
.iv-status:empty{display:none}
.iv-current{color:#9b4300}
.iv-watched{color:#187147}
.iv-li.watched:not(.cur) .n{background:#e8f5ee;color:#187147}
.iv-controls{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:14px 0;color:#263e57}
.iv-controls .btn{min-height:42px;padding:9px 12px;font-size:.8rem}
.iv-controls .btn:disabled{opacity:.45;cursor:default}
.iv-autoplay{display:flex;align-items:center;gap:7px;line-height:1.5;font-size:.75rem;margin-inline-start:auto}
.iv-autoplay input{accent-color:#e97518;width:16px;height:16px;flex:none}
.iv-materials{display:grid;gap:14px;min-width:0;color:#17243a}
.iv-materials:empty{display:none}
.iv-materials h4{margin:0 0 8px;font:800 .95rem Tajawal,sans-serif;color:#0e2444}
.iv-materials>.btn{justify-self:start}
.iv-notes,.iv-discussion-panel{background:#fff;border:1px solid #dbe4ef;border-radius:12px;padding:0;margin:0}
.iv-notes>summary,.iv-discussion-panel>summary{padding:13px 15px;cursor:pointer;font-size:.85rem;font-weight:700;color:#183651}
.iv-notes>div{padding:0 15px 15px;overflow-wrap:anywhere;font-size:.85rem}
.iv-files{border:1px solid #dbe4ef;background:#fff;border-radius:12px;padding:13px 15px}
.iv-files .btn{white-space:normal;overflow-wrap:anywhere;font-size:.8rem}
.iv-discussion-panel .iv-discussion{padding:14px;border-top:1px solid #e4ebf3}
.iv-hint{color:#61728a}
.iv-shell :is(button,summary,input,textarea,[tabindex]):focus-visible{outline:3px solid #2575be;outline-offset:2px}
.iv-shell summary:focus-visible{outline-offset:-3px}
.iv-shell.iv-inline{min-height:0}
.iv-inline .iv-body{align-items:start;background:#f4f7fb;grid-template-columns:minmax(0,2fr) minmax(270px,1fr)}
.iv-inline .iv-stage{align-self:start;padding:18px;min-width:0}
.iv-inline .iv-side{max-height:none;overflow:visible;align-self:start}
.iv-inline .iv-list{max-height:min(65vh,680px)}
@media(max-width:1100px){.iv-autoplay{width:100%;margin-inline-start:0}}
@media(max-width:960px){.iv-body,.iv-inline .iv-body{display:block}.iv-side,.iv-inline .iv-side{border-inline-start:0;border-top:1px solid #dbe4ef;padding:16px}.iv-list,.iv-inline .iv-list{max-height:min(55vh,460px)}.iv-stage,.iv-inline .iv-stage{padding:16px}.iv-autoplay{width:auto;margin-inline-start:auto}}
@media(max-width:600px){.iv-bar{align-items:start;gap:10px}.iv-x{flex:none}.iv-stage,.iv-inline .iv-stage{padding:10px}.iv-t .iv-group-path{font-size:.7rem}.iv-controls .btn{flex:1;font-size:.75rem}.iv-autoplay{width:100%;margin-inline-start:0}.iv-side,.iv-inline .iv-side{padding:12px}.iv-list,.iv-inline .iv-list{max-height:52vh}.iv-li .t{font-size:.8rem}}