.bt-login-layout {
	display: block;
	position: static;
	min-height: auto;
	max-width: 1560px;
	margin: 0 auto;
	padding: 12px 24px 24px;
	direction: rtl;
}

.bt-login-auth {
	position: relative;
	display: inline;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	min-height: auto;
	width: 100%;
	padding-top: 54px;
	padding-bottom: 16px;
	text-align: center;
}

.bt-login-layout .login-content.page-card {
	margin: 0 auto;
	max-width: 450px;
	width: 100%;
}

.bt-login-layout .page-card-head {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 0 0 22px;
	text-align: center;
}

.bt-login-layout .page-card-head h4,
.bt-login-layout .page-card-head .app-logo,
.bt-login-layout .forgot-password-message,
.bt-login-layout .sign-up-message {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.bt-login-layout .page-card-head .app-logo {
	display: block;
}

.bt-login-layout .sign-up-message {
	margin-top: 14px;
	text-align: center;
}

.bt-login-panel {
	--teal: #1b7a6a;
	--teal-dark: #16645a;
	--gold: #c9a84c;
	--gold-dark: #8a6a1a;
	--gold-bg: rgba(201, 168, 76, 0.1);
	--gold-border: rgba(201, 168, 76, 0.4);
	--surface: #ffffff;
	--border: rgba(0, 0, 0, 0.08);
	--text: #1a1c1a;
	--text-soft: #6b706b;
	--radius: 12px;
	font-family: "DroidKufi", "Noto Kufi Arabic", sans-serif;
	background: var(--surface);
	border: 1px solid var(--gold-border);
	border-radius: 0 0 18px 18px;
	overflow: hidden;
	width: calc(100% - 48px);
	max-width: 1520px;
	box-shadow: 0 2px 16px rgba(27, 122, 106, 0.08);
	position: relative;
	top: auto;
	left: auto;
	right: auto;
	z-index: 1100;
	margin: 0 auto;
}

.bt-login-panel[hidden] {
	display: none !important;
}

.bt-login-top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 22px 28px;
	border-bottom: 1px solid var(--gold-border);
	gap: 22px;
	flex-wrap: wrap;
}

.bt-login-meta {
	display: flex;
	flex-direction: column;
	gap: 5px;
}

.bt-login-date-line {
	display: flex;
	align-items: center;
	gap: 7px;
	font-size: 15px;
	font-weight: 700;
	color: var(--teal);
}

.bt-login-date-icon {
	width: 20px;
	height: 20px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: #4b5563;
	flex-shrink: 0;
}

.bt-login-date-icon svg {
	width: 20px;
	height: 20px;
	display: block;
}

.bt-login-next-line {
	font-size: 14px;
	color: var(--text-soft);
}

.bt-login-next-line strong {
	color: var(--teal);
	font-weight: 700;
}

.bt-login-next-cd {
	color: var(--gold-dark);
	font-weight: 700;
	font-variant-numeric: tabular-nums;
	direction: ltr;
	display: inline-block;
	margin-right: 6px;
}

.bt-login-update {
	font-size: 12px;
	color: var(--text-soft);
}

.bt-login-selectors {
	display: flex;
	gap: 16px;
	align-items: flex-end;
}

.bt-login-field {
	display: flex;
	flex-direction: column;
	gap: 5px;
}

.bt-login-field label {
	font-size: 12px;
	font-weight: 700;
	color: var(--text-soft);
	text-align: center;
}

.bt-login-field select {
	border: 1px solid var(--gold-border);
	border-radius: 12px;
	padding: 12px 14px 12px 36px;
	font-size: 14px;
	font-family: inherit;
	color: var(--teal);
	font-weight: 700;
	background-color: var(--surface);
	cursor: pointer;
	min-width: 250px;
	appearance: none;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23C9A84C' stroke-width='2.5'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: left 10px center;
}

.bt-login-field select:disabled {
	opacity: 1;
	-webkit-text-fill-color: var(--teal);
	color: var(--teal);
}

.bt-login-field select:focus {
	outline: none;
	border-color: var(--teal);
	box-shadow: 0 0 0 2px rgba(27, 122, 106, 0.12);
}

.bt-login-prayers {
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	padding: 0;
	background: #fff;
}

