/* MaxiPOS — habillage de la page de connexion Frappe (PRD §10 : coffeehouse
   green). Chargé sur les pages website via web_include_css, scopé au login. */

#page-login {
	min-height: 100vh;
	background:
		radial-gradient(1200px 600px at 85% -10%, rgba(0, 168, 98, 0.18), transparent 60%),
		radial-gradient(900px 500px at -10% 110%, rgba(0, 107, 79, 0.22), transparent 55%),
		linear-gradient(160deg, #f7f3ea 0%, #eef5f0 45%, #dcefe6 100%);
}

/* Logo : remplacer le logo minimal (Desk) par le logo complet MaxiPOS */
#page-login img.app-logo {
	content: url("/assets/maxipos/images/maxipos-logo.png");
	width: 180px;
	height: auto;
	max-height: none;
	object-fit: contain;
	margin-bottom: 0.75rem;
}

/* Carte de connexion */
#page-login .login-content.page-card,
#page-login .login-content {
	background: #ffffff;
	border: 1px solid #e5d8c7;
	border-radius: 20px;
	box-shadow: 0 18px 48px rgba(33, 23, 15, 0.14);
	padding: 2rem;
}

#page-login .page-card-head h4,
#page-login .login-content h4 {
	color: #1e1915;
	font-weight: 700;
}

/* Champs */
#page-login .form-control {
	border-radius: 12px;
	border-color: #e5d8c7;
	background: #fffbf4;
	min-height: 44px;
}

#page-login .form-control:focus {
	border-color: #006b4f;
	box-shadow: 0 0 0 3px rgba(0, 168, 98, 0.25);
	background: #ffffff;
}

/* Bouton principal — vert coffeehouse */
#page-login .btn-primary,
#page-login .btn-login {
	background: #006b4f !important;
	border-color: #006b4f !important;
	border-radius: 12px;
	min-height: 44px;
	font-weight: 600;
}

#page-login .btn-primary:hover,
#page-login .btn-login:hover {
	background: #00543d !important;
	border-color: #00543d !important;
}

/* Liens (mot de passe oublié, etc.) */
#page-login a,
#page-login .forgot-password-message a {
	color: #006b4f;
}

#page-login a:hover {
	color: #00543d;
}

/* Pied de page discret */
#page-login .web-footer,
#page-login footer {
	background: transparent;
}

/* Icônes des champs (email/cadenas) : centrées verticalement quelle que soit
   la hauteur du champ (nos inputs font 44px, Frappe les positionne en absolu
   pour sa hauteur d'origine). */
#page-login .field-icon {
	top: 15px !important;
	transform: none;
	bottom: auto !important;
}