/* Login only; the shared theme script respects the site switch. */
@font-face { font-family: "Poppins"; font-style: normal; font-weight: 600; font-display: swap; src: url("/assets/salam_erp_uz/fonts/poppins-latin-600.woff2") format("woff2"); }
html[data-salam-theme="modern"] {
	/* The same primary, text, border and focus values as the Desk theme. */
	--salam-primary: #0e1726;
	--salam-primary-dark: #16233a;
	--salam-accent-ink: #0b7a46;
	--salam-ink: #0e1726;
	--salam-surface: #ffffff;
	--salam-soft: #e6f9ef;
	--salam-control-border: #7c879b;
	--salam-focus: 0 0 0 3px rgb(62 219 138 / 35%);
	--salam-muted: #5a6478;
	--primary: var(--salam-primary);
	/* Labels and secondary links use Frappe's gray, which falls short of 4.5:1 here. */
	--ink-gray-5: var(--salam-muted);
	--primary-color: var(--salam-primary);
}

html[data-salam-theme="modern"] body[data-path="login"] {
	min-height: 100vh;
	color: var(--salam-ink);
	background:
		radial-gradient(circle at 12% 12%, rgb(62 219 138 / 14%), transparent 30rem),
		radial-gradient(circle at 88% 90%, rgb(22 35 58 / 10%), transparent 34rem),
		#f4f6fa;
}

html[data-salam-theme="modern"] body[data-path="login"] main.container {
	display: grid;
	min-height: calc(100vh - 1px);
	place-items: center;
}

html[data-salam-theme="modern"] body[data-path="login"] .page-card {
	width: min(100%, 430px);
	padding: 38px;
	border: 1px solid rgb(14 23 38 / 8%);
	border-radius: 16px;
	background: rgb(255 255 255 / 94%);
	box-shadow: 0 24px 70px rgb(14 23 38 / 12%);
	backdrop-filter: blur(12px);
}

html[data-salam-theme="modern"] body[data-path="login"] .page-card-head {
	gap: 24px;
}

html[data-salam-theme="modern"] body[data-path="login"] .page-card-head img.app-logo {
	width: 150px;
	max-width: 60vw;
	max-height: 40px;
}

html[data-salam-theme="modern"] body[data-path="login"] .page-card-head h4 {
	color: var(--salam-ink);
	font-family: Poppins, Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	font-size: 24px;
	font-weight: 600;
	letter-spacing: -0.01em;
}

html[data-salam-theme="modern"] body[data-path="login"] .page-card .page-card-body .form-control {
	height: 44px;
	border-color: var(--salam-control-border);
	border-radius: 8px;
	background: #f7f8fb;
}

html[data-salam-theme="modern"] body[data-path="login"] .page-card .page-card-body .form-control:focus {
	border-color: var(--salam-primary);
	box-shadow: var(--salam-focus);
}

html[data-salam-theme="modern"] body[data-path="login"] .page-card .invalid .form-control {
	border-color: var(--outline-red-2);
}

html[data-salam-theme="modern"] body[data-path="login"] .page-card .btn.btn-login,
html[data-salam-theme="modern"] body[data-path="login"] .page-card .btn.btn-primary {
	height: 44px;
	border-color: var(--salam-primary);
	border-radius: 8px;
	background: var(--salam-primary);
	box-shadow: 0 8px 22px rgb(14 23 38 / 20%);
	color: #fff;
	font-weight: 600;
}

html[data-salam-theme="modern"] body[data-path="login"] .page-card .btn.btn-login:hover,
html[data-salam-theme="modern"] body[data-path="login"] .page-card .btn.btn-primary:hover {
	border-color: var(--salam-primary-dark);
	background: var(--salam-primary-dark);
}

html[data-salam-theme="modern"] body[data-path="login"] a {
	color: var(--salam-accent-ink);
}

@media (max-width: 575px) {
	html[data-salam-theme="modern"] body[data-path="login"] main.container {
		padding: 20px;
	}

	html[data-salam-theme="modern"] body[data-path="login"] .page-card {
		min-height: 0;
		padding: 28px 24px;
		border-radius: 14px;
	}
}