/* Lectures feature — scoped styles (uses the app's existing :root theme vars). */
#lectures .lec-phdr{margin-bottom:20px}
#lectures .lec-title{font-family:'Syne',sans-serif;font-size:22px;font-weight:800}
#lectures .lec-sub{font-size:12.5px;color:var(--mut);margin-top:4px;max-width:660px;line-height:1.55}
#lectures .lec-load,#lectures .lec-empty{font-size:13px;color:var(--mut);padding:16px 2px}
#lectures .lec-seg{display:flex;gap:8px;margin-bottom:18px;flex-wrap:wrap}
#lectures .lec-segb{background:transparent;border:1px solid var(--bdr);color:var(--mut);border-radius:9px;padding:9px 16px;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit}
#lectures .lec-segb.on{background:rgba(var(--gG),.09);border-color:rgba(var(--gG),.4);color:var(--acc)}
/* subject cards — mirrors Upload Materials / Question Bank */
#lectures .lec-grp{background:var(--sur);border:1px solid var(--bdr);border-radius:14px;margin-bottom:14px;overflow:hidden}
#lectures .lec-ghead{display:flex;align-items:center;gap:12px;padding:15px 18px;cursor:pointer;user-select:none}
#lectures .lec-gic{width:34px;height:34px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:17px;flex:none;background:rgba(255,255,255,.05);border:1px solid var(--bdr);filter:grayscale(1);opacity:.85}
#lectures .lec-gnm{font-weight:700;font-size:15px}
#lectures .lec-gcount{font-size:11px;font-weight:600;padding:3px 9px;border-radius:20px;margin-left:10px;background:var(--sur2);color:var(--mut);white-space:nowrap}
#lectures .lec-gcount.has{background:rgba(var(--gG),.15);color:var(--grn)}
#lectures .lec-chev{margin-left:auto;color:var(--mut);transition:transform .18s;font-size:18px}
#lectures .lec-grp.open .lec-chev{transform:rotate(90deg)}
#lectures .lec-gbody{display:none;padding:2px 18px 18px}
#lectures .lec-grp.open .lec-gbody{display:block}
#lectures .lec-gempty{font-size:12px;color:var(--mut);padding:8px 2px 4px}
#lectures .lec-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}
#lectures .lec-card{background:var(--sur2);border:1px solid var(--bdr);border-radius:12px;overflow:hidden;cursor:pointer;transition:border-color .15s,transform .15s}
#lectures .lec-card:hover{border-color:rgba(var(--gG),.4);transform:translateY(-2px)}
#lectures .lec-thumb{position:relative;aspect-ratio:16/9;background:#0d0f14;display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--bdr)}
#lectures .lec-cbar{position:absolute;left:0;top:0;bottom:0;width:4px;background:#3c4048}
#lectures .lec-playi{width:44px;height:44px;border-radius:50%;background:rgba(0,0,0,.55);border:1.5px solid rgba(255,255,255,.7);display:flex;align-items:center;justify-content:center}
#lectures .lec-playi svg{width:18px;height:18px;fill:#fff;margin-left:2px}
#lectures .lec-dur{position:absolute;right:8px;bottom:8px;background:rgba(0,0,0,.78);color:#fff;font-size:11px;font-weight:600;padding:2px 7px;border-radius:5px}
#lectures .lec-lock{position:absolute;left:8px;top:8px;display:flex;align-items:center;gap:4px;background:rgba(0,0,0,.7);color:#e8e8ea;font-size:10px;font-weight:600;padding:3px 7px;border-radius:20px}
#lectures .lec-lock svg{width:11px;height:11px;stroke:#e8e8ea;fill:none;stroke-width:2}
#lectures .lec-meta{padding:11px 12px 13px}
#lectures .lec-vt{font-size:13.5px;font-weight:600;line-height:1.35}
#lectures .lec-vi{font-size:11px;color:var(--mut);margin-top:6px}
/* publish form */
#lectures .lec-card-form{background:var(--sur);border:1px solid var(--bdr);border-radius:14px;padding:22px;max-width:760px;margin-left:auto;margin-right:auto}
#lectures .lec-fld{margin-bottom:18px}
#lectures .lec-fld>label{display:block;font-size:12px;font-weight:600;margin-bottom:7px}
#lectures .lec-inp,#lectures .lec-ta,#lectures .lec-sel{width:100%;background:var(--sur2);border:1px solid var(--bdr);border-radius:9px;color:var(--txt);font-size:13.5px;padding:10px 12px;font-family:inherit}
#lectures .lec-ta{resize:vertical;min-height:76px}
#lectures .lec-row2{display:flex;gap:14px;flex-wrap:wrap}
#lectures .lec-row2>.lec-fld{flex:1;min-width:220px}
#lectures .lec-hint{font-size:11px;color:var(--mut);margin-top:6px;line-height:1.5}
#lectures .lec-hint.bad{color:#ff6b6b}
/* styled file picker + progress (#6) */
#lectures .lec-filebtn{display:inline-flex;align-items:center;gap:8px;background:var(--sur2);border:1px solid var(--bdr2);color:var(--txt);border-radius:9px;padding:10px 16px;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;transition:border-color .15s,color .15s}
#lectures .lec-filebtn:hover{border-color:var(--acc);color:var(--acc)}
#lectures .lec-filebtn svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.8}
#lectures .lec-filebtn input{display:none}
#lectures .lec-fname{font-size:12px;color:var(--mut);margin-left:10px}
#lectures .lec-prog{display:none;margin-top:12px}
#lectures .lec-prog.show{display:block}
#lectures .lec-pbar{height:8px;border-radius:5px;background:var(--sur2);overflow:hidden}
#lectures .lec-pbar>i{display:block;height:100%;width:0;background:var(--acc);transition:width .15s}
#lectures .lec-pstat{font-size:11.5px;color:var(--mut);margin-top:6px;display:flex;align-items:center;gap:7px}
#lectures .lec-pstat.done{color:var(--acc)}
#lectures .lec-pstat.bad{color:#ff6b6b}
#lectures .lec-spin{width:12px;height:12px;border:2px solid rgba(var(--gG),.3);border-top-color:var(--acc);border-radius:50%;display:inline-block;animation:lecspin .7s linear infinite}
@keyframes lecspin{to{transform:rotate(360deg)}}
/* timestamp editor */
#lectures .lec-tsrow{display:flex;align-items:center;gap:8px;margin-bottom:8px}
#lectures .lec-tsin{display:flex;align-items:center;gap:3px;background:var(--sur2);border:1px solid var(--bdr);border-radius:9px;padding:5px 8px}
#lectures .lec-tnum{width:40px;background:transparent;border:none;color:var(--txt);font-size:13.5px;text-align:center;font-family:inherit}
#lectures .lec-tnum:focus{outline:none}
#lectures .lec-tsin span{color:var(--mut)}
#lectures .lec-tsdesc{flex:1;min-width:120px;background:var(--sur2);border:1px solid var(--bdr);border-radius:9px;color:var(--txt);font-size:13px;padding:9px 11px;font-family:inherit}
/* neon-red delete × (#7) */
#lectures .lec-tsx{background:transparent;border:1px solid rgba(255,59,59,.5);color:#ff3b3b;border-radius:8px;width:32px;height:32px;cursor:pointer;flex:none;font-size:15px;line-height:1;text-shadow:0 0 8px rgba(255,59,59,.55);box-shadow:0 0 8px rgba(255,59,59,.12) inset}
#lectures .lec-tsx:hover{background:rgba(255,59,59,.12);border-color:#ff3b3b;box-shadow:0 0 12px rgba(255,59,59,.35)}
#lectures .lec-tsadd{background:transparent;border:1px dashed var(--bdr2);color:var(--txt);border-radius:9px;padding:8px 14px;font-size:12.5px;font-weight:600;cursor:pointer;font-family:inherit}
#lectures .lec-aud{border:1px solid var(--bdr);border-radius:12px;padding:15px;background:var(--sur2)}
#lectures .lec-chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px;padding-top:11px;border-top:1px solid var(--bdr)}
#lectures .lec-chip{display:inline-flex;align-items:center;gap:6px;font-size:12px;background:var(--bg);border:1px solid var(--bdr);border-radius:7px;padding:6px 10px;cursor:pointer}
#lectures .lec-act{display:flex;gap:12px;margin-top:20px;flex-wrap:wrap}
/* Publish / Save buttons — DM Sans (inherit), matching .svPub (#8) */
#lectures .lec-bp{background:var(--acc);color:#06210a;border:none;border-radius:9px;padding:11px 22px;font-family:inherit;font-weight:800;font-size:13.5px;cursor:pointer}
#lectures .lec-bs{background:transparent;color:var(--txt);border:1px solid var(--bdr);border-radius:9px;padding:11px 20px;font-family:inherit;font-weight:700;font-size:13.5px;cursor:pointer}
#lectures .lec-note{font-size:11.5px;color:var(--mut);line-height:1.55;margin-top:8px}
/* my-lectures manager rows (inside subject cards) */
#lectures .lec-mrow{display:flex;align-items:center;gap:12px;background:var(--sur2);border:1px solid var(--bdr);border-radius:12px;padding:12px 14px;margin-bottom:10px;flex-wrap:wrap}
#lectures .lec-mtitle{font-weight:700;font-size:14px}
#lectures .lec-mmeta{font-size:11px;color:var(--mut);margin-top:3px}
#lectures .lec-badge{font-size:10px;font-weight:700;padding:2px 8px;border-radius:20px;border:1px solid var(--bdr);color:var(--mut)}
#lectures .lec-badge.pub{color:var(--acc);border-color:rgba(var(--gG),.4);background:rgba(var(--gG),.08)}
#lectures .lec-mspacer{flex:1}
#lectures .lec-mbtn{background:transparent;border:1px solid var(--bdr);color:var(--txt);border-radius:8px;padding:7px 12px;font-size:12px;cursor:pointer;font-family:inherit}
#lectures .lec-mbtn:hover{border-color:var(--acc);color:var(--acc)}
#lectures .lec-mbtn.danger:hover{border-color:#ff3b3b;color:#ff3b3b}
/* ===== player overlay (#2 larger, #3 window buttons, collapsible chapters) ===== */
.lec-ov{position:fixed;inset:0;z-index:6000;background:rgba(0,0,0,.8);display:flex;align-items:flex-start;justify-content:center;overflow:auto;padding:20px 16px}
.lec-player{width:min(1200px,94vw);background:var(--sur);border:1px solid var(--bdr);border-radius:16px;overflow:hidden}
.lec-stage{position:relative;background:#000;aspect-ratio:16/9}
.lec-stage video{width:100%;height:100%;display:block;background:#000}
.lec-winbtns{position:absolute;top:10px;right:10px;display:flex;gap:8px;z-index:2}
.lec-wb{width:32px;height:32px;border-radius:50%;background:rgba(20,20,26,.55);border:1px solid rgba(255,255,255,.25);color:#fff;font-size:16px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(3px);font-family:inherit}
.lec-wb:hover{background:rgba(40,40,50,.8)}
.lec-wb .u{transform:translateY(-4px)}
.lec-pctrl{display:flex;align-items:center;gap:14px;padding:11px 16px;border-top:1px solid var(--bdr);flex-wrap:wrap}
.lec-q{font-size:12px;color:var(--mut);display:flex;align-items:center;gap:8px}
.lec-q select{background:var(--sur2);border:1px solid var(--bdr);color:var(--txt);border-radius:8px;padding:6px 10px;font-family:inherit;font-size:12.5px}
.lec-pinfo{padding:14px 18px 18px}
.lec-pt{font-family:'Syne',sans-serif;font-size:17px;font-weight:800}
.lec-pmeta{font-size:12px;color:var(--mut);margin-top:5px}
.lec-pd{font-size:13px;color:#c7c9d1;line-height:1.6;margin-top:8px}
.lec-chtoggle{margin-top:14px;background:transparent;border:1px solid var(--bdr);color:var(--txt);border-radius:9px;padding:7px 12px;font-size:12px;font-weight:600;cursor:pointer;font-family:inherit;display:inline-flex;align-items:center;gap:8px}
.lec-chtoggle .cc{color:var(--mut);font-weight:500}
.lec-chtoggle .ca{transition:transform .18s}
.lec-chwrap.open .lec-chtoggle .ca{transform:rotate(90deg)}
.lec-chl{list-style:none;margin:10px 0 0;padding:0;display:none;flex-direction:column;gap:2px}
.lec-chwrap.open .lec-chl{display:flex}
.lec-chl li{display:flex;gap:12px;align-items:center;padding:8px 10px;border-radius:9px;cursor:pointer}
.lec-chl li:hover{background:var(--sur2)}
.lec-chl .lec-ct{font-size:12px;font-weight:700;color:var(--acc);min-width:52px;font-variant-numeric:tabular-nums}
.lec-chl .lec-cl{font-size:13px}
.lec-pnote{font-size:11px;color:var(--mut);margin-top:14px}
/* minimized (docked) player */
.lec-ov.min{background:transparent;pointer-events:none;align-items:flex-end;justify-content:flex-end;padding:0}
.lec-ov.min .lec-player{pointer-events:auto;width:360px;max-width:82vw;margin:16px;box-shadow:0 10px 30px rgba(0,0,0,.55)}
.lec-ov.min .lec-pctrl,.lec-ov.min .lec-pinfo{display:none}
/* remove-selected-video button (neon red) */
#lectures .lec-filex{display:none;align-items:center;justify-content:center;background:transparent;border:1px solid rgba(255,59,59,.5);color:#ff3b3b;border-radius:8px;width:30px;height:30px;cursor:pointer;font-size:15px;line-height:1;margin-left:8px;vertical-align:middle;text-shadow:0 0 8px rgba(255,59,59,.55);box-shadow:0 0 8px rgba(255,59,59,.12) inset}
#lectures .lec-filex:hover{background:rgba(255,59,59,.12);border-color:#ff3b3b;box-shadow:0 0 12px rgba(255,59,59,.35)}