/**
 * ConsultifyIT ERP – Login page theme
 * Matches ConsultifyIT WebSite (C:\Projects\ConsultifyIT WebSite): tailwind.config.ts + globals.css
 * primary #003366, secondary #005b99, accent #00a0d2, gray-light #f7f9fc, slate-dark #1a202c, font Poppins
 */

/* Theme tokens – from ConsultifyIT WebSite */
#page-login .consultifyit-login-theme {
	--consultifyit-bg: #f7f9fc;
	--consultifyit-primary: #003366;
	--consultifyit-primary-rgb: 0, 51, 102;
	--consultifyit-secondary: #005b99;
	--consultifyit-accent: #00a0d2;
	--consultifyit-text: #1a202c;
	--consultifyit-text-muted: #4a5568;
	--consultifyit-text-on-blue: #ffffff;
	--consultifyit-border: #e2e8f0;
	--consultifyit-card-radius: 12px;
	--consultifyit-card-shadow: 0 4px 20px rgba(0, 51, 102, 0.12);
	--consultifyit-font: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

/* Page background – ConsultifyIT gray-light (#f7f9fc) */
body.frappe-session-status--logged-out[data-path="login"],
body.frappe-session-status--logged-out[data-path^="login"] {
	background: #f7f9fc !important;
	font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
	color: #1a202c !important;
}

/* Login card – primary blue (#003366) from ConsultifyIT WebSite */
#page-login .consultifyit-login-theme .page-card {
	box-shadow: var(--consultifyit-card-shadow) !important;
	border-radius: var(--consultifyit-card-radius) !important;
	border: none !important;
	overflow: hidden;
	background: var(--consultifyit-primary) !important;
}

#page-login .consultifyit-login-theme .page-card-head {
	border-bottom: 1px solid rgba(255, 255, 255, 0.15) !important;
	padding: 1.5rem 1.5rem 1rem !important;
	background: var(--consultifyit-primary) !important;
}

/* Logo: 152px × 150px – override any Frappe .app-logo rules */
#page-login .consultifyit-login-theme .page-card-head .app-logo,
#page-login .consultifyit-login-theme .app-logo {
	width: 152px !important;
	height: 150px !important;
	min-width: 152px !important;
	min-height: 150px !important;
	max-width: 152px !important;
	max-height: 150px !important;
	object-fit: contain;
	display: block;
	margin: 0 auto 0.75rem;
}
#page-login .consultifyit-login-theme .app-logo[src] {
	background: transparent;
}

#page-login .consultifyit-login-theme .page-card-head h4 {
	color: var(--consultifyit-text-on-blue) !important;
	font-size: 1.25rem !important;
	font-weight: 600 !important;
	margin: 0 !important;
	font-family: var(--consultifyit-font) !important;
}

/* Card body (form area) – light blue tint from ConsultifyIT primary (#003366) */
#page-login .consultifyit-login-theme .login-content.page-card,
#page-login .consultifyit-login-theme .for-login .page-card {
	background: #e8eef5 !important;
}
#page-login .consultifyit-login-theme .page-card-body,
#page-login .consultifyit-login-theme .login-content.page-card .form-signin {
	padding: 1.25rem 1.5rem !important;
	color: var(--consultifyit-text) !important;
	font-family: var(--consultifyit-font) !important;
}

/* Wider inputs only – form uses full card width; inputs fill the form (no layout change) */
#page-login .consultifyit-login-theme .login-content.page-card form.form-signin {
	max-width: none !important;
	width: 100% !important;
}
#page-login .consultifyit-login-theme .email-field,
#page-login .consultifyit-login-theme .password-field {
	width: 100% !important;
}
#page-login .consultifyit-login-theme .form-control {
	width: 100% !important;
	box-sizing: border-box !important;
	border-color: var(--consultifyit-border) !important;
	border-radius: 8px !important;
	color: var(--consultifyit-text) !important;
	font-family: var(--consultifyit-font) !important;
}

#page-login .consultifyit-login-theme .form-control:focus {
	border-color: var(--consultifyit-secondary) !important;
	box-shadow: 0 0 0 3px rgba(var(--consultifyit-primary-rgb), 0.12) !important;
}

#page-login .consultifyit-login-theme .btn-primary,
#page-login .consultifyit-login-theme .btn-login.btn-primary {
	background: var(--consultifyit-primary) !important;
	border-color: var(--consultifyit-primary) !important;
	color: var(--consultifyit-text-on-blue) !important;
	border-radius: 8px !important;
	font-weight: 600 !important;
	padding: 0.5rem 1rem !important;
	font-family: var(--consultifyit-font) !important;
}

#page-login .consultifyit-login-theme .btn-primary:hover,
#page-login .consultifyit-login-theme .btn-login.btn-primary:hover {
	background: var(--consultifyit-secondary) !important;
	border-color: var(--consultifyit-secondary) !important;
	color: var(--consultifyit-text-on-blue) !important;
}

#page-login .consultifyit-login-theme .btn-default,
#page-login .consultifyit-login-theme .btn-login-option {
	border-color: var(--consultifyit-border) !important;
	color: var(--consultifyit-text) !important;
	border-radius: 8px !important;
	font-family: var(--consultifyit-font) !important;
}

#page-login .consultifyit-login-theme .btn-default:hover,
#page-login .consultifyit-login-theme .btn-login-option:hover {
	background: var(--consultifyit-bg) !important;
	border-color: var(--consultifyit-text-muted) !important;
}

#page-login .consultifyit-login-theme .text-muted,
#page-login .consultifyit-login-theme .forgot-password-message a,
#page-login .consultifyit-login-theme .sign-up-message {
	color: var(--consultifyit-text-muted) !important;
	font-family: var(--consultifyit-font) !important;
}

#page-login .consultifyit-login-theme label,
#page-login .consultifyit-login-theme .form-label {
	color: var(--consultifyit-text) !important;
	font-family: var(--consultifyit-font) !important;
}

#page-login .consultifyit-login-theme a:not(.btn):hover {
	color: var(--consultifyit-secondary) !important;
}

/* Single card look: head (blue) + body (light blue) */
#page-login .consultifyit-login-theme section.section-for-login {
	margin-bottom: 1.5rem;
	border-radius: var(--consultifyit-card-radius);
	box-shadow: var(--consultifyit-card-shadow);
	overflow: hidden;
}
#page-login .consultifyit-login-theme section.section-for-login .page-card-head {
	border-radius: 0;
}
#page-login .consultifyit-login-theme section.section-for-login .login-content.page-card {
	border-radius: 0;
}

#page-login .consultifyit-login-theme .login-divider {
	font-size: 0.875rem;
	color: var(--consultifyit-text-muted) !important;
}

#page-login .consultifyit-login-theme .consultifyit-back-link {
	text-align: center;
	margin-top: 1.5rem;
	font-size: 0.875rem;
	font-family: var(--consultifyit-font) !important;
}
#page-login .consultifyit-login-theme .consultifyit-back-link a {
	color: var(--consultifyit-text-muted);
	text-decoration: none;
}
#page-login .consultifyit-login-theme .consultifyit-back-link a:hover {
	color: var(--consultifyit-secondary);
}