/* eyenews-pro: sign-in page (layout/auth/login). Scoped to .ek-auth */
.ek-auth{display:flex;justify-content:center;align-items:flex-start;min-height:calc(100vh - var(--ek-hh) - 80px);padding:28px 16px 120px;box-sizing:border-box;width:100%;margin:0;background:transparent}
.ek-auth .login-page{width:100%;max-width:420px;margin:0 auto;padding:0;float:none;position:static;transform:none;left:auto;right:auto}
.ek-auth .login-form{width:100%;margin:0;padding:28px 22px 22px;box-sizing:border-box;background:var(--ek-sf);color:var(--ek-tx);border:1px solid var(--ek-ln);border-radius:var(--ek-r);box-shadow:var(--ek-sh);float:none;position:static;max-width:none}
.ek-auth .login-form h4{margin:0 0 20px;font-size:26px;line-height:1.3;font-weight:700;color:var(--ek-tx);text-align:left;opacity:1}
.ek-auth .errors:empty{display:none}
.ek-auth .errors{color:var(--ek-rd);font-size:14px;margin:0 0 12px}
.ek-auth .pp_mat_input{position:relative;margin:0 0 14px}
.ek-auth .pp_mat_input label{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;margin:-1px;padding:0;border:0}
.ek-auth .pp_mat_input input{display:block;width:100%;height:50px;box-sizing:border-box;padding:0 16px;margin:0;font-size:16px;color:var(--ek-tx);background:var(--ek-rs);border:1px solid var(--ek-ln);border-radius:var(--ek-r2);box-shadow:none;outline:0;transition:border-color .15s,box-shadow .15s}
.ek-auth .pp_mat_input input::placeholder{color:var(--ek-mu);opacity:1}
.ek-auth .pp_mat_input input:focus{border-color:var(--ek-ac);box-shadow:0 0 0 3px color-mix(in srgb,var(--ek-ac) 25%,transparent)}
.ek-auth .pp_mat_input input:-webkit-autofill{-webkit-text-fill-color:var(--ek-tx);-webkit-box-shadow:0 0 0 40px var(--ek-rs) inset;caret-color:var(--ek-tx)}
.ek-auth .forgot_password{text-align:right;margin:0 0 18px;font-size:14px}
.ek-auth .forgot_password a,.ek-auth .signup__ a{color:var(--ek-ac);font-weight:600;text-decoration:none}
.ek-auth .login_signup_combo{margin:0}
.ek-auth .login_signup_combo .button{display:block;width:100%;height:50px;margin:0;border:0;border-radius:999px;background:var(--ek-ac);color:var(--ek-acx);font-size:17px;font-weight:700;box-shadow:none;cursor:pointer}
.ek-auth .login_signup_combo .button:hover{filter:brightness(1.08)}
.ek-auth .ek-alt-login{display:flex;flex-direction:column;gap:10px;margin:12px 0 4px}
.ek-auth .ek-alt{display:flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:10px 14px;box-sizing:border-box;border-radius:999px;font-weight:600;font-size:15px;text-decoration:none}
.ek-auth .ek-alt-eidok{background:linear-gradient(90deg,#E41E26,#8A2BE2);color:#fff;font-weight:700}
.ek-auth .ek-alt-eidok:hover{color:#fff;filter:brightness(1.06)}
.ek-auth .ek-alt-phone{background:transparent;border:1px solid var(--ek-ln);color:var(--ek-tx)}
.ek-auth .ek-alt-phone:hover{border-color:var(--ek-ac);color:var(--ek-tx)}
html.ek-light .ek-auth .ek-alt-phone{border-color:rgba(20,32,60,.22)}
/* remember device: plain brand checkbox row, not a cyan chip */
.ek-auth .pt_vdo_cstm_radio{display:flex;align-items:center;gap:10px;margin:14px 2px 2px;padding:0;background:none;border:0;border-radius:0;width:auto}
.ek-auth .pt_vdo_cstm_radio input{position:static;opacity:1;width:18px;height:18px;margin:0;accent-color:var(--ek-ac);flex:none}
.ek-auth .pt_vdo_cstm_radio label{position:static;margin:0;padding:0;font-size:14px;font-weight:500;color:var(--ek-mu);background:none;border:0;cursor:pointer}
.ek-auth .pt_vdo_cstm_radio label:before,.ek-auth .pt_vdo_cstm_radio label:after{display:none!important}
/* "or" divider + Google button */
.ek-auth .ek-or{display:flex;align-items:center;gap:12px;margin:18px 0 12px;color:var(--ek-mu);font-size:13px}
.ek-auth .ek-or:before,.ek-auth .ek-or:after{content:"";flex:1;height:1px;background:var(--ek-ln)}
.ek-auth .login-icons{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:0;padding:0;font-size:0}
.ek-auth .login-icons:empty,.ek-auth .login-icons:not(:has(*)){display:none}
.ek-auth #buttonDiv{display:flex;justify-content:center;min-height:44px;margin:0}
.ek-auth #buttonDiv:empty{min-height:0}
.ek-auth hr{border:0;border-top:1px solid var(--ek-ln);margin:20px 0 14px}
.ek-auth .signup__{text-align:center;font-size:15px;color:var(--ek-mu)}
@media (min-width:768px){.ek-auth{padding-top:56px;align-items:flex-start}.ek-auth .login-form{padding:34px 32px 28px}}
/* divider only when a social button actually rendered */
.ek-auth .ek-or{display:none}
.ek-auth form:has(#buttonDiv *) .ek-or,.ek-auth form:has(.login-icons a) .ek-or{display:flex}
/* beat youplay welcome-page/login rules */
.welcome-page:has(.ek-auth){width:100%!important;max-width:none!important;float:none!important;margin:0!important;padding:0!important;background:transparent!important}
.welcome-page:has(.ek-auth)>div{width:100%!important;max-width:none!important}
.ek-auth .login-page{background:transparent!important;box-shadow:none!important;border:0!important}
.ek-auth .pp_mat_input input{background:var(--ek-rs)!important;color:var(--ek-tx)!important}
.ek-auth .pt_vdo_cstm_radio label,.ek-auth .pt_vdo_cstm_radio input:checked+label{background:none!important;color:var(--ek-mu)!important;padding:0!important}
.ek-auth{padding-top:24px!important}@media (min-width:768px){.ek-auth{padding-top:48px!important}}