/* بوابة الطالب: شريط البث المباشر في الرئيسية وداخل المادة (scripts/frontend/student-live.mjs) */
[data-student-live]{--bsl-red:#c0261d;--bsl-red-dark:#981c15;--bsl-red-50:#fdecea;--bsl-red-100:#f9d3cf;font-family:'IBM Plex Sans Arabic','Segoe UI',system-ui,sans-serif}
.bsl-badge{display:inline-flex;align-items:center;gap:7px;border-radius:999px;background:var(--bsl-red);color:#fff;font-size:12px;font-weight:700;padding:4px 11px;white-space:nowrap}
.bsl-dot{width:8px;height:8px;border-radius:50%;background:#fff;box-shadow:0 0 0 0 #ffffffb3;animation:bsl-pulse 1.6s infinite}
@keyframes bsl-pulse{0%{box-shadow:0 0 0 0 #ffffffb3}70%{box-shadow:0 0 0 7px #ffffff00}100%{box-shadow:0 0 0 0 #ffffff00}}
@media (prefers-reduced-motion:reduce){.bsl-dot{animation:none}}
.bsl-banner{margin:0 0 16px;border-radius:18px;padding:16px 18px;background:linear-gradient(120deg,#fff5f4 0%,#fff 60%);border:1px solid var(--bsl-red-100);border-inline-start:5px solid var(--bsl-red);box-shadow:0 6px 22px #c0261d14}
.bsl-banner-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px}.bsl-banner-head strong{font-size:16px;color:#5a120d}
.bsl-row{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:10px 0;border-top:1px solid #f6dedb}.bsl-row:first-of-type{border-top:0}
.bsl-info{min-width:0;flex:1}.bsl-info h3{margin:0;font-size:16px;font-weight:700;color:#29282b;line-height:1.5}.bsl-info p{margin:3px 0 0;font-size:13px;color:#6f6c62}
.bsl-actions{display:flex;gap:8px;flex-wrap:wrap}
.bsl-join{display:inline-flex;align-items:center;gap:8px;border-radius:12px;background:var(--bsl-red);color:#fff!important;font-size:14px;font-weight:700;padding:10px 18px;text-decoration:none;box-shadow:0 4px 12px #c0261d33;transition:background .15s}
.bsl-join:hover{background:var(--bsl-red-dark)}.bsl-join-alt{background:#fff;color:var(--bsl-red)!important;border:1px solid var(--bsl-red-100);box-shadow:none}.bsl-join-alt:hover{background:var(--bsl-red-50)}
.bsl-subject{margin-top:12px;display:grid;gap:8px}
.bsl-subject-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;border-radius:12px;padding:8px 10px;background:var(--bsl-red-50);border:1px solid var(--bsl-red-100)}
.bsl-subject-title{flex:1;min-width:0;font-size:13px;font-weight:700;color:#5a120d}
.bsl-subject .bsl-join{padding:7px 14px;font-size:13px}
.bsl-subject-large .bsl-subject-row{padding:12px 14px}.bsl-subject-large .bsl-subject-title{font-size:15px}
/* بث مجدول لم يبدأ: ظاهر لكنه مطفأ */
.bsl-banner-off{background:#f7f7f5;border-color:#e7e5e4;border-inline-start-color:#a8a29e;box-shadow:none}.bsl-banner-off .bsl-banner-head strong{color:#57534e}
.bsl-badge-off{background:#e7e5e4;color:#57534e}.bsl-badge-off .bsl-dot{background:#a8a29e;animation:none;box-shadow:none}
.bsl-row-off .bsl-info h3{color:#57534e}.bsl-soon{margin-top:6px!important;font-weight:700;color:#44403c!important}
.bsl-join-off{background:#e7e5e4;color:#78716c!important;box-shadow:none;cursor:not-allowed}.bsl-join-off:hover{background:#e7e5e4}
.bsl-subject-row.bsl-row-off{background:#f5f5f4;border-color:#e7e5e4}.bsl-row-off .bsl-subject-title{color:#57534e;font-weight:600}
@media (max-width:640px){.bsl-banner{padding:14px}.bsl-row .bsl-actions,.bsl-row .bsl-join{width:100%;justify-content:center}}
/* شريط المادة الثابت: بلا بث مطفأ هادئ، ومع البث يتوهج الإطار كمصباح بث */
.bsl-row-none{background:#fafaf9;border-style:dashed}.bsl-row-none .bsl-subject-title{font-weight:500;color:#78716c}
.bsl-subject-row:not(.bsl-row-off){animation:bsl-glow 2s ease-in-out infinite}
@keyframes bsl-glow{0%,100%{box-shadow:0 0 0 0 #c0261d00}50%{box-shadow:0 0 0 4px #c0261d26}}
@media (prefers-reduced-motion:reduce){.bsl-subject-row{animation:none!important}}