/**
 * Shihab Glass — شاشات مستقلة (تسجيل دخول، صيانة، رفض وصول، اقتران)
 *
 * تُحمَّل بعد admin-design-tokens.css و admin-ui-glass-atmosphere.css.
 * تعتمد markup `.aa-ui-atmosphere` من Shihab_madar_render_ui_atmosphere().
 *
 * Mirror: انسخ التغييرات إلى ShihabMajarra/assets/admin-ui-glass-standalone.css.
 *
 * @package ShihabMadar
 */

/* ═══ جسم الشاشة — لوحة مصمتة؛ السديم طبقة ثابتة منفصلة ═══ */

body.Shihab-glass-standalone,
body.login.Shihab-glass-standalone,
body.Shihab-ac-denied,
body:has(> .aa-ui-atmosphere) {
	margin: 0;
	min-height: 100vh;
	min-height: 100dvh;
	box-sizing: border-box;
	position: relative;
	isolation: isolate;
	background-color: var(--aa-canvas-bg, #dfe7f4) !important;
	background-image: none !important;
	color: var(--aa-text, #1a2838);
}

body.Shihab-glass-standalone > *:not(.aa-ui-atmosphere),
body.login.Shihab-glass-standalone > *:not(.aa-ui-atmosphere),
body.Shihab-ac-denied > *:not(.aa-ui-atmosphere),
body:has(> .aa-ui-atmosphere) > *:not(.aa-ui-atmosphere) {
	position: relative;
	z-index: 1;
}

/* wp_die pairing: الغلاف يملأ الشاشة فوق السديم بلا تدرّج منافس */
.asaad-tk-pairing-outer {
	position: relative;
	z-index: 1;
	background-color: transparent !important;
	background-image: none !important;
	min-height: 100vh;
	min-height: 100dvh;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin: 0 !important;
	padding: 28px 20px !important;
	box-sizing: border-box;
}

/* ═══ بطاقة زجاجية مشتركة ═══ */

.aa-glass-standalone-card,
.Shihab-ac-denied__card,
body.Shihab-glass-standalone .card,
body.login.Shihab-glass-standalone #loginform,
.asaad-tk-pairing-card {
	position: relative;
	overflow: hidden;
	border: 1px solid var(--aa-glass-border, color-mix(in srgb, #fff 62%, var(--aa-primary) 14%)) !important;
	border-radius: var(--aa-radius-lg, 17px) !important;
	background: var(
		--aa-glass-surface,
		linear-gradient(
			168deg,
			color-mix(in srgb, #fff 84%, transparent) 0%,
			color-mix(in srgb, var(--aa-surface, #fbfcfe) 70%, transparent) 46%,
			color-mix(in srgb, var(--aa-bg, #e4eaf4) 42%, transparent) 100%
		)
	) !important;
	box-shadow: var(--aa-glass-shadow-float, var(--aa-glass-shadow, var(--aa-shadow-md))) !important;
	animation: aa-glass-rise 0.5s var(--aa-ease-out, ease) both;
}

/* خيط ضوئي علوي — علامة الزجاج */
.aa-glass-standalone-card::before,
.Shihab-ac-denied__card::before,
body.Shihab-glass-standalone .card::before,
body.login.Shihab-glass-standalone #loginform::before {
	content: "";
	position: absolute;
	inset-inline: 8%;
	top: 0;
	z-index: 2;
	height: 1px;
	pointer-events: none;
	background: linear-gradient(
		90deg,
		transparent,
		color-mix(in srgb, #fff 96%, transparent) 50%,
		transparent
	);
	opacity: 1;
}

/* إلغاء شريط اللون القديم على بطاقات الصيانة/المنع */
body.Shihab-glass-standalone .card {
	border-bottom-width: 1px !important;
	border-bottom-color: var(--aa-glass-border) !important;
}

body.Shihab-glass-standalone .card::after {
	content: none !important;
	display: none !important;
}

/* ═══ تسجيل الدخول ═══ */

body.login.Shihab-glass-standalone {
	display: flex !important;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 20px;
}

body.login.Shihab-glass-standalone #login {
	width: 100% !important;
	max-width: 400px !important;
	padding: 0 !important;
	margin: auto !important;
}

body.login.Shihab-glass-standalone #loginform {
	padding: 18px !important;
	margin: 0 !important;
}

body.login.Shihab-glass-standalone .login .input,
body.login.Shihab-glass-standalone #loginform .input {
	background: var(--aa-glass-surface-sunken, var(--aa-surface, #fbfcfe)) !important;
	border: 1px solid var(--aa-glass-border-soft, var(--aa-border, #c9d5e6)) !important;
}

body.login.Shihab-glass-standalone .login .input:focus {
	border-color: var(--aa-glass-border-strong, var(--aa-primary)) !important;
	background: color-mix(in srgb, #fff 92%, transparent) !important;
	box-shadow: 0 0 0 3px color-mix(in srgb, var(--aa-primary) 12%, transparent) !important;
}

body.login.Shihab-glass-standalone #login_error,
body.login.Shihab-glass-standalone .message,
body.login.Shihab-glass-standalone .success {
	border: 1px solid var(--aa-glass-border-soft) !important;
	border-radius: var(--aa-radius-md, 13px) !important;
	background: var(--aa-glass-surface-strong) !important;
	box-shadow: var(--aa-glass-shadow-xs) !important;
}

body.login.Shihab-glass-standalone .Shihab-login-links {
	border-top-color: var(--aa-glass-border-soft) !important;
}

/* ═══ رفض الوصول (Access Control) ═══ */

body.Shihab-ac-denied {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 24px;
	font-family: var(--aa-font-ar, "Almarai", sans-serif);
}

.Shihab-ac-denied__card {
	max-width: 420px;
	width: 100%;
	padding: 32px 28px;
	box-sizing: border-box;
}

.Shihab-ac-denied__code {
	background: var(--aa-glass-surface-sunken, color-mix(in srgb, var(--aa-primary) 4%, var(--aa-surface))) !important;
	border: 1px dashed var(--aa-glass-border-soft, var(--aa-border, #e2e8f0)) !important;
}

/* ═══ تقليل الحركة ═══ */

@media (prefers-reduced-motion: reduce) {
	.aa-glass-standalone-card,
	.Shihab-ac-denied__card,
	body.Shihab-glass-standalone .card,
	body.login.Shihab-glass-standalone #loginform,
	.asaad-tk-pairing-card {
		animation: none !important;
	}
}