/* MEGA-COBROS PRO 10.31 — eye alignment, clean login visual and professional public footer */

/* Prevent browser-native reveal controls from appearing beside our single control. */
input[type="password"]::-ms-reveal,
input[type="password"]::-ms-clear{display:none!important}

.mc31-password-label{display:grid!important;gap:7px!important}
.mc31-password-labelrow{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important}
.mc31-password-labelrow>a{margin:0!important;justify-self:auto!important;color:#6f7479!important;text-decoration:underline!important;font-weight:500!important}

.mc31-password-control{position:relative!important;display:block!important;width:100%!important;margin:0!important;padding:0!important}
.mc31-password-control>input{display:block!important;width:100%!important;height:44px!important;box-sizing:border-box!important;margin:0!important;padding:0 46px 0 12px!important;border:1px solid #d7d7d7!important;border-radius:8px!important;background:#fff!important;color:#1c1e20!important;font-size:13px!important;line-height:44px!important;outline:0!important}
.mc31-password-control>input:focus{border-color:#f4a355!important;box-shadow:0 0 0 3px rgba(245,154,50,.12)!important}
.mc31-password-control>button.password-toggle,
.mc31-password-control>button[data-password-toggle]{
  position:absolute!important;
  top:50%!important;
  right:10px!important;
  left:auto!important;
  bottom:auto!important;
  transform:translateY(-50%)!important;
  width:28px!important;
  height:28px!important;
  min-width:28px!important;
  min-height:28px!important;
  max-width:28px!important;
  max-height:28px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:7px!important;
  background:transparent!important;
  color:#727a82!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  line-height:1!important;
  box-shadow:none!important;
  cursor:pointer!important;
  z-index:20!important;
  font-size:0!important;
}
.mc31-password-control>button.password-toggle:hover,
.mc31-password-control>button.password-toggle.is-visible{background:#eef2f5!important;color:#233d4a!important}
.mc31-password-control>button.password-toggle svg{display:block!important;width:18px!important;height:18px!important;margin:0!important;padding:0!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}

/* The reset form must never stretch the eye button like a submit button. */
.mc29-password-form .mc31-password-control>button.password-toggle,
.mc25-recovery-card form .mc31-password-control>button.password-toggle,
.mc27-recovery-card form .mc31-password-control>button.password-toggle{width:28px!important;height:28px!important;min-height:28px!important;background:transparent!important;color:#727a82!important;padding:0!important;border:0!important}
.mc29-password-form .mc31-password-control{margin-top:7px!important}
.mc29-password-form .mc31-password-control>input{height:46px!important;line-height:46px!important;padding-right:48px!important}

/* Login image stays clean: image only, no sales copy on top. */
.mc25-login-visual-copy{display:none!important}
.mc31-login-visual-shade{background:linear-gradient(180deg,rgba(4,8,12,.02),rgba(4,8,12,.08))!important}

/* Public footer inspired by a professional hosting portal, with MEGA-COBROS information. */
.mc31-public-footer{background:#fff;border-top:1px solid #e7e7e7;color:#4f555a;font-family:"Segoe UI Variable Text","Segoe UI",Arial,sans-serif}
.mc31-footer-grid{max-width:1120px;margin:0 auto;padding:38px 20px 30px;display:grid;grid-template-columns:1.45fr repeat(4,1fr);gap:34px}
.mc31-footer-brand{padding-right:12px}
.mc31-footer-logo{display:flex;align-items:center;gap:11px;color:#15181b;text-decoration:none;margin-bottom:14px}
.mc31-footer-logo img{width:42px;height:42px;border-radius:10px;box-shadow:0 4px 12px rgba(0,0,0,.08)}
.mc31-footer-logo b{display:block;font-size:15px;font-weight:700;line-height:1.05;letter-spacing:-.01em}
.mc31-footer-logo small{display:block;margin-top:4px;font-size:9.5px;font-weight:450;color:#8a9095}
.mc31-footer-brand p{margin:0 0 16px;max-width:270px;font-size:11.5px;line-height:1.65;color:#747a80}
.mc31-public-footer section h3{margin:0 0 13px;color:#1d2125;font-size:12px;font-weight:650}
.mc31-public-footer section>a,.mc31-public-footer section>span{display:block;margin:0 0 9px;color:#70767b;text-decoration:none;font-size:11.5px;line-height:1.4}
.mc31-public-footer section>a:hover{color:#d97818}
.mc31-footer-payments{display:flex;gap:6px;flex-wrap:wrap}
.mc31-footer-payments span{display:inline-flex!important;margin:0!important;min-height:24px;align-items:center;padding:0 8px;border:1px solid #e1e3e5;border-radius:6px;background:#fafafa;color:#555d63!important;font-size:8px!important;font-weight:750;letter-spacing:.04em}
.mc31-footer-bottom{border-top:1px solid #ededed;max-width:1120px;margin:0 auto;padding:16px 20px 19px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#8c9196;font-size:10px}

@media(max-width:900px){
  .mc31-footer-grid{grid-template-columns:1.5fr 1fr 1fr;gap:28px}
  .mc31-footer-grid>section:nth-child(4),.mc31-footer-grid>section:nth-child(5){grid-column:auto}
}
@media(max-width:640px){
  .mc31-footer-grid{grid-template-columns:1fr 1fr;padding:30px 18px 22px;gap:24px 18px}
  .mc31-footer-brand{grid-column:1/-1}
  .mc31-footer-bottom{padding:14px 18px 18px;display:block;line-height:1.7}
  .mc31-password-control>button.password-toggle{right:9px!important}
}