.bt-login-pr-row {
	display: contents;
}

.bt-login-card {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 20px 22px;
	min-height: 84px;
	gap: 10px;
	transition: background 0.15s;
	background: #fff;
	border-left: 1px solid var(--border);
}

.bt-login-card:nth-child(-n + 6) {
	border-bottom: 0;
}

.bt-login-card:first-child {
	border-right: none;
}

.bt-login-card:hover {
	background: rgba(27, 122, 106, 0.04);
}

.bt-login-card.is-active {
	background: var(--gold-bg);
}

.bt-login-card-name {
	font-size: 16px;
	font-weight: 700;
	color: var(--text);
	white-space: nowrap;
}

.bt-login-card.is-active .bt-login-card-name {
	color: var(--gold-dark);
}

.bt-login-card-icon {
	width: 22px;
	height: 22px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: #111827;
	flex-shrink: 0;
}

.bt-login-card-icon svg {
	width: 22px;
	height: 22px;
	display: block;
}

.bt-login-card-time {
	font-size: 15px;
	font-weight: 700;
	color: var(--text-soft);
	direction: ltr;
	font-variant-numeric: tabular-nums;
	white-space: nowrap;
	display: inline-flex;
	align-items: center;
}

.bt-login-card.is-active .bt-login-card-time,
.bt-login-card.is-active .bt-login-card-icon {
	color: var(--gold-dark);
}

.bt-login-card.is-active .bt-login-card-icon svg,
.bt-login-card.is-active .bt-login-date-icon svg {
	filter: saturate(1.05);
}

.bt-login-ampm {
	font-size: 11px;
	margin-left: 2px;
}

.bt-login-empty,
.bt-login-loading {
	padding: 40px 24px;
	text-align: center;
	font-size: 15px;
	color: var(--text-soft);
}

