/*!
 * Qanony Login (auth) layout — light + dark.
 */

:root,
[data-bs-theme="light"] {
	--qn-brand: #1a5276;
	--qn-brand-dark: #144060;
	--qn-card-bg: #ffffff;
	--qn-text: #2c3e50;
	--qn-border: #e3e6ea;
	--qn-link: #1a5276;
}
[data-bs-theme="dark"] {
	--qn-brand: #4ea1d3;
	--qn-brand-dark: #3784b3;
	--qn-card-bg: #1a232c;
	--qn-text: #e6ecf2;
	--qn-border: #2a3742;
	--qn-link: #6cb8e2;
	color-scheme: dark;
}

html, body { height: 100%; }
body.qn-auth {
	margin: 0;
	font-family: 'Cairo', 'Noto Naskh Arabic', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
	color: var(--qn-text);
}
body.qn-dir-rtl {
	font-family: 'Noto Naskh Arabic', 'Cairo', system-ui, -apple-system, Tahoma, Arial, sans-serif;
}

.qn-auth-bg {
	min-height: 100vh;
	background: linear-gradient(135deg, #1a3a5c 0%, #1a5276 55%, #1a6a8a 100%);
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 1.5rem;
}
[data-bs-theme="dark"] .qn-auth-bg {
	background: linear-gradient(135deg, #0c1620 0%, #11202e 55%, #163148 100%);
}

.qn-auth-card-wrap {
	width: 100%;
	max-width: 420px;
}

.qn-auth-card {
	background: var(--qn-card-bg);
	border-radius: 0.75rem;
	overflow: hidden;
	color: var(--qn-text);
}

.qn-auth-header {
	background: linear-gradient(135deg, #1a3a5c 0%, #1a5276 100%);
	color: #ffffff;
	padding: 2rem 1.5rem 1.5rem;
}
[data-bs-theme="dark"] .qn-auth-header {
	background: linear-gradient(135deg, #0f1c2c 0%, #163148 100%);
}
.qn-auth-icon {
	font-size: 3rem;
	color: #ffffff;
}

.qn-auth-body {
	padding: 1.75rem 1.5rem;
}

.qn-auth-footer {
	padding: 1rem 1.5rem 1.5rem;
	border-top: 1px solid var(--qn-border);
}
.qn-auth-footer a { color: var(--qn-link); }

.btn-primary {
	background-color: var(--qn-brand);
	border-color: var(--qn-brand);
}
.btn-primary:hover,
.btn-primary:focus {
	background-color: var(--qn-brand-dark);
	border-color: var(--qn-brand-dark);
}

@media (max-width: 575.98px) {
	.qn-auth-bg { padding: 0.75rem; }
	.qn-auth-card-wrap { max-width: 100%; }
}