/*
BioGurukul YouTube Live Classes v10.8.14
Author: Abhishek Das
*/

.bgk-live-wrap,
.bgk-live-linkbox{
	width:min(1240px,calc(100% - 20px))!important;
	margin:24px auto!important;
	padding:18px!important;
	border-radius:28px!important;
	background:linear-gradient(135deg,#ffffff,#f8fbff)!important;
	border:1px solid #dfe7f2!important;
	box-shadow:0 18px 52px rgba(15,23,42,.08)!important;
	font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
	color:#0f172a!important;
	box-sizing:border-box!important;
}

.bgk-live-wrap *,.bgk-live-linkbox *{box-sizing:border-box!important}

.bgk-live-direct-main{
	width:100%!important;
	min-height:100vh!important;
	padding:18px 0!important;
	background:#f6f8fc!important;
}

.bgk-live-admin .bgk-live-wrap{
	width:100%!important;
	margin:15px 0!important;
}

.bgk-live-hero{
	display:flex!important;
	align-items:flex-start!important;
	justify-content:space-between!important;
	gap:16px!important;
	margin-bottom:14px!important;
}

.bgk-live-hero span,
.bgk-live-linkbox h2::before{
	display:inline-flex!important;
	padding:7px 11px!important;
	border-radius:999px!important;
	background:#eef2ff!important;
	color:#4338ca!important;
	font-size:11px!important;
	font-weight:1000!important;
	margin-bottom:8px!important;
}

.bgk-live-hero h1,
.bgk-live-linkbox h2{
	margin:0 0 8px!important;
	color:#0f172a!important;
	font-size:clamp(30px,4vw,52px)!important;
	line-height:1.08!important;
	font-weight:1000!important;
	letter-spacing:-.7px!important;
}

.bgk-live-hero p,
.bgk-live-linkbox p{
	margin:0!important;
	color:#64748b!important;
	font-size:14px!important;
	line-height:1.55!important;
	font-weight:750!important;
}

.bgk-live-hero a,
.bgk-live-linkbox a,
.bgk-live-filters button,
.bgk-live-form button[type="submit"],
.bgk-live-youtube{
	display:inline-flex!important;
	align-items:center!important;
	justify-content:center!important;
	min-height:42px!important;
	border:0!important;
	border-radius:999px!important;
	background:#2563eb!important;
	color:#fff!important;
	text-decoration:none!important;
	padding:10px 16px!important;
	font-size:13px!important;
	font-weight:1000!important;
	cursor:pointer!important;
	white-space:nowrap!important;
}

.bgk-live-filters{
	display:grid!important;
	grid-template-columns:1fr 220px auto!important;
	gap:10px!important;
	align-items:end!important;
	padding:12px!important;
	border-radius:20px!important;
	background:#f8fafc!important;
	border:1px solid #e5edf7!important;
	margin-bottom:14px!important;
}

.bgk-live-filters label,
.bgk-live-form label{
	display:grid!important;
	gap:6px!important;
}

.bgk-live-filters strong,
.bgk-live-form strong{
	color:#0f172a!important;
	font-size:12px!important;
	font-weight:1000!important;
}

.bgk-live-filters select,
.bgk-live-form input,
.bgk-live-form select,
.bgk-live-form textarea{
	width:100%!important;
	min-height:42px!important;
	border-radius:14px!important;
	border:1px solid #dbe4ef!important;
	background:#fff!important;
	color:#0f172a!important;
	padding:8px 11px!important;
	font-size:13px!important;
	font-weight:850!important;
}

.bgk-live-form textarea{
	min-height:110px!important;
	resize:vertical!important;
}

.bgk-live-form small{
	color:#64748b!important;
	font-size:11.5px!important;
	font-weight:750!important;
}

.bgk-live-layout{
	display:grid!important;
	grid-template-columns:360px minmax(0,1fr)!important;
	gap:14px!important;
	align-items:start!important;
}

.bgk-live-list,
.bgk-live-player,
.bgk-live-form,
.bgk-live-manage{
	border-radius:24px!important;
	background:#fff!important;
	border:1px solid #dfe7f2!important;
	box-shadow:0 14px 38px rgba(15,23,42,.06)!important;
	padding:16px!important;
}

.bgk-live-list{
	position:sticky!important;
	top:16px!important;
	max-height:calc(100vh - 32px)!important;
	overflow:auto!important;
}

.bgk-live-list h2,
.bgk-live-form h2,
.bgk-live-manage h2{
	margin:0 0 12px!important;
	color:#0f172a!important;
	font-size:20px!important;
	font-weight:1000!important;
}

.bgk-live-card{
	display:grid!important;
	gap:6px!important;
	padding:13px!important;
	margin:0 0 10px!important;
	border-radius:18px!important;
	background:#f8fafc!important;
	border:1px solid #e5edf7!important;
	color:#0f172a!important;
	text-decoration:none!important;
}

.bgk-live-card.is-active,
.bgk-live-card:hover{
	border-color:#a5b4fc!important;
	background:#eef2ff!important;
}

.bgk-live-card strong{
	color:#0f172a!important;
	font-size:14px!important;
	line-height:1.35!important;
	font-weight:1000!important;
}

.bgk-live-card small,
.bgk-live-card em{
	color:#64748b!important;
	font-size:12px!important;
	line-height:1.4!important;
	font-style:normal!important;
	font-weight:800!important;
}

.bgk-live-status{
	display:inline-flex!important;
	width:max-content!important;
	max-width:100%!important;
	padding:5px 9px!important;
	border-radius:999px!important;
	background:#eef2ff!important;
	color:#4338ca!important;
	font-size:10.5px!important;
	line-height:1!important;
	font-weight:1000!important;
}

.bgk-live-status-live{
	background:#dcfce7!important;
	color:#047857!important;
	animation:bgkLivePulse 1.25s infinite ease-in-out!important;
}

.bgk-live-status-completed{
	background:#f1f5f9!important;
	color:#475569!important;
}

.bgk-live-status-cancelled{
	background:#fee2e2!important;
	color:#991b1b!important;
}

@keyframes bgkLivePulse{
	0%,100%{transform:scale(1)}
	50%{transform:scale(1.04)}
}

.bgk-live-player-head{
	padding:15px!important;
	border-radius:20px!important;
	background:#f8fafc!important;
	border:1px solid #e5edf7!important;
	margin-bottom:12px!important;
}

.bgk-live-player-head h2{
	margin:8px 0 6px!important;
	color:#0f172a!important;
	font-size:clamp(22px,3vw,36px)!important;
	line-height:1.15!important;
	font-weight:1000!important;
}

.bgk-live-player-head p{
	margin:0!important;
	color:#64748b!important;
	font-size:13px!important;
	font-weight:850!important;
}

.bgk-live-embed{
	position:relative!important;
	width:100%!important;
	aspect-ratio:16/9!important;
	border-radius:22px!important;
	overflow:hidden!important;
	background:#020617!important;
	box-shadow:0 18px 45px rgba(15,23,42,.18)!important;
}

.bgk-live-embed iframe{
	position:absolute!important;
	inset:0!important;
	width:100%!important;
	height:100%!important;
	border:0!important;
}

.bgk-live-youtube{
	margin-top:12px!important;
	background:#dc2626!important;
}

.bgk-live-desc{
	margin-top:14px!important;
	padding:15px!important;
	border-radius:18px!important;
	background:#f8fafc!important;
	border:1px solid #e5edf7!important;
	color:#334155!important;
	font-size:15px!important;
	line-height:1.65!important;
	font-weight:700!important;
}

.bgk-live-empty,
.bgk-live-login,
.bgk-live-message{
	padding:14px!important;
	border-radius:18px!important;
	background:#f8fafc!important;
	border:1px dashed #cbd5e1!important;
	color:#64748b!important;
	font-size:13px!important;
	font-weight:900!important;
}

.bgk-live-message{
	background:#ecfdf5!important;
	border-style:solid!important;
	border-color:#bbf7d0!important;
	color:#047857!important;
	margin-bottom:12px!important;
}

.bgk-live-teacher-grid{
	display:grid!important;
	grid-template-columns:minmax(0,1fr) 420px!important;
	gap:14px!important;
	align-items:start!important;
}

.bgk-live-form{
	display:grid!important;
	gap:12px!important;
}

.bgk-live-form-row{
	display:grid!important;
	grid-template-columns:1fr 1fr!important;
	gap:10px!important;
}

.bgk-live-manage-list{
	display:grid!important;
	gap:10px!important;
}

.bgk-live-manage-list article{
	display:grid!important;
	gap:7px!important;
	padding:13px!important;
	border-radius:18px!important;
	background:#f8fafc!important;
	border:1px solid #e5edf7!important;
}

.bgk-live-manage-list strong{
	color:#0f172a!important;
	font-size:14px!important;
	font-weight:1000!important;
	line-height:1.35!important;
}

.bgk-live-manage-list small{
	color:#64748b!important;
	font-size:12px!important;
	font-weight:800!important;
}

.bgk-live-manage-list div{
	display:flex!important;
	gap:7px!important;
	flex-wrap:wrap!important;
}

.bgk-live-manage-list a,
.bgk-live-manage-list button{
	display:inline-flex!important;
	min-height:32px!important;
	align-items:center!important;
	justify-content:center!important;
	border:0!important;
	border-radius:999px!important;
	background:#eef2ff!important;
	color:#4338ca!important;
	padding:7px 11px!important;
	text-decoration:none!important;
	font-size:12px!important;
	font-weight:1000!important;
	cursor:pointer!important;
}

.bgk-live-manage-list button{
	background:#fee2e2!important;
	color:#991b1b!important;
}

.bgk-live-manage-list form{
	margin:0!important;
}

@media(max-width:900px){
	.bgk-live-wrap,
	.bgk-live-linkbox{
		width:calc(100% - 12px)!important;
		padding:13px!important;
		border-radius:20px!important;
	}
	.bgk-live-hero,
	.bgk-live-filters,
	.bgk-live-layout,
	.bgk-live-teacher-grid,
	.bgk-live-form-row{
		grid-template-columns:1fr!important;
		display:grid!important;
	}
	.bgk-live-list{
		position:relative!important;
		top:auto!important;
		max-height:none!important;
	}
}


/* BioGurukul student Live Class experience v10.10.69 */
.bgk-live-student{
	max-width:1450px!important;
	padding:22px!important;
}
.bgk-live-student .bgk-live-hero{
	align-items:center!important;
	margin-bottom:18px!important;
}
.bgk-live-student .bgk-live-hero h1{
	font-size:clamp(34px,4vw,58px)!important;
}
.bgk-live-summary{
	display:grid!important;
	grid-template-columns:repeat(3,minmax(0,1fr))!important;
	gap:12px!important;
	margin:0 0 16px!important;
}
.bgk-live-summary-card{
	display:grid!important;
	grid-template-columns:1fr auto!important;
	gap:4px 12px!important;
	align-items:center!important;
	min-height:105px!important;
	padding:17px 18px!important;
	border-radius:22px!important;
	border:1px solid #dfe7f2!important;
	background:#fff!important;
	box-shadow:0 12px 30px rgba(15,23,42,.055)!important;
	color:#0f172a!important;
	text-decoration:none!important;
	transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease!important;
}
.bgk-live-summary-card:hover{
	transform:translateY(-2px)!important;
	border-color:#a5b4fc!important;
	box-shadow:0 18px 34px rgba(79,70,229,.1)!important;
}
.bgk-live-summary-card span{
	font-size:13px!important;
	font-weight:1000!important;
	color:#475569!important;
}
.bgk-live-summary-card strong{
	grid-row:1/3!important;
	grid-column:2!important;
	font-size:38px!important;
	line-height:1!important;
	font-weight:1000!important;
	color:#0f172a!important;
}
.bgk-live-summary-card small{
	font-size:12px!important;
	font-weight:800!important;
	color:#94a3b8!important;
}
.bgk-live-summary-now{border-left:5px solid #22c55e!important}
.bgk-live-summary-upcoming{border-left:5px solid #7c3aed!important}
.bgk-live-summary-recordings{border-left:5px solid #2563eb!important}
.bgk-live-tabs{
	display:flex!important;
	gap:8px!important;
	padding:6px!important;
	margin:0 0 14px!important;
	border:1px solid #e2e8f0!important;
	border-radius:18px!important;
	background:#f8fafc!important;
	overflow-x:auto!important;
	scrollbar-width:none!important;
}
.bgk-live-tabs::-webkit-scrollbar{display:none!important}
.bgk-live-tabs a{
	display:inline-flex!important;
	align-items:center!important;
	justify-content:center!important;
	gap:8px!important;
	min-height:44px!important;
	padding:9px 15px!important;
	border-radius:13px!important;
	color:#475569!important;
	text-decoration:none!important;
	font-size:13px!important;
	font-weight:1000!important;
	white-space:nowrap!important;
}
.bgk-live-tabs a.is-active{
	background:#5b34ff!important;
	color:#fff!important;
	box-shadow:0 8px 20px rgba(91,52,255,.24)!important;
}
.bgk-live-tabs b{
	display:inline-flex!important;
	align-items:center!important;
	justify-content:center!important;
	min-width:24px!important;
	height:24px!important;
	padding:0 7px!important;
	border-radius:999px!important;
	background:#e2e8f0!important;
	color:#334155!important;
	font-size:11px!important;
}
.bgk-live-tabs a.is-active b{background:rgba(255,255,255,.2)!important;color:#fff!important}
.bgk-live-student .bgk-live-student-filters{
	grid-template-columns:minmax(180px,1fr) minmax(180px,1fr) minmax(260px,1.35fr) auto!important;
	padding:14px!important;
	margin-bottom:18px!important;
}
.bgk-live-student-filters input[type="search"]{
	width:100%!important;
	min-height:42px!important;
	border-radius:14px!important;
	border:1px solid #dbe4ef!important;
	background:#fff!important;
	color:#0f172a!important;
	padding:8px 11px!important;
	font-size:13px!important;
	font-weight:800!important;
}
.bgk-live-selected-player{
	margin:0 0 20px!important;
	padding:18px!important;
	border-radius:24px!important;
}
.bgk-live-selected-player .bgk-live-player-head{
	display:flex!important;
	align-items:center!important;
	justify-content:space-between!important;
	gap:16px!important;
}
.bgk-live-back{
	display:inline-flex!important;
	align-items:center!important;
	justify-content:center!important;
	min-height:38px!important;
	padding:8px 13px!important;
	border-radius:999px!important;
	background:#eef2ff!important;
	color:#4338ca!important;
	font-size:12px!important;
	font-weight:1000!important;
	text-decoration:none!important;
	white-space:nowrap!important;
}
.bgk-live-class-section{
	padding:18px!important;
	border-radius:24px!important;
	background:#fff!important;
	border:1px solid #dfe7f2!important;
	box-shadow:0 14px 38px rgba(15,23,42,.055)!important;
}
.bgk-live-section-heading{
	display:flex!important;
	align-items:center!important;
	justify-content:space-between!important;
	gap:12px!important;
	margin-bottom:14px!important;
}
.bgk-live-section-heading>div{
	display:flex!important;
	align-items:center!important;
	gap:9px!important;
}
.bgk-live-section-heading>div>span{font-size:24px!important}
.bgk-live-section-heading h2{
	margin:0!important;
	font-size:24px!important;
	line-height:1.2!important;
	font-weight:1000!important;
	color:#0f172a!important;
}
.bgk-live-section-heading small{
	font-size:12px!important;
	font-weight:900!important;
	color:#64748b!important;
}
.bgk-live-student-grid{
	display:grid!important;
	grid-template-columns:repeat(2,minmax(0,1fr))!important;
	gap:14px!important;
}
.bgk-live-student-card{
	display:flex!important;
	flex-direction:column!important;
	min-width:0!important;
	padding:18px!important;
	border-radius:22px!important;
	border:1px solid #e2e8f0!important;
	background:linear-gradient(145deg,#fff,#f8fafc)!important;
	box-shadow:0 10px 28px rgba(15,23,42,.05)!important;
	transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease!important;
}
.bgk-live-student-card:hover{
	transform:translateY(-2px)!important;
	border-color:#a5b4fc!important;
	box-shadow:0 17px 34px rgba(79,70,229,.1)!important;
}
.bgk-live-student-card-live{border-top:4px solid #22c55e!important}
.bgk-live-student-card-scheduled{border-top:4px solid #7c3aed!important}
.bgk-live-student-card-completed{border-top:4px solid #2563eb!important}
.bgk-live-card-top{
	display:flex!important;
	align-items:center!important;
	justify-content:space-between!important;
	gap:10px!important;
	margin-bottom:11px!important;
}
.bgk-live-card-top small{
	font-size:11px!important;
	font-weight:1000!important;
	color:#64748b!important;
	background:#f1f5f9!important;
	border-radius:999px!important;
	padding:5px 9px!important;
}
.bgk-live-student-card h3{
	margin:0 0 13px!important;
	font-size:20px!important;
	line-height:1.28!important;
	font-weight:1000!important;
	color:#0f172a!important;
}
.bgk-live-card-meta{
	display:grid!important;
	grid-template-columns:repeat(2,minmax(0,1fr))!important;
	gap:9px!important;
	margin-bottom:13px!important;
}
.bgk-live-card-meta span{
	display:grid!important;
	gap:2px!important;
	min-width:0!important;
	padding:10px 11px!important;
	border-radius:13px!important;
	background:#f8fafc!important;
	color:#475569!important;
	font-size:12px!important;
	line-height:1.35!important;
	font-weight:800!important;
	word-break:break-word!important;
}
.bgk-live-card-meta b{
	color:#0f172a!important;
	font-size:10px!important;
	letter-spacing:.05em!important;
	text-transform:uppercase!important;
}
.bgk-live-countdown{
	margin-top:auto!important;
	margin-bottom:12px!important;
	padding:10px 12px!important;
	border-radius:13px!important;
	background:#f5f3ff!important;
	color:#5b21b6!important;
	font-size:12px!important;
	font-weight:1000!important;
	text-align:center!important;
}
.bgk-live-card-actions{margin-top:auto!important}
.bgk-live-card-actions a,
.bgk-live-empty-state a{
	display:inline-flex!important;
	align-items:center!important;
	justify-content:center!important;
	gap:8px!important;
	min-height:43px!important;
	padding:10px 15px!important;
	border-radius:14px!important;
	background:#5b34ff!important;
	color:#fff!important;
	text-decoration:none!important;
	font-size:13px!important;
	font-weight:1000!important;
}
.bgk-live-card-actions a{width:100%!important}
.bgk-live-card-actions a span{font-size:17px!important}
.bgk-live-empty-state{
	display:grid!important;
	justify-items:center!important;
	text-align:center!important;
	padding:38px 20px!important;
	border-radius:22px!important;
	border:1px dashed #cbd5e1!important;
	background:linear-gradient(145deg,#f8fafc,#fff)!important;
}
.bgk-live-empty-icon{
	display:flex!important;
	align-items:center!important;
	justify-content:center!important;
	width:72px!important;
	height:72px!important;
	border-radius:24px!important;
	background:#eef2ff!important;
	font-size:34px!important;
	margin-bottom:14px!important;
}
.bgk-live-empty-state h3{
	margin:0 0 8px!important;
	font-size:24px!important;
	font-weight:1000!important;
	color:#0f172a!important;
}
.bgk-live-empty-state p{
	max-width:620px!important;
	margin:0 0 18px!important;
	color:#64748b!important;
	font-size:14px!important;
	line-height:1.65!important;
	font-weight:750!important;
}
.bgk-live-empty-state>div:last-child{
	display:flex!important;
	gap:9px!important;
	flex-wrap:wrap!important;
	justify-content:center!important;
}
.bgk-live-empty-state a.secondary{
	background:#eef2ff!important;
	color:#4338ca!important;
}
.bgk-live-video-missing{
	display:grid!important;
	gap:4px!important;
	text-align:center!important;
	padding:30px!important;
}
.bgk-live-video-missing strong{font-size:17px!important;color:#0f172a!important}
.bgk-live-video-missing span{font-size:13px!important;color:#64748b!important}

@media(max-width:960px){
	.bgk-live-summary{grid-template-columns:1fr!important}
	.bgk-live-summary-card{min-height:84px!important}
	.bgk-live-student .bgk-live-student-filters{grid-template-columns:1fr 1fr!important}
	.bgk-live-student-filters button{width:100%!important}
	.bgk-live-student-grid{grid-template-columns:1fr!important}
}
@media(max-width:620px){
	.bgk-live-student{width:calc(100% - 10px)!important;padding:12px!important;margin:10px auto!important;border-radius:18px!important}
	.bgk-live-student .bgk-live-hero{display:grid!important;gap:12px!important}
	.bgk-live-student .bgk-live-hero h1{font-size:36px!important}
	.bgk-live-student .bgk-live-hero a{width:100%!important}
	.bgk-live-summary-card{padding:14px!important;border-radius:18px!important}
	.bgk-live-summary-card strong{font-size:32px!important}
	.bgk-live-tabs{border-radius:15px!important}
	.bgk-live-tabs a{padding:8px 12px!important}
	.bgk-live-student .bgk-live-student-filters{grid-template-columns:1fr!important;padding:11px!important}
	.bgk-live-class-section{padding:12px!important;border-radius:19px!important}
	.bgk-live-section-heading{align-items:flex-start!important}
	.bgk-live-section-heading h2{font-size:21px!important}
	.bgk-live-student-card{padding:14px!important;border-radius:18px!important}
	.bgk-live-student-card h3{font-size:18px!important}
	.bgk-live-card-meta{grid-template-columns:1fr!important}
	.bgk-live-selected-player{padding:12px!important;border-radius:19px!important}
	.bgk-live-selected-player .bgk-live-player-head{display:grid!important}
	.bgk-live-back{width:100%!important}
	.bgk-live-empty-state{padding:28px 14px!important}
	.bgk-live-empty-state h3{font-size:21px!important}
	.bgk-live-empty-state>div:last-child{width:100%!important;display:grid!important}
	.bgk-live-empty-state a{width:100%!important}
}