/* El Vestíbulo — login de Zienna.
 *
 * Solo se activa en dominios de bookzienna.com (ver zienna_login.js, que es
 * quien agrega la clase body.zienna-login) -- en erp.tiendanebula.net
 * (calzado) el login de Frappe se queda tal cual estaba, nadie ve esto.
 *
 * No se tocó login.html ni login.bundle.css de Frappe -riesgo de romper el
 * acceso de todo el ERP no vale la pena-. Esto es un reskin encima de los
 * elementos reales de Frappe (mismos #login_email, #login_password,
 * .btn-login que ya funcionan), no un formulario nuevo. Hugo, 12-09-2026,
 * "El Vestíbulo" elegido sobre 2 maquetas.
 */
@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,600&display=swap');

body.zienna-login { background:#fdfcf9; }
body.zienna-login main.container { max-width:none !important; margin:0 !important; padding:0 !important; }
body.zienna-login .page_content { padding:0; }
body.zienna-login .page-content-wrapper { min-height:100vh; min-height:100dvh; }

body.zienna-login .for-login {
	display:grid; grid-template-columns:1fr 1fr; min-height:100vh; min-height:100dvh;
	align-items:stretch; max-width:none; margin:0; padding:0;
}

/* Panel izquierdo: inyectado por zienna_login.js, no existe en el login de Frappe. */
body.zienna-login .zi-panel {
	background:#221f1a; color:#f2eee5; display:flex; flex-direction:column; justify-content:center;
	gap:22px; padding:60px 56px;
}
body.zienna-login .zi-marca { width:150px; height:auto; display:block; }
body.zienna-login .zi-frase {
	font-family:"Fraunces",Georgia,serif; font-size:clamp(21px,2.3vw,29px); font-weight:500; line-height:1.35;
	max-width:360px; margin:0; text-wrap:balance;
}
body.zienna-login .zi-frase b { color:#c9a476; font-weight:600; }

/* Columna derecha: envuelve el logo/título y el formulario reales de Frappe
   -zienna_login.js los mueve adentro, no se duplica ningún campo-. */
body.zienna-login .zi-derecha { display:flex; flex-direction:column; justify-content:center; padding:40px 48px; }
body.zienna-login .page-card-head { text-align:left; padding:0 0 4px; }
body.zienna-login .page-card-head img.app-logo { display:none; }
body.zienna-login .page-card-head h4 { font-family:"Fraunces",Georgia,serif; font-size:22px; margin:0 0 4px; }
body.zienna-login .zi-sub { font-size:13px; color:#8a8171; margin:0 0 4px; }

body.zienna-login .login-content.page-card {
	border:none; max-width:340px; margin:0; padding:20px 0 0; background:transparent; border-radius:0;
}
body.zienna-login .email-field input,
body.zienna-login .password-field input {
	border:0; border-bottom:1.5px solid #e2dac6; border-radius:0; background:transparent;
	padding:9px 24px 9px 2px;
}
body.zienna-login .email-field input:focus,
body.zienna-login .password-field input:focus { border-bottom-color:#a6835c; box-shadow:none; }
body.zienna-login .field-icon { display:none; }
body.zienna-login .toggle-password { right:2px; }
body.zienna-login .forgot-password-message { margin-top:10px; }
body.zienna-login .forgot-password-message a { color:#a6835c; }
body.zienna-login .btn-login {
	background:#a6835c; border-color:#a6835c; border-radius:9px; padding:11px; font-weight:600;
}
body.zienna-login .btn-login:hover,
body.zienna-login .btn-login:focus { background:#8f6f4c; border-color:#8f6f4c; }
body.zienna-login .login-divider { color:#c2bba9; }
body.zienna-login .btn-login-with-email-link,
body.zienna-login .btn-login-option { border-radius:9px; border-color:#e2dac6; color:#221f1a; }

@media (max-width:760px){
	body.zienna-login .for-login { grid-template-columns:1fr; min-height:0; }
	body.zienna-login .zi-panel { padding:34px 26px; gap:12px; }
	body.zienna-login .zi-marca { width:92px; }
	body.zienna-login .zi-frase { font-size:18px; max-width:none; }
	body.zienna-login .zi-derecha { padding:30px 26px 44px; }
}