/* =========================================================
   AS APP · 18A2 · MI CUENTA · ESTADOS UI

   ÚNICO PROPIETARIO DE:
   - estados dinámicos de Mi Cuenta
   - visibilidad de acceso/dashboard/formularios
   - mensajes success/error
   - estado busy de botones
   - ojo de contraseña creado por la lógica 18A
   ========================================================= */

body.as-route-account .as-state-hidden{
  display:none!important;
}

body.as-route-account .as-state-block{
  display:block!important;
}

body.as-route-account .as-password-wrap{
  position:relative;
  width:100%;
}

body.as-route-account .as-password-wrap input{
  padding-right:46px!important;
}

body.as-route-account .as-password-eye{
  position:absolute;
  right:10px;
  top:50%;
  transform:translateY(-50%);
  border:0;
  background:transparent;
  cursor:pointer;
  font-size:var(--as-size-subheading);
  line-height:1;
  padding:6px;
  color:var(--as-text-dimmer);
  z-index:var(--as-z-content);
}

body.as-route-account .as-form-message.is-success,
body.as-route-account #as-status-message.is-success{
  color:var(--as-success-text)!important;
}

body.as-route-account .as-form-message.is-error,
body.as-route-account #as-status-message.is-error{
  color:var(--as-error-text)!important;
}

body.as-route-account #as-status-message.is-success{
  background:var(--as-success-bg)!important;
  border-color:var(--as-success-border)!important;
}

body.as-route-account #as-status-message.is-error{
  background:var(--as-error-bg)!important;
  border-color:var(--as-error-border)!important;
}

body.as-route-account button.is-busy{
  opacity:.65!important;
}

body.as-route-account .asx-user-meta{
  min-width:0;
}

body.as-route-account .asx-logout .asx-icon{
  color:var(--as-text);
}

body.as-route-account .asx-avatar-bg{
  fill:var(--as-surface);
  stroke:var(--as-gold);
}

body.as-route-account .asx-avatar-gold{
  fill:var(--as-gold);
}