:root { --retailr-login-bg: #57a695; }
#retailr-login-overlay { display:none;
  position: fixed; inset: 0; z-index: 999999;
  background: var(--retailr-login-bg);
  display: grid; place-items: center;
}
.retailr-login-card {
  width: min(560px, 92vw);
  background: rgba(255,255,255,.1);
  border-radius: 16px;
  padding: 24px;
  color: #fff;
  box-shadow: 0 10px 30px rgba(0,0,0,.25);
}
.retailr-login-logo { text-align:center; margin-bottom: 14px; }
.retailr-login-logo img { max-width: 220px; height: auto; filter: drop-shadow(0 2px 8px rgba(0,0,0,.2)); }
#retailr-login-form label { display:block; margin:10px 0 6px; font-weight:600; }
#retailr-login-form input[type="text"],
#retailr-login-form input[type="password"] {
  width:100%; padding:14px 16px; border-radius:12px; border:0; background:#f0f0f0; color:#111; box-sizing:border-box;
}
.retailr-pass-field { position:relative; }
.retailr-toggle-pass { position:absolute; right:8px; top:50%; transform:translateY(-50%); width:36px; height:36px; border:0; border-radius:50%; background:#eaeaea; cursor:pointer; }
.retailr-login-btn { margin-top:16px; width:100%; padding:14px 16px; background:#fff; color:#1e3d33; border:0; border-radius:12px; font-weight:700; font-size:18px; cursor:pointer; }
.retailr-login-links { text-align:center; margin-top:8px; }
.retailr-login-links a { color:#fff; text-decoration:underline; }
.retailr-login-error { margin-top:10px; background:#ffd7d7; color:#8a1010; padding:10px 12px; border-radius:10px; }
.visually-hidden { position:absolute !important; height:1px; width:1px; overflow:hidden; clip:rect(1px,1px,1px,1px); white-space:nowrap; }