@media (max-width: 1100px) {
	.bt-login-layout {
		padding: 10px 18px 24px;
	}

	.bt-login-auth {
		min-height: auto;
		padding-top: 0;
	}

	.bt-login-panel {
		position: static;
		width: 100%;
		margin: 0 auto 28px;
	}

	.bt-login-prayers {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.bt-login-layout .login-content.page-card {
		max-width: 450px;
	}
}

@media (max-width: 800px) {
	.bt-login-layout {
		padding: 18px 14px 20px;
	}

	.bt-login-auth {
		min-height: auto;
		justify-content: flex-start;
		padding-top: 0;
	}

	.bt-login-top {
		flex-direction: column;
		align-items: flex-start;
	}

	.bt-login-pr-row {
		display: contents;
	}

	.bt-login-prayers {
		grid-template-columns: 1fr;
	}

	.bt-login-card {
		border-left: none;
	}

	.bt-login-card:not(:last-child) {
		border-left: none;
		border-bottom: 1px solid var(--border);
	}

	.bt-login-selectors {
		flex-direction: column;
		width: 100%;
	}

	.bt-login-field select {
		width: 100%;
		min-width: 0;
	}

	.bt-login-layout .login-content.page-card {
		max-width: 100%;
	}
}

/* Final login prayer panel layout: compact, full-width, prayer times first. */
.bt-login-layout {
	max-width: 100%;
	padding: 8px 14px 18px;
}

.bt-login-auth {
	padding-top: 18px;
	padding-bottom: 8px;
}

.bt-login-panel {
	display: flex;
	flex-direction: column;
	width: calc(100% - 16px);
	max-width: none;
	border-radius: 18px;
	background: rgba(255, 255, 255, 0.96);
	box-shadow: 0 14px 34px rgba(7, 61, 54, 0.12);
}

.bt-login-prayers {
	order: 1;
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	gap: 8px;
	padding: 10px 12px;
	background: linear-gradient(180deg, rgba(250, 253, 252, 0.96), rgba(243, 248, 247, 0.96));
	border-bottom: 1px solid rgba(201, 168, 76, 0.22);
}

.bt-login-top {
	order: 2;
	display: grid;
	grid-template-columns: minmax(360px, 1fr) minmax(320px, 460px);
	gap: 12px;
	align-items: center;
	padding: 12px 14px 14px;
	border-bottom: 0;
}

.bt-login-meta {
	padding: 10px 14px;
	border-radius: 14px;
}

.bt-login-selectors {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
}

.bt-login-field select {
	min-width: 0;
	height: 38px;
	border-radius: 12px;
	font-size: 12px;
}

.bt-login-card {
	min-height: 52px;
	padding: 10px 12px;
	border-radius: 12px;
	box-shadow: none;
}

.bt-login-card-name {
	font-size: 12px;
}

.bt-login-card-time {
	font-size: 12px;
}

.bt-login-card-icon,
.bt-login-card-icon svg {
	width: 16px;
	height: 16px;
}

.bt-login-card.is-active {
	background: linear-gradient(135deg, rgba(201, 168, 76, 0.18), rgba(255, 249, 226, 0.98));
	border-color: rgba(201, 168, 76, 0.44);
	box-shadow: inset 0 0 0 1px rgba(201, 168, 76, 0.08);
}

@media (max-width: 1100px) {
	.bt-login-prayers {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.bt-login-top {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 800px) {
	.bt-login-prayers {
		grid-template-columns: 1fr;
	}
}

/* Unified prayer panel: one continuous surface with internal separators. */
.bt-login-panel {
	width: min(1500px, calc(100% - 28px));
	border-radius: 18px;
	background: rgba(251, 254, 253, 0.97);
	border: 1px solid rgba(213, 190, 126, 0.36);
	box-shadow: 0 14px 34px rgba(6, 55, 49, 0.13);
	overflow: hidden;
}

.bt-login-prayers {
	order: 1;
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	gap: 0;
	padding: 0;
	background: #fff;
	border-bottom: 1px solid rgba(213, 190, 126, 0.28);
}

.bt-login-card {
	min-height: 56px;
	padding: 10px 16px;
	border: 0;
	border-left: 1px solid rgba(0, 0, 0, 0.07);
	border-radius: 0;
	background: transparent;
	box-shadow: none;
}

.bt-login-card:last-child {
	border-left: 0;
}

.bt-login-card:hover {
	transform: none;
	background: rgba(27, 122, 106, 0.035);
}

.bt-login-card.is-active {
	background: linear-gradient(180deg, rgba(201, 168, 76, 0.16), rgba(255, 250, 231, 0.95));
	border-color: rgba(213, 190, 126, 0.36);
	box-shadow: inset 0 -2px 0 rgba(201, 168, 76, 0.5);
}

.bt-login-card-name {
	font-size: 13px;
	font-weight: 700;
}

.bt-login-card-time {
	font-size: 12px;
}

.bt-login-top {
	order: 2;
	display: grid;
	grid-template-columns: minmax(420px, 1fr) minmax(360px, 520px);
	align-items: stretch;
	gap: 0;
	padding: 0;
	background: linear-gradient(180deg, rgba(249, 253, 252, 0.96), rgba(244, 249, 248, 0.98));
	border-bottom: 0;
}

.bt-login-selectors {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
	padding: 16px 18px;
	align-items: end;
	border-left: 1px solid rgba(213, 190, 126, 0.24);
}

.bt-login-meta {
	margin: 16px 18px;
	padding: 12px 16px;
	border-radius: 14px;
	background: rgba(255, 255, 255, 0.78);
	border: 1px solid rgba(213, 190, 126, 0.32);
	box-shadow: none;
}

.bt-login-field label {
	font-size: 11px;
}

.bt-login-field select {
	height: 40px;
	border-radius: 12px;
	background-color: rgba(255, 255, 255, 0.86);
}

@media (max-width: 1100px) {
	.bt-login-prayers {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.bt-login-card:nth-child(3n) {
		border-left: 0;
	}

	.bt-login-top {
		grid-template-columns: 1fr;
	}

	.bt-login-selectors {
		border-left: 0;
		border-bottom: 1px solid rgba(213, 190, 126, 0.24);
	}
}

@media (max-width: 800px) {
	.bt-login-panel {
		width: calc(100% - 16px);
	}

	.bt-login-prayers {
		grid-template-columns: 1fr;
	}

	.bt-login-card {
		border-left: 0;
		border-bottom: 1px solid rgba(0, 0, 0, 0.07);
	}

	.bt-login-selectors {
		grid-template-columns: 1fr;
	}
}

/* Awqaf login final layout: centered auth card, prayer panel fixed as the bottom band. */
body {
	--awqaf-teal-1: #0b3d35;
	--awqaf-teal-2: #155c52;
	--awqaf-teal-3: #1b7a6a;
	--awqaf-gold-2: #8a6a1a;
	--awqaf-gold-3: #c9a84c;
	--awqaf-gold-4: #dec06a;
	--awqaf-glass-bg: rgba(255, 255, 255, 0.1);
	--awqaf-glass-border: rgba(255, 255, 255, 0.18);
}

body:has(.bt-login-layout) {
	background:
		radial-gradient(ellipse 80% 60% at 70% 40%, rgba(34, 160, 144, 0.55) 0%, transparent 60%),
		radial-gradient(ellipse 60% 80% at 10% 70%, rgba(11, 61, 53, 0.9) 0%, transparent 70%),
		linear-gradient(160deg, var(--awqaf-teal-1) 0%, var(--awqaf-teal-2) 40%, var(--awqaf-teal-3) 100%) !important;
	overflow-x: hidden;
}

.for-login {
	position: relative !important;
	min-height: 100vh !important;
	display: grid !important;
	grid-template-rows: minmax(0, 1fr) auto !important;
	align-items: stretch !important;
	width: 100vw !important;
	max-width: 100vw !important;
	margin-right: calc(50% - 50vw) !important;
	margin-left: calc(50% - 50vw) !important;
	overflow: hidden !important;
}

.for-login::before {
	content: "" !important;
	position: fixed !important;
	left: -60px !important;
	top: 50% !important;
	width: 680px !important;
	height: 680px !important;
	z-index: 1 !important;
	pointer-events: none !important;
	opacity: 0.12 !important;
	background: url("data:image/svg+xml,%3Csvg viewBox='0 0 600 600' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='300' cy='300' r='280' stroke='white' stroke-width='1.5'/%3E%3Ccircle cx='300' cy='300' r='240' stroke='white' stroke-width='1'/%3E%3Ccircle cx='300' cy='300' r='190' stroke='white' stroke-width='1.5'/%3E%3Ccircle cx='300' cy='300' r='140' stroke='white' stroke-width='1'/%3E%3Ccircle cx='300' cy='300' r='90' stroke='white' stroke-width='1.5'/%3E%3Ccircle cx='300' cy='300' r='40' stroke='white' stroke-width='1'/%3E%3Cpath d='M300 30 L315 140 L410 80 L360 180 L470 165 L390 240 L480 300 L390 360 L470 435 L360 420 L410 520 L315 460 L300 570 L285 460 L190 520 L240 420 L130 435 L210 360 L120 300 L210 240 L130 165 L240 180 L190 80 L285 140 Z' stroke='white' stroke-width='1.2' fill='none'/%3E%3Cpath d='M300 100 L310 200 L380 145 L345 235 L445 230 L375 285 L440 330 L370 350 L415 440 L335 400 L300 490 L265 400 L185 440 L230 350 L160 330 L225 285 L155 230 L255 235 L220 145 L290 200 Z' stroke='white' stroke-width='0.8' fill='none'/%3E%3Cline x1='300' y1='20' x2='300' y2='580' stroke='white' stroke-width='0.5'/%3E%3Cline x1='20' y1='300' x2='580' y2='300' stroke='white' stroke-width='0.5'/%3E%3Cline x1='85' y1='85' x2='515' y2='515' stroke='white' stroke-width='0.5'/%3E%3Cline x1='515' y1='85' x2='85' y2='515' stroke='white' stroke-width='0.5'/%3E%3Cline x1='152' y1='20' x2='448' y2='580' stroke='white' stroke-width='0.4'/%3E%3Cline x1='448' y1='20' x2='152' y2='580' stroke='white' stroke-width='0.4'/%3E%3Cline x1='20' y1='152' x2='580' y2='448' stroke='white' stroke-width='0.4'/%3E%3Cline x1='20' y1='448' x2='580' y2='152' stroke='white' stroke-width='0.4'/%3E%3C/svg%3E") no-repeat center / contain !important;
	transform: translateY(-50%) !important;
	animation: awqaf-slow-spin 90s linear infinite !important;
}

body:has(.bt-login-layout)::after {
	content: "" !important;
	position: fixed !important;
	inset: 0 !important;
	z-index: 0 !important;
	pointer-events: none !important;
	opacity: 0.08 !important;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cg fill='none' stroke='white' stroke-width='0.8'%3E%3Ccircle cx='60' cy='60' r='50'/%3E%3Ccircle cx='60' cy='60' r='35'/%3E%3Ccircle cx='60' cy='60' r='20'/%3E%3Cline x1='10' y1='60' x2='110' y2='60'/%3E%3Cline x1='60' y1='10' x2='60' y2='110'/%3E%3Cline x1='25' y1='25' x2='95' y2='95'/%3E%3Cline x1='95' y1='25' x2='25' y2='95'/%3E%3Cpolygon points='60,15 73,50 110,50 82,72 93,107 60,85 27,107 38,72 10,50 47,50'/%3E%3C/g%3E%3C/svg%3E") !important;
	background-size: 120px 120px !important;
}

.bt-login-layout {
	position: relative !important;
	z-index: 2 !important;
	display: grid !important;
	grid-template-rows: auto minmax(0, 1fr) auto !important;
	min-height: 100vh !important;
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

.bt-login-auth {
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	width: 100% !important;
	min-height: 0 !important;
	padding: 12px 20px 18px !important;
	gap: 12px !important;
	text-align: center !important;
}

.bt-login-layout .page-card-head {
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	gap: 8px !important;
	padding: 0 !important;
	margin: 0 !important;
}

.bt-login-layout .page-card-head .app-logo {
	width: 160px !important;
	max-width: min(40vw, 190px) !important;
	height: auto !important;
	display: block !important;
	object-fit: contain !important;
	filter: drop-shadow(0 8px 24px rgba(201, 168, 76, 0.32)) !important;
}

.bt-login-layout .awqaf-brand-text {
	text-align: center !important;
	line-height: 1.35 !important;
}

.bt-login-layout .awqaf-brand-ar {
	font-size: 17px !important;
	font-weight: 800 !important;
	color: rgba(255, 255, 255, 0.95) !important;
}

.bt-login-layout .awqaf-brand-en {
	margin-top: 3px !important;
	font-size: 11px !important;
	font-weight: 600 !important;
	color: rgba(255, 255, 255, 0.62) !important;
}

.bt-login-layout .page-card-head h4 {
	display: none !important;
}

.bt-login-top-copy {
	position: relative !important;
	top: auto !important;
	right: auto !important;
	z-index: 35 !important;
	transform: none !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: clamp(28px, 7vw, 120px) !important;
	width: 100% !important;
	min-height: 76px !important;
	padding: 10px 24px !important;
	background: rgba(255, 255, 255, 0.97) !important;
	border: 0 !important;
	border-bottom: 2.5px solid var(--awqaf-gold-3) !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	backdrop-filter: blur(18px) !important;
	-webkit-backdrop-filter: blur(18px) !important;
}

.bt-login-top-copy .bt-login-selectors {
	display: flex !important;
	align-items: end !important;
	gap: 12px !important;
}

.bt-login-top-copy .bt-login-meta {
	min-width: 360px !important;
	align-items: flex-end !important;
}

.bt-login-top-copy .bt-login-field select {
	min-width: 132px !important;
	height: 38px !important;
}

.bt-login-top-copy select {
	pointer-events: none !important;
}

.bt-login-layout .login-content.page-card {
	position: relative !important;
	inset: auto !important;
	max-width: 420px !important;
	width: min(420px, calc(100vw - 36px)) !important;
	margin: 0 auto !important;
	padding: 26px 32px !important;
	background: var(--awqaf-glass-bg) !important;
	border: 1px solid var(--awqaf-glass-border) !important;
	border-radius: 24px !important;
	box-shadow: 0 32px 80px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
	backdrop-filter: blur(24px) saturate(1.4) !important;
	-webkit-backdrop-filter: blur(24px) saturate(1.4) !important;
}

.bt-login-layout .login-content.page-card::before {
	content: "تسجيل الدخول إلى نظام الأوقاف" !important;
	display: block !important;
	margin-bottom: 20px !important;
	text-align: center !important;
	font-size: 20px !important;
	font-weight: 700 !important;
	color: #fff !important;
}

.bt-login-layout .form-control,
.bt-login-layout input#login_email,
.bt-login-layout input#login_password {
	height: 48px !important;
	background: rgba(255, 255, 255, 0.12) !important;
	border: 1px solid rgba(255, 255, 255, 0.22) !important;
	border-radius: 12px !important;
	color: #fff !important;
	font-family: inherit !important;
	font-size: 14px !important;
	box-shadow: none !important;
	outline: none !important;
	-webkit-text-fill-color: #fff !important;
}

.bt-login-layout .form-control::placeholder,
.bt-login-layout input#login_email::placeholder,
.bt-login-layout input#login_password::placeholder {
	color: rgba(255, 255, 255, 0.56) !important;
	-webkit-text-fill-color: rgba(255, 255, 255, 0.56) !important;
}

.bt-login-layout .form-control:focus,
.bt-login-layout input#login_email:focus,
.bt-login-layout input#login_password:focus {
	background: rgba(255, 255, 255, 0.17) !important;
	border-color: var(--awqaf-gold-3) !important;
	box-shadow: 0 0 0 3px rgba(201, 168, 76, 0.18) !important;
}

.bt-login-layout input:-webkit-autofill,
.bt-login-layout input:-webkit-autofill:hover,
.bt-login-layout input:-webkit-autofill:focus {
	-webkit-text-fill-color: #fff !important;
	box-shadow: 0 0 0 1000px rgba(255, 255, 255, 0.12) inset !important;
	transition: background-color 9999s ease-in-out 0s !important;
}

.bt-login-panel {
	position: relative !important;
	top: auto !important;
	right: auto !important;
	bottom: auto !important;
	left: auto !important;
	z-index: 3 !important;
	display: flex !important;
	flex-direction: column !important;
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	border: 0 !important;
	border-top: 2.5px solid var(--awqaf-gold-3) !important;
	border-radius: 0 !important;
	background: rgba(255, 255, 255, 0.97) !important;
	box-shadow: none !important;
	overflow: hidden !important;
}

.bt-login-prayers {
	order: 2 !important;
	display: grid !important;
	grid-template-columns: repeat(6, minmax(100px, 1fr)) !important;
	gap: 0 !important;
	padding: 0 !important;
	background: transparent !important;
	border-bottom: 1px solid rgba(201, 168, 76, 0.18) !important;
	overflow-x: auto !important;
	scrollbar-width: none !important;
}

.bt-login-card {
	min-height: 56px !important;
	padding: 12px 20px !important;
	border: 0 !important;
	border-left: 1px solid rgba(201, 168, 76, 0.15) !important;
	border-radius: 0 !important;
	justify-content: center !important;
	gap: 8px !important;
	background: transparent !important;
	box-shadow: none !important;
}

.bt-login-card.is-active {
	background: rgba(201, 168, 76, 0.13) !important;
	box-shadow: none !important;
}

.bt-login-top {
	order: 1 !important;
	position: relative !important;
	display: none !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 18px !important;
	width: min(1080px, calc(100vw - 32px)) !important;
	min-height: 104px !important;
	margin: 0 auto 14px !important;
	padding: 16px 24px !important;
	background: rgba(255, 255, 255, 0.97) !important;
	border: 1px solid rgba(201, 168, 76, 0.32) !important;
	border-radius: 12px !important;
	box-shadow: 0 14px 34px rgba(6, 55, 49, 0.13) !important;
	backdrop-filter: blur(18px) !important;
	-webkit-backdrop-filter: blur(18px) !important;
}

.bt-login-meta {
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	align-items: flex-end !important;
}

.bt-login-selectors {
	display: flex !important;
	align-items: end !important;
	gap: 12px !important;
	padding: 0 !important;
	border: 0 !important;
}

@media (max-width: 800px) {
	.for-login,
	.bt-login-layout {
		min-height: 100dvh !important;
	}

	.bt-login-auth {
		padding: 20px 16px 14px !important;
	}

	.bt-login-layout .login-content.page-card {
		padding: 28px 20px !important;
	}

	.bt-login-top,
	.bt-login-top-copy,
	.bt-login-selectors {
		flex-direction: column !important;
		align-items: stretch !important;
	}

	.bt-login-top-copy {
		position: relative !important;
		top: auto !important;
		right: auto !important;
		transform: none !important;
		width: 100% !important;
		margin: 0 0 12px !important;
		border-radius: 0 !important;
	}

	.bt-login-top {
		display: none !important;
	}

	.bt-login-prayers {
		grid-template-columns: 1fr !important;
		overflow-x: visible !important;
	}
}

@keyframes awqaf-slow-spin {
	from { transform: translateY(-50%) rotate(0deg); }
	to { transform: translateY(-50%) rotate(360deg); }
}

/* Final hard override: one-page login layout. */
.awqaf-login-shell {
	display: block !important;
	width: 100vw !important;
	height: 100vh !important;
	min-height: 100vh !important;
	max-width: 100vw !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden !important;
}

.awqaf-login-grid {
	display: block !important;
	width: 100vw !important;
	height: 100vh !important;
	min-height: 100vh !important;
	max-width: 100vw !important;
	margin: 0 !important;
	padding: 0 !important;
}

.awqaf-top-strip {
	position: fixed !important;
	top: 0 !important;
	right: 0 !important;
	left: 0 !important;
	transform: none !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: clamp(28px, 7vw, 110px) !important;
	width: 100vw !important;
	max-width: 100vw !important;
	height: 86px !important;
	min-height: 86px !important;
	max-width: 100vw !important;
	margin: 0 !important;
	padding: 8px 28px !important;
	background: rgba(255, 255, 255, 0.96) !important;
	border: 0 !important;
	border-bottom: 2px solid var(--awqaf-gold-3) !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	overflow: hidden !important;
}

.awqaf-top-strip .bt-login-meta {
	width: auto !important;
	min-width: 360px !important;
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	align-items: flex-end !important;
}

.awqaf-top-strip .bt-login-selectors {
	display: flex !important;
	align-items: flex-end !important;
	gap: 12px !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
}

.awqaf-top-strip .bt-login-field select {
	min-width: 132px !important;
	height: 38px !important;
}

.awqaf-login-center {
	position: fixed !important;
	top: 86px !important;
	right: 0 !important;
	bottom: 64px !important;
	left: 0 !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	width: 100% !important;
	min-height: 0 !important;
	margin: 0 !important;
	padding: 12px 20px !important;
	gap: 10px !important;
	text-align: center !important;
}

.awqaf-login-center .app-logo {
	width: 150px !important;
	max-width: 180px !important;
}

.awqaf-login-center .login-content.page-card {
	width: min(420px, calc(100vw - 36px)) !important;
	max-width: 420px !important;
	margin: 0 auto !important;
	padding: 24px 32px !important;
}

.awqaf-bottom-strip {
	position: fixed !important;
	right: 0 !important;
	bottom: 0 !important;
	left: 0 !important;
	display: block !important;
	width: 100vw !important;
	height: 64px !important;
	min-height: 64px !important;
	max-width: 100vw !important;
	margin: 0 !important;
	padding: 0 !important;
	background: rgba(255, 255, 255, 0.97) !important;
	border: 0 !important;
	border-top: 2px solid var(--awqaf-gold-3) !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	overflow: hidden !important;
}

.awqaf-bottom-strip .bt-login-top {
	display: none !important;
}

.awqaf-bottom-strip .bt-login-prayers {
	display: grid !important;
	grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
	width: 100% !important;
	height: 64px !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	overflow: hidden !important;
}

.awqaf-bottom-strip .bt-login-card {
	min-height: 64px !important;
	height: 64px !important;
	padding: 10px 18px !important;
	border: 0 !important;
	border-left: 1px solid rgba(201, 168, 76, 0.18) !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

.awqaf-top-strip select,
.awqaf-top-strip .bt-login-field select,
.bt-login-top-copy select {
	pointer-events: auto !important;
	cursor: pointer !important;
}

/* Final mobile override: keep the fixed login design readable on phones. */
@media (max-width: 640px) {
	body:has(.awqaf-login-shell) {
		overflow: hidden !important;
	}

	.awqaf-login-shell,
	.awqaf-login-grid {
		height: 100dvh !important;
		min-height: 100dvh !important;
		overflow: hidden !important;
	}

	.awqaf-top-strip {
		display: grid !important;
		grid-template-columns: 1fr !important;
		grid-template-rows: auto auto !important;
		align-items: center !important;
		justify-items: center !important;
		gap: 8px !important;
		height: 148px !important;
		min-height: 148px !important;
		padding: 8px 10px !important;
		overflow: hidden !important;
	}

	.awqaf-top-strip .bt-login-meta {
		width: 100% !important;
		min-width: 0 !important;
		align-items: center !important;
		text-align: center !important;
		gap: 2px !important;
	}

	.awqaf-top-strip .bt-login-date-line {
		justify-content: center !important;
		flex-wrap: wrap !important;
		gap: 4px !important;
		width: 100% !important;
		font-size: 12px !important;
		line-height: 1.35 !important;
		white-space: normal !important;
	}

	.awqaf-top-strip .bt-login-next-line {
		width: 100% !important;
		font-size: 12px !important;
		line-height: 1.35 !important;
		text-align: center !important;
		white-space: nowrap !important;
	}

	.awqaf-top-strip .bt-login-update {
		width: 100% !important;
		font-size: 10px !important;
		line-height: 1.3 !important;
		text-align: center !important;
		white-space: nowrap !important;
		overflow: hidden !important;
		text-overflow: ellipsis !important;
	}

	.awqaf-top-strip .bt-login-selectors {
		display: grid !important;
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		width: 100% !important;
		max-width: 360px !important;
		gap: 8px !important;
		align-items: end !important;
	}

	.awqaf-top-strip .bt-login-field {
		width: 100% !important;
		min-width: 0 !important;
	}

	.awqaf-top-strip .bt-login-field label {
		font-size: 10px !important;
		line-height: 1.2 !important;
		margin-bottom: 2px !important;
	}

	.awqaf-top-strip .bt-login-field select {
		width: 100% !important;
		min-width: 0 !important;
		height: 34px !important;
		padding: 6px 10px 6px 28px !important;
		font-size: 12px !important;
		border-radius: 9px !important;
	}

	.awqaf-login-center {
		top: 148px !important;
		bottom: 106px !important;
		justify-content: center !important;
		padding: 8px 14px !important;
		gap: 6px !important;
		overflow-y: auto !important;
		-webkit-overflow-scrolling: touch !important;
	}

	.awqaf-login-center .app-logo {
		width: 96px !important;
		max-width: 96px !important;
	}

	.awqaf-login-center .awqaf-brand-ar {
		font-size: 13px !important;
		line-height: 1.25 !important;
	}

	.awqaf-login-center .awqaf-brand-en {
		font-size: 9px !important;
		line-height: 1.25 !important;
	}

	.awqaf-login-center .login-content.page-card {
		width: min(330px, calc(100vw - 28px)) !important;
		max-width: 330px !important;
		padding: 18px 18px !important;
		border-radius: 20px !important;
	}

	.awqaf-login-center .form-control {
		height: 44px !important;
		font-size: 13px !important;
	}

	.awqaf-bottom-strip {
		height: 106px !important;
		min-height: 106px !important;
		overflow: hidden !important;
	}

	.awqaf-bottom-strip .bt-login-prayers {
		display: grid !important;
		grid-template-columns: 1fr !important;
		grid-template-rows: repeat(2, 52px) !important;
		height: 104px !important;
	}

	.awqaf-bottom-strip .bt-login-pr-row {
		display: grid !important;
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
		height: 52px !important;
		min-height: 52px !important;
	}

	.awqaf-bottom-strip .bt-login-card {
		min-width: 0 !important;
		min-height: 52px !important;
		height: 52px !important;
		padding: 5px 4px !important;
		gap: 2px !important;
		border-left: 1px solid rgba(201, 168, 76, 0.18) !important;
	}

	.awqaf-bottom-strip .bt-login-card-name,
	.awqaf-bottom-strip .bt-login-card-time {
		font-size: 11px !important;
		line-height: 1.2 !important;
		white-space: nowrap !important;
	}

	.awqaf-bottom-strip .bt-login-card-icon,
	.awqaf-bottom-strip .bt-login-card-icon svg {
		width: 15px !important;
		height: 15px !important;
	}
}