/* Pantalla de acceso · estilo Argoz (común a todos los clientes: solo marca Pricey) */
:root{
  --petrol:#113F58; --petrol3:#2A5A72; --teal:#9DC3CC;
  --bg:#F3F6F7; --card:#FFFFFF; --ink:#20282D; --mut:#6E7F83; --line:#E1E8EA; --neg:#B5473A;
  --r:12px; --shadow:0 1px 2px rgba(17,63,88,.05),0 8px 30px rgba(17,63,88,.10);
}
:root[data-theme="dark"]{ --bg:#103F58; --card:#15506F; --ink:#EAF2F4; --mut:#A8C3CB; --line:#2A6584; }
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:"DM Sans",-apple-system,"Segoe UI",Roboto,Arial,sans-serif;background:var(--bg);color:var(--ink);font-size:14px}
.logo-light{display:inline}.logo-dark{display:none}
:root[data-theme="dark"] .logo-light{display:none}
:root[data-theme="dark"] .logo-dark{display:inline}
.login-wrap{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px;
  background:radial-gradient(1200px 500px at 50% -10%, rgba(157,195,204,.35), transparent 70%)}
.login-card{width:100%;max-width:380px;background:var(--card);border-radius:var(--r);box-shadow:var(--shadow);padding:34px 30px;border:1px solid var(--line)}
.login-logo{text-align:center;margin-bottom:22px}
.login-logo img{height:44px}
.login-card h1{font:600 17px "Poppins","DM Sans",sans-serif;color:var(--petrol);text-align:center;margin-bottom:4px}
:root[data-theme="dark"] .login-card h1{color:#fff}
.login-card p.sub{color:var(--mut);font-size:13px;margin-bottom:22px;text-align:center}
.field{margin-bottom:14px}
.field label{display:block;font-size:12px;color:var(--mut);margin-bottom:5px}
.field input{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:transparent;color:var(--ink);font:14px inherit}
.field input:focus{outline:2px solid var(--teal);border-color:var(--petrol3)}
.btn{width:100%;padding:11px;border:0;border-radius:8px;background:var(--petrol);color:#fff;font:600 14px inherit;cursor:pointer}
.btn:hover{background:var(--petrol3)}
.btn:disabled{opacity:.6}
.error{color:var(--neg);font-size:13px;min-height:18px;margin-top:10px;text-align:center}
.login-foot{margin-top:18px;font-size:11.5px;color:var(--mut)}
.alt{text-align:center;margin-top:14px;font-size:12.5px}
.alt a{color:var(--petrol3);text-decoration:none}
.alt a:hover{text-decoration:underline}
:root[data-theme="dark"] .alt a{color:var(--teal)}
.info{color:var(--petrol3);font-size:13px;min-height:18px;margin-top:10px;text-align:center;line-height:1.5}
:root[data-theme="dark"] .info{color:var(--teal)}

.langpick{border:0;background:transparent;color:var(--mut);font:inherit;cursor:pointer;padding:0 2px}

/* Acceso con Microsoft (SSO por cliente) */
.or{display:flex;align-items:center;gap:10px;color:var(--mut);font-size:12px;margin:16px 0 12px}
.or::before,.or::after{content:"";flex:1;border-top:1px solid var(--line)}
.btn-ms{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:10px;border:1px solid var(--line);
  border-radius:8px;background:transparent;color:var(--ink);font:600 14px inherit;cursor:pointer}
.btn-ms:hover{border-color:var(--petrol3)}
.btn-ms svg{width:18px;height:18px;flex:none}
.err-card{text-align:center}
.err-code{font:600 46px var(--font-head,Poppins,sans-serif);color:var(--accent,#3E9BAB);letter-spacing:2px;margin:6px 0 2px}
.err-card .btn{display:inline-block;text-decoration:none;margin-top:8px;padding:10px 22px;width:auto}