/* Pantalla de entrada (/login) con la marca de Islandwide: fondo en degradado rojo iWide y tarjeta blanca.
   Solo actúa en /login (Frappe pone data-path="login" en el body); el resto de las páginas web no cambia.
   Excepción de DESIGN.md («rojo como fondo grande»), pedida por Diego el 17 oct, solo para esta pantalla. */
body[data-path="login"] {
	min-height: 100vh;
	background: radial-gradient(120% 90% at 85% 0%, #e2132c 0%, transparent 55%),
		linear-gradient(160deg, #cb001a 0%, #a10015 55%, #6e000e 100%) fixed;
}
body[data-path="login"] .navbar,
body[data-path="login"] .web-footer,
body[data-path="login"] footer { display: none; }
body[data-path="login"] main,
body[data-path="login"] .page-content-wrapper { background: transparent; }

body[data-path="login"] .for-login,
body[data-path="login"] .for-forgot,
body[data-path="login"] .for-signup,
body[data-path="login"] .for-login-with-email-link {
	max-width: 420px;
	margin: 12vh auto 6vh;
	padding: 36px 32px 28px;
	background: #fff;
	border-radius: 16px;
	box-shadow: 0 24px 60px rgba(40, 0, 6, 0.35);
}
body[data-path="login"] .page-card,
body[data-path="login"] .login-content {
	border: 0;
	box-shadow: none;
	background: transparent;
	padding: 0;
	margin: 0;
	max-width: none;
}
body[data-path="login"] .page-card-head { text-align: center; margin-bottom: 20px; }
body[data-path="login"] .page-card-head .app-logo {
	width: 220px;
	max-width: 80%;
	height: auto;
	max-height: none;
	margin: 0 auto 14px;
}
body[data-path="login"] .page-card-head h4 { color: #16181d; font-weight: 600; font-size: 18px; }

body[data-path="login"] .btn-primary,
body[data-path="login"] .btn-login {
	background: #cb001a;
	border-color: #cb001a;
	color: #fff;
	min-height: 44px;
}
body[data-path="login"] .btn-primary:hover,
body[data-path="login"] .btn-primary:focus-visible { background: #a10015; border-color: #a10015; }
body[data-path="login"] .form-control:focus { box-shadow: 0 0 0 2px rgba(203, 0, 26, 0.35); }
body[data-path="login"] a { color: #1f3a68; }

@media (max-width: 480px) {
	body[data-path="login"] .for-login,
	body[data-path="login"] .for-forgot,
	body[data-path="login"] .for-signup,
	body[data-path="login"] .for-login-with-email-link { margin: 8vh 16px 4vh; padding: 28px 20px 22px; }
}